*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#fff;min-height:100vh;color:#333}.quiz-container{max-width:1200px;margin:0 auto;padding:40px 20px 20px;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background:#fff}.quiz-card{background:transparent;border-radius:0;padding:30px 25px;box-shadow:none;text-align:center;width:100%;max-width:1000px;animation:fadeIn .5s ease-in-out;margin-bottom:40px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.progress-bar{width:100%;max-width:1000px;height:6px;background:#f1f1f1;border-radius:3px;margin-bottom:25px;box-shadow:inset 0 1px 3px #0000001a}.progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#8b5cf6);border-radius:3px;transition:width .4s ease;box-shadow:0 2px 4px #7c3aed4d}.quiz-title{font-size:1.7rem;font-weight:700;color:#1f2937;margin-bottom:12px;line-height:1.3}.quiz-subtitle{font-size:1rem;color:#64748b;margin-bottom:25px;line-height:1.5;font-weight:400}.quiz-subtitle strong{font-weight:700;color:#1f2937}.quiz-image{width:100%;height:100%;border-radius:0;margin:20px auto;box-shadow:none;display:block}.primary-button{background:linear-gradient(90deg,#7c3aed,#8b5cf6);color:#fff;border:none;padding:16px 35px;border-radius:25px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:20px;width:100%;max-width:320px;box-shadow:0 4px 12px #7c3aed40}.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #7c3aed59}.options-container{display:flex;flex-direction:column;gap:12px;margin:25px 0}.option-button{padding:16px 18px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .3s ease;display:flex;align-items:center;justify-content:flex-start;text-align:left;gap:12px;color:#334155}.option-button:hover{border-color:#7c3aed;background:#faf9ff;transform:translateY(-1px);box-shadow:0 4px 12px #7c3aed26}.option-button.selected{border-color:#7c3aed;background:#f3f1ff;color:#7c3aed}.option-emoji{font-size:1.4rem;min-width:28px}.body-type-options{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.body-type-option{padding:18px 12px;border:2px solid #e2e8f0;border-radius:12px;background:#fff;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;color:#334155}.body-type-option:hover{border-color:#7c3aed;transform:translateY(-2px);box-shadow:0 6px 16px #7c3aed33}.body-type-image{width:100%;height:100%;object-fit:cover;border-radius:0;margin-bottom:10px;box-shadow:none}.info-card{background:linear-gradient(135deg,#7c3aed,#8b5cf6);color:#fff;border-radius:20px;padding:35px;margin:20px 0;text-align:center;box-shadow:0 8px 20px #7c3aed40}.logo-container{text-align:center;margin-bottom:20px}.logo-image{max-width:300px;margin-bottom:15px!important;box-shadow:none!important;border-radius:0!important}.special-title{font-size:2.5rem!important;color:#7c3aed!important;margin-bottom:10px!important;font-weight:800!important}.body-type-label{font-weight:600;font-size:.95rem;color:#334155;margin-top:8px}.option-text{flex:1;text-align:left;font-weight:500}.start-hint{margin-top:15px;font-size:.85rem;color:#64748b;font-weight:400}.loading-container{margin-top:20px}.loading-text{color:#7c3aed;font-weight:500;font-size:.95rem}.loading-screen{display:flex;flex-direction:column;align-items:center;margin:30px 0}.loading-progress-container{width:100%;max-width:400px;display:flex;flex-direction:column;align-items:center;gap:15px}.loading-progress-bar{width:100%;height:12px;background:#f1f1f1;border-radius:6px;overflow:hidden;box-shadow:inset 0 2px 4px #0000001a}.loading-progress-fill{height:100%;background:linear-gradient(90deg,#7c3aed,#8b5cf6);border-radius:6px;transition:width .1s ease-out;box-shadow:0 2px 8px #7c3aed4d}.loading-percentage{font-size:1.2rem;font-weight:600;color:#7c3aed;margin:0}.final-info-screen{display:flex;flex-direction:column;align-items:center;margin:30px 0}.final-info-content{width:100%;max-width:500px;margin-bottom:30px}.final-info-paragraph{font-size:1rem;color:#334155;line-height:1.6;margin-bottom:20px;text-align:center;font-weight:400}.final-info-paragraph strong{font-weight:700;color:#1f2937}.final-info-paragraph:last-child{margin-bottom:0}.testimonials-screen{display:flex;flex-direction:column;align-items:center;margin:30px 0}.testimonials-container{width:100%;max-width:700px;margin-bottom:30px}.testimonial-item{margin-bottom:40px;text-align:center}.testimonial-item:last-child{margin-bottom:30px}.testimonial-image{width:100%;height:100%;border-radius:12px;margin-bottom:20px;box-shadow:0 8px 20px #0000001f}.testimonial-content{margin-bottom:15px}.testimonial-title{font-size:1.1rem;font-weight:600;color:#1f2937;line-height:1.4;margin-bottom:10px}.testimonial-subtitle{font-size:.95rem;color:#64748b;font-weight:500;line-height:1.3;margin:0}.testimonial-button{margin-bottom:30px}.testimonials-footer{text-align:center}.testimonials-footer-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:8px}.testimonials-footer-subtitle{font-size:.9rem;color:#64748b;font-weight:400;margin:0}.materials-screen{display:flex;flex-direction:column;align-items:center;margin:30px 0}.materials-container{width:100%;max-width:800px}.materials-description{font-size:1rem;color:#334155;text-align:center;margin-bottom:30px;line-height:1.5;font-weight:400}.materials-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-bottom:40px}.material-item{display:flex;flex-direction:column;align-items:center;text-align:center;background:transparent;border-radius:0;padding:20px;transition:none}.material-item:hover{transform:none;box-shadow:none}.material-image{width:100%;height:100%;border-radius:0;margin-bottom:20px;padding-top:50px;box-shadow:none}.material-content{width:100%}.material-title{font-size:1.1rem;font-weight:600;color:#1f2937;line-height:1.4;margin-bottom:12px}.material-subtitle{font-size:.9rem;color:#64748b;font-weight:400;line-height:1.4;margin:0}.materials-final-image{text-align:center;margin:30px 0;background:transparent;border-radius:0;padding:20px;transition:none}.materials-final-image:hover{transform:none;box-shadow:none}.final-material-image{max-width:450px;margin-bottom:0!important}.sales-page-screen{display:flex;flex-direction:column;align-items:center;margin:30px 0;width:100%;max-width:1000px}.sales-page-header{text-align:center;margin-bottom:40px}.sales-page-title{font-size:1.8rem;font-weight:700;color:#1f2937;margin-bottom:15px;line-height:1.3}.sales-page-subtitle{font-size:1rem;color:#64748b;margin-bottom:15px;line-height:1.5;font-weight:400}.sales-page-description{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:20px}.sales-page-before-after{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;width:100%}.before-after-section{text-align:center;background:#f8fafc;border-radius:15px;padding:25px}.before-after-title{font-size:1.2rem;font-weight:600;color:#1f2937;margin-bottom:10px}.before-after-subtitle{font-size:.9rem;color:#64748b;margin-bottom:8px}.before-after-warning{font-size:.8rem;color:#ef4444;margin-bottom:15px;font-weight:500}.before-after-highlight{font-size:.8rem;color:#7c3aed;margin-bottom:15px;font-weight:500}.before-after-image{width:100%;max-width:200px;height:auto;border-radius:0;box-shadow:none}.sales-page-how-to-receive{text-align:center;margin-bottom:40px;background:#f8fafc;border-radius:15px;padding:30px}.how-to-receive-title{font-size:1.3rem;font-weight:600;color:#1f2937;margin-bottom:15px}.how-to-receive-description{font-size:1rem;color:#64748b;line-height:1.6}.sales-page-social-proof{margin-bottom:40px;width:100%}.social-proof-title{font-size:1.3rem;font-weight:600;color:#1f2937;text-align:center;margin-bottom:25px}.social-proof-item{display:flex;align-items:flex-start;gap:20px;background:#f8fafc;border-radius:15px;padding:25px;margin-bottom:20px;justify-content:center}.social-proof-full-image{width:100%;height:100%;border-radius:12px;box-shadow:0 8px 20px #0000001f}.social-proof-image{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #7C3AED;flex-shrink:0}.social-proof-content{flex:1}.social-proof-text{font-size:.95rem;color:#334155;line-height:1.5;margin-bottom:10px}.social-proof-rating{font-size:.9rem;color:#fbbf24;margin-bottom:5px;font-weight:600}.social-proof-name{font-size:.9rem;font-weight:600;color:#1f2937;margin-bottom:3px}.social-proof-verification{font-size:.8rem;color:#64748b}.sales-page-problems-benefits{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:40px;width:100%}.problems-section{background:#fce7e7;border-radius:15px;padding:25px}.benefits-section{background:#e7f5e7;border-radius:15px;padding:25px}.problems-benefits-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:20px;text-align:center;line-height:1.3}.problems-benefits-list{list-style:none;padding:0;margin:0;text-align:left}.problems-item,.benefits-item{font-size:.9rem;color:#334155;margin-bottom:12px;padding-left:25px;position:relative;line-height:1.4}.problems-item:before{content:"✗";position:absolute;left:0;color:#ef4444;font-weight:700;font-size:1.1rem}.benefits-item:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700;font-size:1.1rem}.before-after-list{list-style:none;padding:0;margin:0;text-align:left}.before-after-item{font-size:.9rem;color:#334155;margin-bottom:10px;padding-left:25px;position:relative;line-height:1.4}.before-after-section:first-child{background:#fce7e7}.before-after-section:first-child .before-after-item:before{content:"✗";position:absolute;left:0;color:#ef4444;font-weight:700;font-size:1.1rem}.before-after-section:last-child{background:#e7f5e7}.before-after-section:last-child .before-after-item:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700;font-size:1.1rem}@media (max-width: 768px){.quiz-container{padding:30px 5px 5px;max-width:100%}.quiz-card{padding:25px 18px;max-width:100%}.progress-bar{max-width:100%}.quiz-title{font-size:1.5rem}.special-title{font-size:2rem!important}.logo-image,.quiz-image,.testimonial-image,.material-image,.final-material-image{width:100%;height:100%}.sales-page-before-after,.sales-page-problems-benefits{grid-template-columns:1fr}.before-after-image{max-width:150px}.social-proof-item{flex-direction:column;text-align:center}.social-proof-full-image{width:100%;height:100%}.social-proof-image{align-self:center;width:100%;height:100%}.body-type-options{grid-template-columns:1fr}.body-type-image{width:100%;height:100%}}@media (max-width: 480px){.quiz-container{max-width:100%;padding:3px}.quiz-card,.progress-bar{max-width:100%}.quiz-title{font-size:1.4rem}.special-title{font-size:1.8rem!important}.quiz-subtitle{font-size:.9rem}.logo-image,.quiz-image,.testimonial-image,.material-image,.final-material-image{width:100%;height:100%}.sales-page-title{font-size:1.5rem}.before-after-image{max-width:120px}.social-proof-item{padding:15px}.social-proof-full-image,.social-proof-image{width:100%;height:100%}}.promotion-page-screen{width:100%;max-width:1000px;margin:0 auto;padding:10px;text-align:center;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.promotion-page-header{margin-bottom:30px}.promotion-page-title{font-size:2.5rem;font-weight:700;color:#8b5a9f;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.promotion-page-description{font-size:1.3rem;color:#333;margin-bottom:20px;font-weight:600}.promotion-page-call-to-action{margin:30px 0}.call-to-action-title{font-size:1.8rem;font-weight:700;color:#333;margin-bottom:15px}.options-title{font-size:1.3rem;color:#555;margin-bottom:30px;font-weight:500}.promotion-packages{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:40px 0}.package-card{background:#fff;border-radius:20px;padding:25px;box-shadow:0 8px 30px #00000026;border:3px solid transparent;transition:all .3s ease}.complete-package{border-color:#8b5a9f;transform:scale(1.05)}.basic-package{border-color:#ddd}.package-image{width:100%;max-width:300px;height:auto;border-radius:15px;margin-bottom:20px}.package-title{font-size:1.5rem;font-weight:700;color:#8b5a9f;margin-bottom:15px}.package-price{font-size:2rem;font-weight:700;color:#e74c3c;margin-bottom:10px}.package-installment{font-size:1.2rem;color:#555;margin-bottom:20px}.what-you-get{font-size:1.3rem;font-weight:700;color:#333;margin:20px 0 10px}.main-product{font-size:1.1rem;color:#333;margin-bottom:15px;font-weight:600}.bonuses-list{text-align:left;margin:15px 0;padding-left:20px}.bonus-item{font-size:1rem;color:#444;margin-bottom:8px;line-height:1.4}.package-button{width:100%;padding:15px 25px;font-size:1.2rem;font-weight:700;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;margin:20px 0}.complete-button{background:linear-gradient(135deg,#8b5a9f,#6b4c93);color:#fff}.complete-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #8b5a9f4d}.basic-button{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.basic-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e74c3c4d}.package-warning{font-size:1rem;color:#e74c3c;font-weight:700;margin-top:15px;padding:10px;background:#ffeaea;border-radius:8px}.promotion-page-results{margin:50px 0;padding:30px;background:transparent;border-radius:0}.results-title{font-size:2rem;font-weight:700;color:#333;margin-bottom:15px}.results-subtitle{font-size:1.3rem;color:#666;margin-bottom:30px}.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:30px}.result-item{background:transparent;border-radius:0;padding:10px;box-shadow:none}.result-image{width:100%;height:100%;border-radius:0;margin-bottom:35px}.result-name{font-size:1.2rem;font-weight:700;color:#8b5a9f;margin-bottom:8px}.result-subtitle{font-size:1rem;color:#666}.promotion-page-faq{margin:40px 0;text-align:left}.faq-item{margin-bottom:25px;padding:20px;background:#f8fafc;border-radius:15px;border-left:5px solid #8B5A9F}.faq-question{font-size:1.2rem;font-weight:700;color:#333;margin-bottom:10px}.faq-answer{font-size:1rem;color:#555;line-height:1.6;margin:0}.promotion-page-payment-methods{margin:40px 0;padding:25px;background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a}.payment-methods-image{width:100%;height:100%;border-radius:12px}.final-cta-button{font-size:1.4rem;font-weight:700;padding:20px 40px;margin:30px 0;background:linear-gradient(135deg,#8b5a9f,#6b4c93);border:none;border-radius:15px;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px #8b5a9f4d}.final-cta-button:hover{transform:translateY(-3px);box-shadow:0 12px 35px #8b5a9f66}.written-testimonials-section{margin:40px 0;padding:30px;background:#f8fafc;border-radius:20px}.written-testimonial-item{background:#fff;border-radius:15px;padding:25px;margin-bottom:20px;box-shadow:0 4px 15px #00000014;text-align:left}.written-testimonial-item:last-child{margin-bottom:0}.testimonial-author{margin-bottom:15px}.testimonial-name{font-size:1.2rem;font-weight:700;color:#8b5a9f;margin-bottom:5px}.testimonial-location{font-size:.9rem;color:#666;margin:0;font-style:italic}.testimonial-text{font-size:1rem;color:#333;line-height:1.6;margin-bottom:15px}.testimonial-rating{font-size:1.2rem;color:#fbbf24;margin:0}@media (max-width: 768px){.promotion-page-screen{padding:5px;max-width:100%}.promotion-packages{grid-template-columns:1fr;gap:15px}.package-card{padding:20px}.complete-package{padding:25px}.package-button{margin:20px 0 30px}.complete-package{transform:none}.results-grid{grid-template-columns:1fr;gap:50px}.result-item{padding:5px;margin-bottom:30px}.promotion-page-title{font-size:2rem}.promotion-page-description{font-size:1.1rem}.package-title{font-size:1.3rem}.package-price{font-size:1.8rem}.written-testimonials-section,.written-testimonial-item{padding:20px}}@media (max-width: 480px){.promotion-page-screen{padding:3px}.promotion-page-title{font-size:1.8rem}.promotion-page-description{font-size:1rem}.call-to-action-title{font-size:1.5rem}.options-title{font-size:1.1rem}.package-title{font-size:1.2rem}.package-price{font-size:1.6rem}.results-title{font-size:1.7rem}.final-cta-button{font-size:1.2rem;padding:18px 30px}.written-testimonials-section{padding:8px}.written-testimonial-item{padding:12px}.package-card{padding:15px}.complete-package{padding:20px}.package-button{margin:20px 0 35px}.results-grid{gap:60px}.result-item{padding:3px;margin-bottom:40px}.result-image{margin-bottom:45px}.testimonial-name{font-size:1.1rem}.testimonial-text{font-size:.95rem}}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:12px 20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.user-info{display:flex;align-items:center;gap:8px;color:#1565c0;font-weight:500}.user-icon{font-size:16px}.user-email{font-size:14px}.logout-btn{background:#f44336;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:500;transition:background .2s}.logout-btn:hover{background:#d32f2f}.dashboard-title{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.dashboard-title h1{color:#1565c0;font-size:24px;font-weight:600;margin:0;display:flex;align-items:center;gap:12px}.title-icon{font-size:28px}.action-buttons{display:flex;gap:10px}.update-btn,.reset-btn{padding:10px 16px;border:none;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.update-btn{background:#4caf50;color:#fff}.update-btn:hover{background:#45a049}.reset-btn{background:#ff9800;color:#fff}.reset-btn:hover{background:#f57c00}.period-card{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px}.period-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.period-header h2{color:#1565c0;font-size:18px;font-weight:600;margin:0}.period-icon{font-size:20px}.period-description{color:#666;margin:0 0 15px;font-size:14px}.period-options{display:flex;flex-direction:column;gap:15px}.period-type-selector{display:flex;gap:20px}.radio-label{display:flex;align-items:center;gap:8px;color:#333;font-weight:500;cursor:pointer}.radio-label input[type=radio]{margin:0}.period-select{padding:8px 12px;border:2px solid #E0E0E0;border-radius:6px;font-size:14px;background:#fff;color:#333;min-width:200px}.custom-period-inputs{display:flex;gap:10px;align-items:center}.date-input{padding:8px 12px;border:2px solid #E0E0E0;border-radius:6px;font-size:14px}.apply-btn{padding:8px 16px;background:#2196f3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.apply-btn:hover{background:#1976d2}.applied-period-info{background:#e3f2fd;padding:15px 20px;border-radius:8px;border-left:4px solid #2196F3;margin-bottom:20px}.applied-period{display:flex;align-items:center;gap:8px;color:#1565c0;font-weight:500;margin-bottom:5px}.clock-icon{font-size:16px}.period-note{color:#666;font-style:italic;margin:0 0 10px;font-size:13px}.debug-info{display:flex;flex-wrap:wrap;gap:15px;font-size:12px;color:#666}.debug-info span:first-child{font-weight:600;color:#1565c0}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.metric-card{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 8px #0000001a;text-align:center;transition:transform .2s}.metric-card:hover{transform:translateY(-2px)}.metric-icon{font-size:32px;margin-bottom:12px;display:block}.visitor-icon{color:#2196f3}.started-icon{color:#4caf50}.email-icon{color:#ff9800}.completion-icon{color:#9c27b0}.conversion-icon{color:#4caf50}.mobile-icon{color:#607d8b}.metric-value{font-size:36px;font-weight:700;color:#1565c0;margin-bottom:8px}.metric-title{font-size:12px;font-weight:600;color:#333;letter-spacing:1px;margin-bottom:4px}.metric-subtitle{font-size:11px;color:#666}.detailed-analysis{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px}.detailed-analysis h2{color:#1565c0;font-size:20px;font-weight:600;margin:0 0 20px}.analysis-table-container{overflow-x:auto}.analysis-table{width:100%;border-collapse:collapse;font-size:13px}.analysis-table th{background:#f5f5f5;color:#333;font-weight:600;padding:12px 8px;text-align:left;border-bottom:2px solid #E0E0E0;white-space:nowrap}.analysis-table td{padding:10px 8px;border-bottom:1px solid #E0E0E0;color:#333}.analysis-table tr:hover{background:#f9f9f9}.step-name{font-weight:500;color:#1565c0;min-width:200px}.completion-rate{color:#4caf50;font-weight:600}.abandonment-rate{color:#f44336;font-weight:600}.daily-summary{background:#fff;padding:24px;border-radius:10px;box-shadow:0 2px 8px #0000001a}.daily-summary-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.daily-summary-header h2{color:#1565c0;font-size:20px;font-weight:600;margin:0}.calendar-icon{font-size:24px}.daily-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.daily-card{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #E0E0E0;transition:all .2s}.daily-card.today{border-left-color:#4caf50;background:#e8f5e8}.daily-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.daily-date{font-size:16px;font-weight:600;color:#1565c0;margin-bottom:15px;text-align:center}.daily-metrics{display:flex;flex-direction:column;gap:8px}.daily-stat{display:flex;align-items:center;gap:8px;font-size:13px;color:#333}.stat-icon{font-size:14px;width:20px;text-align:center}.stat-text{font-weight:500}.biggest-abandonment{margin-top:10px;padding:8px;background:#fff3e0;border-left:3px solid #FF9800;border-radius:4px;font-size:12px;color:#e65100;font-weight:500}.auth-container{min-height:100vh;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;align-items:center;justify-content:center;padding:20px}.auth-card{background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000026;width:100%;max-width:400px;text-align:center}.auth-card h2{color:#1565c0;font-size:24px;font-weight:600;margin:0 0 8px}.auth-card p{color:#666;margin:0 0 30px}.form-group{margin-bottom:20px;text-align:left}.form-group label{display:block;color:#333;font-weight:500;margin-bottom:6px}.form-group input{width:100%;padding:12px;border:2px solid #E0E0E0;border-radius:6px;font-size:14px;transition:border-color .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2196f3}.auth-button{width:100%;padding:12px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s}.auth-button:hover:not(:disabled){background:#1976d2}.auth-button:disabled{background:#bdbdbd;cursor:not-allowed}@media (max-width: 768px){.dashboard-container{padding:15px}.dashboard-title{flex-direction:column;text-align:center;gap:15px}.dashboard-title h1{font-size:20px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.metric-card{padding:20px}.metric-value{font-size:28px}.analysis-table{font-size:12px}.analysis-table th,.analysis-table td{padding:8px 6px}.daily-cards{grid-template-columns:1fr}.custom-period-inputs{flex-direction:column;align-items:stretch}.period-type-selector{flex-direction:column;gap:10px}.debug-info{flex-direction:column;gap:5px}}@media (max-width: 480px){.dashboard-header{flex-direction:column;gap:10px;text-align:center}.action-buttons{flex-direction:column;width:100%}.update-btn,.reset-btn{width:100%}}