:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;--font-family:"Inter", "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page-bg:#f6f8fb;--surface:#fff;--surface-secondary:#f8fafc;--surface-hover:#f0f3f8;--sidebar-bg:#fff;--sidebar-text:#526176;--sidebar-muted:#8995a5;--sidebar-active-bg:#edf2ff;--sidebar-active-text:#4266bd;--text-primary:#202b3c;--text-secondary:#68778b;--text-muted:#929eae;--border:#e7ebf1;--border-strong:#dce2ea;--accent:#5278dc;--accent-hover:#4268ca;--accent-soft:#edf2ff;--success:#209b70;--warning:#b37b2c;--danger:#d75f67;--shadow-sm:0 1px 3px #1423370d;--shadow-md:0 8px 25px #1423371a;background:var(--page-bg);color:var(--text-primary);font-family:Inter,Segoe UI,sans-serif;font-weight:400}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#111827;--surface:#1b2637;--surface-secondary:#202d40;--surface-hover:#2a394e;--sidebar-bg:#172338;--sidebar-text:#d0d9e6;--sidebar-muted:#91a1b7;--sidebar-active-bg:#30435f;--sidebar-active-text:#fff;--text-primary:#edf2f8;--text-secondary:#b0bdce;--text-muted:#8999ae;--border:#303e51;--border-strong:#405067;--accent:#89a8ff;--accent-hover:#a3baff;--accent-soft:#2a3b5c;--success:#50c49a;--warning:#e3b66f;--danger:#f08b91;--shadow-sm:0 1px 3px #00000026;--shadow-md:0 8px 25px #00000040}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;font-family:var(--font-family);background:var(--page-bg);color:var(--text-primary);margin:0;transition:background-color .2s,color .2s}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}#root{min-height:100vh}::selection{background:var(--accent-soft);color:var(--text-primary)}.login-page{background:var(--page-bg);min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;padding:32px 20px;display:flex}.login-card{background:var(--surface);border:1px solid var(--border);width:100%;max-width:420px;box-shadow:var(--shadow-md);border-radius:16px;padding:38px}.login-brand{align-items:center;gap:12px;margin-bottom:38px;display:flex}.login-brand-mark{background:var(--accent);color:#fff;border-radius:12px;place-items:center;width:44px;height:44px;font-size:24px;font-weight:700;display:grid}.login-brand h1{letter-spacing:1px;margin:0;font-size:20px}.login-brand span{color:var(--text-muted);letter-spacing:1.5px;font-size:10px}.login-heading{text-align:center;margin-bottom:30px}.login-shield{width:52px;height:52px;color:var(--accent);background:var(--accent-soft);border-radius:14px;place-items:center;margin:0 auto 16px;display:grid}.login-heading h2{margin:0 0 8px;font-size:25px}.login-heading p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.login-form{flex-direction:column;gap:10px;display:flex}.login-form label{color:var(--text-primary);margin-top:10px;font-size:13px;font-weight:600}.login-input-wrap{border:1px solid var(--border-strong);min-height:46px;color:var(--text-muted);background:var(--surface);border-radius:8px;align-items:center;gap:10px;padding:0 13px;display:flex}.login-input-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.login-input-wrap input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:13px}.login-input-wrap input::placeholder{color:var(--text-muted)}.password-toggle{color:var(--text-secondary);background:0 0;border:0;place-items:center;padding:4px;display:grid}.login-submit{background:var(--accent);color:#fff;border:0;border-radius:8px;min-height:46px;margin-top:18px;font-size:14px;font-weight:600;transition:background .2s}.login-submit:hover{background:var(--accent-hover)}.login-submit:disabled{cursor:not-allowed;opacity:.65}.login-error{border:1px solid var(--danger);background:var(--surface-secondary);color:var(--danger);border-radius:8px;padding:11px 12px;font-size:13px;line-height:1.5}.login-security{color:var(--text-muted);justify-content:center;align-items:center;gap:7px;margin-top:25px;font-size:11px;display:flex}.login-footer{color:var(--text-muted);text-align:center;margin-top:25px;font-size:11px}.login-loading{background:var(--page-bg);min-height:100vh;color:var(--text-secondary);place-items:center;display:grid}@media (width<=480px){.login-card{padding:28px 22px}}.app-shell{background:var(--page-bg);min-height:100vh;color:var(--text-primary)}.sidebar{z-index:30;background:var(--sidebar-bg);width:252px;height:100vh;color:var(--sidebar-text);border-right:1px solid var(--border);flex-direction:column;transition:width .25s,transform .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-collapsed{width:76px}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;min-height:82px;padding:0 20px;display:flex}.brand-mark{background:var(--sidebar-bg);border:1px solid var(--border-strong);width:37px;height:37px;color:var(--accent);border-radius:10px;flex-shrink:0;place-items:center;font-size:23px;font-weight:800;display:grid}.brand-text{flex-direction:column;gap:2px;min-width:0;display:flex}.brand-name{color:var(--text-primary);letter-spacing:.5px;font-size:19px;font-weight:700}.brand-caption{letter-spacing:1.5px;color:var(--sidebar-muted);font-size:9px;font-weight:600}.sidebar-content{flex:1;padding:27px 13px;overflow-y:auto}.nav-group{margin-bottom:30px}.nav-heading{color:var(--sidebar-muted);letter-spacing:1.2px;margin-bottom:11px;padding:0 12px;font-size:10px;font-weight:700}.nav-link{min-height:44px;color:var(--sidebar-text);white-space:nowrap;border-radius:7px;align-items:center;gap:13px;margin:4px 0;padding:0 12px;font-size:13px;font-weight:500;transition:background .2s,color .2s;display:flex}.nav-link:hover{background:var(--surface-hover);color:var(--text-primary)}.nav-link-active{color:var(--sidebar-active-text);background:var(--sidebar-active-bg);font-weight:650}.nav-link-active svg{color:var(--accent)}.sidebar-bottom{border-top:1px solid var(--border);padding:18px 17px}.sidebar-version{color:var(--sidebar-muted);white-space:nowrap;align-items:center;gap:9px;font-size:10px;display:flex}.version-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-heading,.sidebar-collapsed .nav-link span,.sidebar-collapsed .sidebar-version span:last-child{display:none}.sidebar-collapsed .nav-link{justify-content:center;padding:0}.sidebar-collapsed .sidebar-version{justify-content:center}.sidebar-mobile-close{display:none}.main-area{min-height:100vh;margin-left:252px;transition:margin-left .25s}.main-expanded{margin-left:76px}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:15;justify-content:space-between;align-items:center;min-height:82px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;display:flex}.topbar-left{gap:14px}.desktop-sidebar-toggle{border:1px solid var(--border);background:var(--surface);width:35px;height:35px;color:var(--text-secondary);border-radius:7px;place-items:center;display:grid}.desktop-sidebar-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.breadcrumb{color:var(--text-muted);margin-bottom:4px;font-size:11px}.page-heading{color:var(--text-primary);letter-spacing:-.4px;margin:0;font-size:19px;font-weight:650}.topbar-actions{gap:15px}.search-container{width:220px;position:relative}.search-box{border:1px solid var(--border);width:100%;height:38px;color:var(--text-muted);background:var(--surface-secondary);border-radius:7px;align-items:center;gap:9px;padding:0 10px;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search-box input{width:100%;min-width:0;color:var(--text-primary);background:0 0;border:0;outline:0;font-size:12px}.search-box input::placeholder{color:var(--text-muted)}.search-box kbd{white-space:nowrap;color:var(--text-muted);background:var(--surface-hover);border-radius:4px;padding:3px 5px;font-size:9px}.search-clear{color:var(--text-muted);background:0 0;border:0;place-items:center;display:grid}.search-results{z-index:50;background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);border-radius:9px;padding:6px;position:absolute;top:calc(100% + 8px);left:0;right:0}.search-result{width:100%;min-height:39px;color:var(--text-secondary);text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:10px;padding:0 10px;font-size:12px;display:flex}.search-result span{flex:1}.search-result:hover{background:var(--surface-hover);color:var(--text-primary)}.search-no-results{color:var(--text-muted);padding:14px 10px;font-size:11px}.mobile-search-button,.mobile-search-panel{display:none}.theme-menu{border:1px solid var(--border);background:var(--surface);width:92px;height:36px;color:var(--text-secondary);border-radius:7px;justify-content:center;align-items:center;gap:7px;display:flex;position:relative}.theme-menu select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.theme-menu select option{background:var(--surface);color:var(--text-primary)}.theme-menu svg{pointer-events:none}.theme-menu:after{content:"Theme";pointer-events:none;font-size:11px}.icon-button,.more-button{color:var(--text-secondary);background:0 0;border:0;place-items:center;display:grid}.notification-button{width:35px;height:35px;position:relative}.notification-dot{background:var(--danger);border:1px solid var(--surface);border-radius:50%;width:7px;height:7px;position:absolute;top:5px;right:5px}.topbar-divider{background:var(--border);width:1px;height:34px}.profile-menu{text-align:left;color:var(--text-secondary);background:0 0;border:0;align-items:center;gap:10px;display:flex}.avatar{background:var(--accent-soft);width:37px;height:37px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.profile-info{flex-direction:column;gap:4px;display:flex}.profile-name{color:var(--text-primary);font-size:11px;font-weight:650}.profile-role{color:var(--text-muted);font-size:10px}.mobile-menu{display:none}.page-content{max-width:1700px;margin:0 auto;padding:30px 34px 22px}.welcome-row{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.welcome-row h2{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 7px;font-size:20px}.welcome-row p,.panel-header p{color:var(--text-muted);margin:0;font-size:12px}.date-button{border:1px solid var(--border);color:var(--text-secondary);background:var(--surface);border-radius:7px;align-items:center;gap:9px;padding:10px 12px;font-size:11px;display:flex}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:21px;display:grid}.stat-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:9px}.stat-card{min-width:0;box-shadow:var(--shadow-sm);padding:19px}.stat-card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.stat-title{color:var(--text-secondary);font-size:11px;font-weight:550}.stat-icon{width:35px;height:35px;color:var(--accent);background:var(--accent-soft);border-radius:8px;place-items:center;display:grid}.stat-value{letter-spacing:-.8px;color:var(--text-primary);margin:13px 0 10px;font-size:27px;font-weight:700;line-height:1}.stat-footer{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.stat-change{align-items:center;gap:2px;font-size:10px;font-weight:600;display:inline-flex}.stat-change.positive{color:var(--success)}.stat-change.neutral{color:var(--text-muted)}.stat-description{color:var(--text-muted);font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:19px;margin-bottom:19px;display:grid}.panel{min-width:0;box-shadow:var(--shadow-sm);padding:21px}.panel-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.panel-header h3{color:var(--text-primary);margin:0 0 6px;font-size:13px;font-weight:650}.more-button{border-radius:6px;width:30px;height:30px}.more-button:hover{background:var(--surface-hover)}.chart-legend{color:var(--text-muted);justify-content:flex-end;gap:18px;margin:18px 0 8px;font-size:10px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:7px;height:7px}.legend-dot.blue{background:#5278dc}.legend-dot.pale{background:#b9c9ed}.chart{gap:12px;height:190px;display:flex}.chart-y-labels{color:var(--text-muted);flex-direction:column;justify-content:space-between;padding-bottom:21px;font-size:9px;display:flex}.chart-plot{flex-direction:column;flex:1;justify-content:flex-end;min-width:0;display:flex;position:relative}.chart-gridline{background:var(--border);width:100%;height:1px;position:absolute;left:0}.chart-gridline:first-child{top:0}.chart-gridline:nth-child(2){top:20%}.chart-gridline:nth-child(3){top:40%}.chart-gridline:nth-child(4){top:60%}.chart-gridline:nth-child(5){top:80%}.chart-gridline:nth-child(6){top:100%}.chart-plot svg{z-index:1;width:100%;height:160px;position:relative;overflow:visible}.chart-x-labels{color:var(--text-muted);justify-content:space-between;padding-top:7px;font-size:9px;display:flex}.chart-note{text-align:right;color:var(--text-muted);margin-top:12px;font-size:9px}.activity-panel{flex-direction:column;display:flex}.empty-activity{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;min-height:180px;display:flex}.empty-icon{background:var(--surface-secondary);width:45px;height:45px;color:var(--text-muted);border-radius:50%;place-items:center;margin-bottom:3px;display:grid}.empty-activity strong{color:var(--text-secondary);font-size:11px}.empty-activity span{max-width:200px;color:var(--text-muted);font-size:10px;line-height:1.6}.text-link{color:var(--accent);background:0 0;border:0;justify-content:center;align-self:flex-start;align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.quick-panel{margin-bottom:22px}.setup-badge{background:var(--accent-soft);color:var(--accent);white-space:nowrap;border-radius:20px;align-items:center;padding:5px 9px;font-size:9px;font-weight:600;display:inline-flex}.setup-list{margin-top:15px}.activity-item{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 0;display:flex}.activity-item:last-child{border-bottom:0;padding-bottom:0}.activity-icon{border-radius:8px;flex-shrink:0;place-items:center;width:31px;height:31px;display:grid}.activity-icon.green{background:color-mix(in srgb, var(--success) 12%, transparent);color:var(--success)}.activity-icon.blue{background:var(--accent-soft);color:var(--accent)}.activity-icon.gray{background:var(--surface-secondary);color:var(--text-muted)}.activity-copy{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.activity-title{color:var(--text-primary);font-size:11px;font-weight:600}.activity-detail{color:var(--text-muted);font-size:10px}.activity-time{color:var(--text-muted);white-space:nowrap;font-size:10px}.dashboard-footer{color:var(--text-muted);justify-content:space-between;gap:12px;padding:0 2px;font-size:10px;display:flex}.placeholder-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:340px;display:flex}.placeholder-icon{background:var(--accent-soft);width:58px;height:58px;color:var(--accent);border-radius:14px;place-items:center;display:grid}.placeholder-panel h3{color:var(--text-primary);margin:4px 0 0;font-size:16px}.placeholder-panel p{color:var(--text-muted);font-size:12px}.settings-panel{max-width:650px}.theme-switcher{margin-top:24px}.theme-label{color:var(--text-primary);margin-bottom:12px;font-size:12px;font-weight:600;display:block}.theme-select-wrap{flex-wrap:wrap;gap:10px;display:flex}.theme-option{border:1px solid var(--border);background:var(--surface);min-width:105px;min-height:42px;color:var(--text-secondary);border-radius:7px;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.theme-option:hover{background:var(--surface-hover)}.theme-option-active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sidebar-overlay{display:none}@media (width<=1100px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.topbar{padding:0 22px}.page-content{padding-left:22px;padding-right:22px}}@media (width<=700px){.sidebar,.sidebar-collapsed{width:270px;transform:translate(-100%)}.sidebar-mobile-open{box-shadow:var(--shadow-md);transform:translate(0)}.sidebar-collapsed .brand{justify-content:flex-start;padding:0 20px}.sidebar-collapsed .brand-text,.sidebar-collapsed .nav-heading,.sidebar-collapsed .nav-link span,.sidebar-collapsed .sidebar-version span:last-child{display:initial}.sidebar-collapsed .nav-link{justify-content:flex-start;padding:0 12px}.sidebar-collapsed .sidebar-version{justify-content:flex-start}.sidebar-mobile-close{color:var(--text-secondary);background:0 0;border:0;border-radius:6px;place-items:center;margin-left:auto;padding:7px;display:grid}.sidebar-mobile-close:hover{background:var(--surface-hover)}.sidebar-overlay{z-index:29;background:#0f19287a;border:0;display:block;position:fixed;inset:0}.main-area,.main-expanded{margin-left:0}.topbar{flex-wrap:wrap;gap:8px;min-height:70px;padding:0 14px}.topbar-left{flex:1;gap:9px;min-width:0}.topbar-actions{flex-shrink:0;gap:7px}.mobile-menu{color:var(--text-primary);background:0 0;border:0;place-items:center;padding:7px;display:grid}.desktop-sidebar-toggle{display:none}.page-heading{font-size:17px}.topbar-actions>.search-container{display:none}.mobile-search-button{width:35px;height:35px;color:var(--text-secondary);background:0 0;border:0;border-radius:7px;place-items:center;display:grid}.mobile-search-button:hover{background:var(--surface-hover)}.mobile-search-panel{background:var(--surface);border-bottom:1px solid var(--border);width:100%;box-shadow:none;flex:0 0 100%;padding:0 0 12px;display:none}.mobile-search-panel-open{display:block}.mobile-search-panel .search-container{width:100%;display:block}.theme-menu{width:36px;height:35px}.theme-menu:after{display:none}.theme-menu select{width:36px}.topbar-divider,.profile-info,.profile-menu>svg{display:none}.profile-menu{padding:0}.avatar{width:33px;height:33px}.page-content{padding:23px 16px}.welcome-row{align-items:flex-start}.welcome-row h2{font-size:17px}.welcome-row p{max-width:230px;line-height:1.5}.date-button{gap:5px;padding:9px;font-size:0}.date-button svg{width:16px}.stats-grid{gap:11px}.stat-card{padding:14px}.stat-title{font-size:10px}.stat-value{font-size:24px}.stat-description{display:none}.panel{padding:16px}.dashboard-footer{flex-direction:column;gap:6px}}@media (width<=380px){.stats-grid{grid-template-columns:1fr}.profile-menu{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}