html,body,#root{min-height:100%}body{margin:0;font-family:Segoe UI Variable,Segoe UI,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;background:radial-gradient(circle at top left,rgba(79,124,255,.12),transparent 34%),radial-gradient(circle at top right,rgba(96,165,250,.1),transparent 26%),#eef2f8;color:#334155;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.login-container{min-height:100vh;background-color:#f7f8f9;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;font-family:Inter,sans-serif}.floating-icon{position:absolute;width:50px;height:50px;border-radius:50%;background-color:#fff0e0;display:flex;justify-content:center;align-items:center;color:#f08c00;opacity:.8}.floating-icon.icon-1{top:15%;left:15%;transform:rotate(-10deg)}.floating-icon.icon-2{top:45%;left:8%;transform:rotate(15deg)}.floating-icon.icon-3{bottom:10%;left:12%;transform:rotate(-5deg)}.floating-icon.icon-4{top:10%;right:15%;transform:rotate(10deg)}.floating-icon.icon-5{top:40%;right:20%;transform:rotate(-15deg)}.floating-icon.icon-6{bottom:15%;right:10%;transform:rotate(20deg)}.login-logo{width:250px;margin-bottom:1rem;z-index:10}.login-card{background:#fff;width:100%;max-width:360px;border-radius:12px;padding:2rem;box-shadow:0 10px 25px #0000000d;z-index:10}.login-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin-top:0;margin-bottom:.5rem;text-align:center}.login-subtitle{font-size:.875rem;color:#6b7280;margin-bottom:1rem;text-align:center}.input-group{margin-bottom:1rem;text-align:left}.input-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.5rem}.input-group input{width:100%;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;outline:none;transition:border-color .2s;box-sizing:border-box}.input-group input:focus{border-color:#f08c00}.options-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:.875rem}.options-row .remember-me{display:flex;align-items:center;color:#6b7280}.options-row .remember-me input{margin-right:.5rem}.options-row .forgot-password{color:#f08c00;text-decoration:none}.options-row .forgot-password:hover{text-decoration:underline}.btn-primary{width:100%;background-color:#f08c00;color:#fff;border:none;border-radius:6px;padding:.75rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background-color:#d97700}.btn-primary:disabled{background-color:#fca5a5;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#9ca3af;font-size:.875rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.btn-google{width:100%;background-color:#fff;color:#f08c00;border:1px solid #f08c00;border-radius:6px;padding:.75rem;font-size:.875rem;font-weight:600;cursor:pointer;display:flex;justify-content:center;align-items:center;gap:.5rem;transition:background-color .2s}.btn-google:hover{background-color:#fff0e0}.btn-google img{width:18px;height:18px}.register-text{text-align:center;margin-top:1.5rem;font-size:.875rem;color:#6b7280}.register-text a{color:#f08c00;font-weight:600;text-decoration:none}.register-text a:hover{text-decoration:underline}:root{--primary-orange: #f97316;--primary-orange-hover: #ea580c;--theme-primary: #f97316;--theme-primary-dark: #ea580c;--theme-primary-light: #fed7aa;--bg-white: #ffffff;--text-gray-dark: #334155;--text-gray-light: #64748b;--border-gray: #e2e8f0}.dashboard-page{min-height:100vh;color:var(--text-gray-dark);background-color:var(--bg-white)}.dashboard-container{padding:1rem;max-width:1400px;margin-left:auto;margin-right:auto}@media (min-width: 900px){.dashboard-container{padding:2rem}}.dashboard-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.dashboard-title{font-weight:800!important;color:#1e293b!important;margin-bottom:.25rem!important}.dashboard-subtitle{color:#64748b!important}.dashboard-btn-primary{background:var(--primary-orange)!important;border-radius:999px!important;padding:8px 20px!important;text-transform:none!important;font-weight:700!important;color:#fff!important}.dashboard-btn-primary:hover{background:var(--primary-orange-hover)!important}.dashboard-btn-secondary{border-radius:999px!important;padding:8px 20px!important;text-transform:none!important;font-weight:700!important;color:#334155!important;border-color:#cdd7e6!important}.dashboard-content{display:flex;flex-wrap:wrap;gap:1.5rem}.metric-grid{flex:1 1 60%;display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 600px){.metric-grid{grid-template-columns:1fr 1fr}}.analytics-panel{flex:1 1 30%;min-width:300px}.analytics-card{padding:1.5rem;border-radius:1rem!important;border:1px solid #f1f5f9!important;box-shadow:0 4px 15px #0f172a08!important;height:100%;display:flex;flex-direction:column}.analytics-title{font-weight:800!important;color:#1e293b!important;margin-bottom:1.5rem!important}.analytics-chart-box{flex:1;min-height:250px;display:flex;align-items:center}.custom-metric-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;width:100%}.custom-metric-card{background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;align-items:center;padding-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease;overflow:hidden;border:1px solid #f1f5f9}.custom-metric-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001f}.custom-metric-header{width:100%;height:140px;display:flex;justify-content:center;align-items:center;border-bottom-left-radius:50% 30%;border-bottom-right-radius:50% 30%;margin-bottom:2rem}.custom-metric-value{font-size:2.25rem!important;font-weight:800!important;color:#334155!important;margin-bottom:1.5rem!important;line-height:1!important}.custom-metric-label{padding:6px 24px;border-radius:999px;font-size:.85rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.5px;margin-top:auto}.response-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:2rem}