@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Sora:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap);@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css);:root{--divider:#f3f4f6;--text-primary:#0d1117;--text-secondary:#374151;--text-muted:#6b7280;--text-faint:#9ca3af;--accent2:#ff9a3c;--green:#12b76a;--green-bg:#ecfdf5;--red:#f04438;--yellow:#f59e0b;--purple:#7c3aed;--purple-bg:#f5f3ff;--teal:#0d9488;--teal-bg:#f0fdfa;--shadow-hover:0 4px 20px #00000012;--shadow-lg:0 4px 16px #0000001a;--radius-card:12px;--radius-btn:7px;--font:"Sora","Plus Jakarta Sans",sans-serif;--font-mono:"JetBrains Mono",monospace}html{scroll-behavior:smooth}body{-moz-osx-font-smoothing:grayscale;color:#0d1117}body,button{font-family:Sora,Plus Jakarta Sans,sans-serif}button{cursor:pointer;font-family:var(--font)}a{color:inherit;text-decoration:none}.app-shell{display:flex;min-height:100vh}.sidebar{overflow:hidden}.sidebar-logo{border-bottom:1px solid #ffffff0f;gap:10px;padding:18px 16px 14px}.logo-icon,.sidebar-logo{align-items:center;display:flex;flex-shrink:0}.logo-icon{background:#ff6a00;background:var(--accent);border-radius:8px;color:#fff;font-size:12px;font-weight:800;height:32px;justify-content:center;letter-spacing:-.5px;width:32px}.logo-text{color:#fff;font-size:14px;font-weight:700;letter-spacing:-.3px;line-height:1.2}.logo-text span{color:#ff6a00;color:var(--accent)}.logo-sub{color:#ffffff59;font-size:9.5px;letter-spacing:.2px;margin-top:1px}.sidebar-scroll{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:10px 0;scrollbar-color:#ffffff1a #0000;scrollbar-width:thin}.sidebar-scroll::-webkit-scrollbar{width:3px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.nav-section-label{color:#ffffff40;font-size:9px;font-weight:700;letter-spacing:.8px;padding:10px 16px 4px;text-transform:uppercase}.nav-item{border-radius:8px;margin:1px 8px;transition:background .12s}.nav-link{align-items:center;border-radius:8px;color:#ffffff8c;display:flex;font-size:12px;font-weight:500;gap:9px;padding:8px 10px;position:relative;text-decoration:none;transition:color .12s,background .12s}.nav-link:hover{background:#ffffff0d;color:#fffc}.nav-item.active .nav-link{background:#1f2937;background:var(--sidebar-active);color:#fff}.nav-item.active .nav-link i{color:#ff6a00;color:var(--accent)}.nav-link i{flex-shrink:0;font-size:12px;text-align:center;width:16px}.nav-label{flex:1 1}.nav-badge{background:#ff6a00;background:var(--accent);border-radius:10px;color:#fff;font-size:9px;font-weight:700;min-width:18px;padding:1px 6px;text-align:center}.sidebar-footer{border-top:1px solid #ffffff0f;flex-shrink:0;padding:10px 8px}.sidebar-user{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:9px;padding:8px 10px;transition:background .12s}.sidebar-user:hover{background:#ffffff0d}.sidebar-user .avatar{align-items:center;background:#ff6a00;background:var(--accent);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:30px;justify-content:center;width:30px}.user-info{flex:1 1;min-width:0}.user-name{color:#fff;font-size:12px;font-weight:600}.user-role{color:#ffffff59;font-size:10px;margin-top:1px}.sidebar-user>i{color:#ffffff4d;flex-shrink:0;font-size:12px}.header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f8fae6;z-index:90}.header-breadcrumb{gap:7px}.page-title{color:#0d1117;color:var(--text-primary);font-size:14px;font-weight:700}.sep{color:#9ca3af;color:var(--text-faint)}.crumb,.header-search{color:#6b7280;color:var(--text-muted);font-size:12px}.header-search{background:#fff;background:var(--card);border:1px solid #e5e7eb;border-radius:7px;border-radius:var(--radius-btn);cursor:text;gap:8px;height:32px;padding:0 10px;transition:border-color .15s;width:240px}.header-search:hover{border-color:#d1d5db}.header-search input{color:#0d1117;flex:1 1;font-family:Sora,Plus Jakarta Sans,sans-serif;font-size:12px;min-width:0}.header-search input::placeholder{color:#9ca3af;color:var(--text-faint)}.search-kbd{margin-left:auto}.search-kbd kbd{background:#f3f4f6;background:var(--divider);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:3px;color:#9ca3af;color:var(--text-faint);font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:9px;padding:1px 4px}.header-btn{border-radius:7px;border-radius:var(--radius-btn);display:inline-flex;font-size:12px;gap:6px;height:32px;padding:0 12px;transition:all .12s}.header-btn.icon-only{padding:0;width:32px}.notif-dot{background:#f04438;border:1.5px solid #f7f8fa;border:1.5px solid var(--bg);right:6px;top:6px}.content{padding:20px}.d-page-header{background:linear-gradient(135deg,#0d1117,#1a2233 60%,#1e1433);border-radius:16px;margin-bottom:20px;overflow:hidden;padding:28px 28px 0;position:relative}.d-page-header:before{background:radial-gradient(circle,#ff6a0026 0,#0000 70%);height:280px;right:-40px;top:-60px;width:280px}.d-page-header:after,.d-page-header:before{content:"";pointer-events:none;position:absolute}.d-page-header:after{background:radial-gradient(circle,#7c3aed1a 0,#0000 70%);bottom:0;height:200px;left:120px;width:200px}.d-header-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px;position:relative}.d-header-date{color:#fff6;font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.3px;margin-bottom:6px}.d-header-title{color:#fff;font-size:28px;font-weight:800;letter-spacing:-.6px;line-height:1.15;margin-bottom:6px}.d-header-sub{color:#ffffff80;font-size:12px;line-height:1.6}.d-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.d-btn-dark{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:7px;border-radius:var(--radius-btn);color:#fffc;display:inline-flex;font-size:12px;font-weight:500;gap:6px;height:32px;padding:0 13px;transition:background .15s}.d-btn-dark:hover{background:#ffffff24}.d-btn-dark.accent{background:#ff6a00;background:var(--accent);border-color:#ff6a00;border-color:var(--accent);color:#fff}.d-btn-dark.accent:hover{background:#e65c00;background:var(--accent-hover)}.d-header-kpis{grid-gap:1px;background:#ffffff0f;border-radius:12px 12px 0 0;display:grid;gap:1px;grid-template-columns:repeat(4,1fr);margin:0 -28px;overflow:hidden;position:relative}.d-header-kpi{background:#ffffff08;padding:16px 20px;position:relative;transition:background .15s}.d-header-kpi:hover{background:#ffffff0f}.d-kpi-label{color:#ffffff59;font-size:9.5px;font-weight:700;letter-spacing:.7px;margin-bottom:7px;text-transform:uppercase}.d-kpi-value{color:#fff;font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:6px}.d-kpi-trend{align-items:center;display:flex;font-size:10.5px;font-weight:500;gap:4px}.d-kpi-trend.up{color:#12b76a}.d-kpi-trend.down{color:#f04438}.d-kpi-trend.neutral{color:#ffffff59}.d-kpi-trend i{font-size:9px}.d-kpi-divider{background:#ffffff14;bottom:16px;position:absolute;right:0;top:16px;width:1px}.d-mini-notice{align-items:center;background:linear-gradient(90deg,#fff5ee,#fff);border:1px solid #ffd4b2;border-radius:10px;color:#c2410c;display:flex;font-size:11.5px;gap:10px;margin-bottom:18px;padding:10px 14px}.d-mini-notice i{flex-shrink:0;font-size:14px}.d-mini-notice-text{flex:1 1}.d-mini-notice-text strong{font-weight:600}.d-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:18px}.d-stat{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-card);overflow:hidden;padding:16px;position:relative;transition:box-shadow .15s,transform .15s}.d-stat:hover{box-shadow:0 4px 20px #00000012;box-shadow:var(--shadow-hover);transform:translateY(-1px)}.d-stat-icon{align-items:center;border-radius:9px;display:flex;font-size:14px;height:36px;justify-content:center;margin-bottom:12px;width:36px}.d-stat-value{color:#0d1117;color:var(--text-primary);font-size:22px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:5px}.d-stat-label{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:500;margin-bottom:8px}.d-stat-trend{align-items:center;display:flex;font-size:10.5px;font-weight:500;gap:4px}.d-stat-trend.up{color:#12b76a;color:var(--green)}.d-stat-trend.down{color:#f04438;color:var(--red)}.d-stat-trend.flat{color:#9ca3af;color:var(--text-faint)}.d-stat-trend i{font-size:9px}.d-stat-accent{bottom:0;height:3px;left:0;position:absolute;right:0}.d-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.d-grid-3{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr}.d-grid-31{grid-gap:14px;display:grid;gap:14px;grid-template-columns:2fr 1fr}.d-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-card);overflow:hidden}.d-card-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);gap:8px;justify-content:space-between;padding:13px 16px 11px}.d-card-header,.d-card-title{align-items:center;display:flex}.d-card-title{color:#0d1117;color:var(--text-primary);font-size:13px;font-weight:600;gap:7px}.d-card-title i{color:#6b7280;color:var(--text-muted);font-size:11px}.d-card-body{padding:14px 16px}.d-card-body-flush{padding:0 16px}.d-btn{align-items:center;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:7px;border-radius:var(--radius-btn);color:#6b7280;color:var(--text-muted);display:inline-flex;font-family:Sora,Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:11px;font-weight:500;gap:5px;height:28px;padding:0 11px;transition:all .12s;white-space:nowrap}.d-btn:hover{background:#f7f8fa;background:var(--bg);color:#0d1117;color:var(--text-primary)}.d-btn.sm{font-size:10.5px;height:24px;padding:0 9px}.d-btn.primary{background:#ff6a00;background:var(--accent);border-color:#ff6a00;border-color:var(--accent);color:#fff}.d-btn.primary:hover{background:#e65c00;background:var(--accent-hover)}.d-table-wrap{overflow-x:auto}.d-table{border-collapse:collapse;width:100%}.d-table thead th{background:#fafafa;color:#9ca3af;color:var(--text-faint);font-size:9.5px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.d-table tbody tr,.d-table thead th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider)}.d-table tbody tr{cursor:pointer;transition:background .1s}.d-table tbody tr:last-child{border-bottom:none}.d-table tbody tr:hover{background:#fafbfc}.d-table tbody td{color:#374151;color:var(--text-secondary);font-size:11.5px;padding:8px 12px;vertical-align:middle}.d-td-sub{color:#9ca3af;color:var(--text-faint);font-size:10px;margin-top:1px}.d-mono{font-family:JetBrains Mono,monospace;font-family:var(--font-mono);font-size:11px}.d-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:10px;font-weight:600;gap:3px;padding:2px 8px;white-space:nowrap}.d-badge.green{background:#ecfdf5;background:var(--green-bg);color:#059669}.d-badge.red{background:#fef2f2;background:var(--red-bg);color:#dc2626}.d-badge.yellow{background:#fffbeb;background:var(--yellow-bg);color:#d97706}.d-badge.blue{background:#eff6ff;background:var(--blue-bg);color:#2563eb}.d-badge.orange{background:#fff5ee;color:#ff6a00;color:var(--accent)}.d-badge.gray{background:#f3f4f6;color:#6b7280}.d-badge.purple{background:#f5f3ff;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.d-avatar{border-radius:50%;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:28px;justify-content:center;width:28px}.d-avatar,.d-tag{align-items:center}.d-tag{background:#f7f8fa;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:5px;color:#6b7280;color:var(--text-muted);display:inline-flex;font-size:10.5px;font-weight:500;padding:1px 7px;white-space:nowrap}.d-list-item{align-items:flex-start;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);display:flex;gap:10px;padding:8px 0}.d-list-item:last-child{border-bottom:none}.d-list-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;font-size:12px;height:30px;justify-content:center;width:30px}.d-list-body{flex:1 1;min-width:0}.d-list-title{color:#0d1117;color:var(--text-primary);font-size:12px;font-weight:500;line-height:1.3}.d-list-meta{color:#9ca3af;color:var(--text-faint);font-size:10.5px;margin-top:2px}.d-list-right{flex-shrink:0;text-align:right}.d-prog{background:#f3f4f6;background:var(--divider);border-radius:3px;height:5px;overflow:hidden}.d-prog-fill{border-radius:3px;height:100%}.d-sparkline{align-items:flex-end;display:flex;gap:2px;height:28px}.d-spark{background:#ff6a00;background:var(--accent);border-radius:2px 2px 0 0;opacity:.25;width:4px}.d-spark.hi{opacity:1}.d-spark.med{opacity:.6}.d-chart-bars{align-items:flex-end;display:flex;gap:6px;height:80px}.d-bar-wrap{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px;height:100%;justify-content:flex-end}.d-bar{background:#f3f4f6;background:var(--divider);border-radius:4px 4px 0 0;cursor:pointer;min-height:4px;transition:background .15s,filter .15s;width:100%}.d-bar.accent,.d-bar.accent2{background:#ff6a00;background:var(--accent)}.d-bar.accent2{opacity:.45}.d-bar:hover{filter:brightness(1.15)}.d-bar-label{color:#9ca3af;color:var(--text-faint);font-size:9px;font-weight:500;white-space:nowrap}.d-ring-wrap{flex-direction:column;gap:4px}.d-ring,.d-ring-wrap{align-items:center;display:flex}.d-ring{border:4px solid;border-radius:50%;font-size:12px;font-weight:800;height:54px;justify-content:center;width:54px}.d-ring.g{border-color:#12b76a;border-color:var(--green);color:#12b76a;color:var(--green)}.d-ring.y{border-color:#f59e0b;border-color:var(--yellow);color:#f59e0b;color:var(--yellow)}.d-ring.r{border-color:#f04438;border-color:var(--red);color:#f04438;color:var(--red)}.d-ring-lbl{color:#9ca3af;color:var(--text-faint);font-size:9px;line-height:1.3;text-align:center}.d-courier-row{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);display:flex;gap:10px;padding:9px 0}.d-courier-row:last-child{border-bottom:none}hr.d-hr{border:none;border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);margin:12px 0}.d-divider{align-items:center;display:flex;gap:10px;margin:18px 0 12px}.d-divider:after,.d-divider:before{background:#e5e7eb;background:var(--border);content:"";flex:1 1;height:1px}.d-divider span{color:#9ca3af;color:var(--text-faint);font-size:9.5px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;white-space:nowrap}.d-pulse{animation:d-pulse 1.5s ease-in-out infinite;background:#12b76a;background:var(--green);border-radius:50%;display:inline-block;height:5px;margin-right:3px;vertical-align:middle;width:5px}@keyframes d-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.d-int-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:0}.d-int-card{background:#fff;background:var(--card);border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-card);padding:14px 16px;position:relative;transition:border-color .15s,box-shadow .15s}.d-int-card:hover{border-color:#d1d5db;box-shadow:0 2px 12px #0000000f}.d-int-card.connected{background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#a7f3d0}.d-int-card.error{background:linear-gradient(135deg,#fff,#fef2f2);border-color:#fecaca}.d-int-top{gap:10px;margin-bottom:8px}.d-int-logo,.d-int-top{align-items:center;display:flex}.d-int-logo{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:10px;flex-shrink:0;font-size:10px;font-weight:800;height:40px;justify-content:center;overflow:hidden;width:40px}.d-int-logo img{display:block;height:28px;object-fit:contain;width:28px}.d-int-name{color:#0d1117;color:var(--text-primary);font-size:12.5px;font-weight:700}.d-int-type{color:#9ca3af;color:var(--text-faint);font-size:10px;margin-top:1px}.d-int-badge{flex-shrink:0;margin-left:auto}.d-int-desc{color:#6b7280;color:var(--text-muted);font-size:10.5px;line-height:1.55;margin-bottom:10px}.d-int-footer{align-items:center;display:flex;justify-content:space-between}.d-int-meta{color:#9ca3af;color:var(--text-faint);font-size:9.5px}.d-int-meta.ok{color:#059669}.d-int-meta.err{color:#f04438;color:var(--red)}.d-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.d-status-chip{align-items:center;border:1px solid;border-radius:20px;display:flex;font-size:10.5px;font-weight:600;gap:5px;padding:5px 11px}.d-status-chip.connected{background:#ecfdf5;background:var(--green-bg);border-color:#a7f3d0;color:#059669}.d-status-chip.error{background:#fef2f2;background:var(--red-bg);border-color:#fecaca;color:#dc2626}.d-status-chip.pending{background:#f3f4f6;border-color:#e5e7eb;border-color:var(--border);color:#9ca3af;color:var(--text-faint)}.d-status-chip-dot{border-radius:50%;height:6px;width:6px}.d-quick-btn{align-items:center;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:9px;color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;flex-direction:column;font-family:Sora,Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:10px;font-weight:600;gap:2px;height:36px;justify-content:center;transition:all .12s}.d-quick-btn:hover{background:#f7f8fa;background:var(--bg);border-color:#d1d5db}.d-quick-btn i{font-size:13px}.d-section-header{align-items:flex-end;display:flex;gap:12px;justify-content:space-between;margin-bottom:14px}.d-section-title{color:#0d1117;color:var(--text-primary);font-size:18px;font-weight:700;letter-spacing:-.3px;margin-bottom:2px}.d-section-desc{color:#6b7280;color:var(--text-muted);font-size:11.5px;line-height:1.6}.d-page-bottom{height:24px}@media (max-width:1200px){.d-stats-grid{grid-template-columns:repeat(2,1fr)}.d-grid-31{grid-template-columns:1fr}.d-int-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.d-grid-2{grid-template-columns:1fr}.d-grid-3{grid-template-columns:1fr 1fr}.d-header-kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.sidebar{transform:translateX(-100%)}.main-wrapper{margin-left:0}.d-stats-grid{grid-template-columns:1fr 1fr}.d-grid-3,.d-int-grid{grid-template-columns:1fr}.content{padding:12px}}.sidebar{background:#111827;background:var(--sidebar-bg);bottom:0;display:flex;flex-direction:column;left:0;min-width:220px;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:width .2s ease;width:220px;z-index:100}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.main-wrapper{display:flex;flex:1 1;flex-direction:column;margin-left:220px;min-height:100vh}.header{align-items:center;background:#fff;background:var(--card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:12px;height:52px;padding:0 20px;position:sticky;top:0;z-index:50}.header-breadcrumb{color:#374151}.header-breadcrumb .page-title{color:#0d1117}.header-breadcrumb .crumb,.header-breadcrumb .sep{color:#6b7280}.header-btn{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;font-family:Sora,Plus Jakarta Sans,sans-serif;transition:background .15s,color .15s}.header-btn:hover{background:#f7f8fa;color:#0d1117}.header-btn.primary{background:#ff6a00;border-color:#ff6a00}.header-btn.primary:hover{background:#e65c00;border-color:#e65c00}.content{flex:1 1;padding:18px 20px}.h-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:2px;margin-bottom:16px;overflow-x:auto}.h-tab{align-items:center;border-bottom:2px solid #0000;color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11.5px;font-weight:500;gap:5px;margin-bottom:-1px;padding:7px 14px 8px;transition:color .15s,border-color .15s;white-space:nowrap}.h-tab i{font-size:11px}.h-tab:hover{color:#0d1117;color:var(--text-primary)}.h-tab.active{border-bottom-color:#ff6a00;border-bottom-color:var(--accent);color:#ff6a00;color:var(--accent);font-weight:600}.section-heading{color:#0d1117;color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.section-subheading{color:#374151;color:var(--text-secondary);font-size:11.5px;margin-bottom:16px}.stats-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stat-card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-card);padding:14px 16px;transition:box-shadow .15s}.stat-card:hover{box-shadow:0 4px 20px #00000012;box-shadow:var(--shadow-hover)}.stat-card-top{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.stat-label{color:#374151;color:var(--text-secondary);font-size:11px;font-weight:500}.stat-icon{align-items:center;border-radius:6px;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.stat-value{color:#0d1117;color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.5px;margin-bottom:3px}.stat-trend{align-items:center;display:flex;font-size:10.5px;gap:3px}.stat-trend.up{color:#12b76a;color:var(--green)}.stat-trend.down{color:#f04438;color:var(--red)}.stat-trend.neutral{color:#6b7280;color:var(--text-muted)}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-card);box-shadow:0 1px 2px #0000000a;box-shadow:var(--shadow-card)}.card-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);justify-content:space-between;padding:12px 16px 10px}.card-header,.card-title{align-items:center;display:flex}.card-title{color:#0d1117;color:var(--text-primary);font-size:13px;font-weight:700;gap:6px}.card-title i{color:#6b7280;color:var(--text-muted);font-size:12px}.card-actions{align-items:center;display:flex;gap:6px}.card-body{padding:14px 16px}.table-toolbar{border-bottom:1px solid #f3f4f6;padding:10px 16px}.table-toolbar-left{align-items:center;display:flex;gap:8px}.table-search,.table-toolbar-right{align-items:center;display:flex;gap:6px}.table-search{background:#f7f8fa;background:var(--bg);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-input);height:28px;padding:5px 10px}.table-search i{color:#6b7280;color:var(--text-muted);font-size:10px}.table-search input{background:#0000;border:none;color:#0d1117;color:var(--text-primary);font-family:Sora,Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:11px;outline:none;width:140px}.table-search input::placeholder{color:#6b7280;color:var(--text-muted)}.t-filter-btn{align-items:center;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-input);color:#374151;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Sora,Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:11px;font-weight:500;gap:5px;height:28px;padding:0 9px;transition:background .15s}.t-filter-btn:hover{background:#f7f8fa;background:var(--bg)}.t-filter-btn.active{background:#fff5ee;border-color:#ff6a00;border-color:var(--accent);color:#ff6a00;color:var(--accent)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider)}thead th{background:#fafafa;color:#6b7280;color:var(--text-muted);font-size:10.5px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase;-webkit-user-select:none;user-select:none;white-space:nowrap}thead th.sortable{cursor:pointer}thead th.sortable:hover{color:#0d1117;color:var(--text-primary)}thead th.sorted{color:#ff6a00;color:var(--accent)}.sort-icon{font-size:9px;margin-left:4px}tbody tr{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--divider);cursor:pointer;transition:background .12s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafbfc}tbody td{color:#0d1117;color:var(--text-primary);font-size:11.5px;padding:8px 12px;vertical-align:middle}tbody td .td-sub{color:#6b7280;color:var(--text-muted);font-size:10px;margin-top:1px}tbody td .td-flex{align-items:center;display:flex;gap:6px}.badge{font-size:10px}.badge.green{background:#ecfdf5;color:#12b76a}.badge.red{background:#fef2f2;color:#f04438}.badge.yellow{background:#fffbeb;color:#f59e0b}.badge.blue{background:#eff6ff;color:#2563eb}.badge.gray{background:#f3f4f6;color:#374151}.badge.orange{color:#ff6a00}.badge i{font-size:8px}.row-avatar{background:#f3f4f6;background:var(--divider);color:#374151;color:var(--text-secondary);font-weight:600}.three-dot{display:inline-block;position:relative}.three-dot-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:5px;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;height:26px;justify-content:center;transition:background .12s,border-color .12s;width:26px}.three-dot-btn:hover{background:#f7f8fa;background:var(--bg);border-color:#e5e7eb;border-color:var(--border);color:#0d1117;color:var(--text-primary)}.three-dot-menu{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-card);box-shadow:0 4px 12px #00000014;min-width:150px;overflow:hidden;position:absolute;right:0;top:30px;z-index:200}.three-dot-menu-item{align-items:center;color:#0d1117;color:var(--text-primary);cursor:pointer;display:flex;font-size:11.5px;gap:8px;padding:7px 12px;transition:background .12s}.three-dot-menu-item:hover{background:#f7f8fa;background:var(--bg)}.three-dot-menu-item i{color:#6b7280;color:var(--text-muted);font-size:11px;width:12px}.three-dot-menu-item.danger,.three-dot-menu-item.danger i{color:#f04438;color:var(--red)}.three-dot-menu-divider{border-top:1px solid #f3f4f6;border-top:1px solid var(--divider);margin:2px 0}.pagination{border-top:1px solid #f3f4f6;color:#374151;color:var(--text-secondary);font-size:11px;padding:10px 16px}.pagination-info{color:#6b7280;color:var(--text-muted);font-size:11px}.pagination-controls{gap:3px}.page-btn,.pagination-controls{align-items:center;display:flex}.page-btn{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:5px;color:#374151;color:var(--text-secondary);cursor:pointer;font-family:Sora,Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:11px;font-weight:500;height:26px;justify-content:center;min-width:26px;padding:0 5px;transition:background .12s,border-color .12s}.page-btn:hover:not(:disabled){background:#f7f8fa;background:var(--bg);color:#0d1117;color:var(--text-primary)}.page-btn.active{background:#ff6a00;background:var(--accent);border-color:#ff6a00;border-color:var(--accent);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-btn.dots{background:#0000;border:none;cursor:default}.grid-2{grid-gap:14px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:14px}.grid-3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.grid-4{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.list-item{border-bottom:1px solid #f3f4f6;gap:10px;padding:9px 0}.list-icon{background:#f7f8fa;font-size:13px;height:30px;width:30px}.list-title{color:#0d1117;font-size:12px}.list-meta{color:#6b7280;font-size:10.5px}.list-value{color:#0d1117;color:var(--text-primary);font-size:12px;font-weight:600}.list-sub{color:#6b7280;color:var(--text-muted);font-size:10px}.form-row{grid-gap:12px;gap:12px}.form-group{gap:4px}.form-label{color:#374151;color:var(--text-secondary);font-size:11px;font-weight:500}.form-input{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#0d1117;font-family:Sora,Plus Jakarta Sans,sans-serif;font-size:11.5px;height:30px;padding:0 10px}.form-input:focus{border-color:#ff6a00}.form-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#0d1117;cursor:pointer;font-family:Sora,Plus Jakarta Sans,sans-serif;font-size:11.5px;height:30px;padding:0 10px}hr{border-top:1px solid #f3f4f6}.section-divider{margin:12px 0 10px}.section-divider span{color:#6b7280;font-weight:600;letter-spacing:.5px}.section-divider:after,.section-divider:before{background:#f3f4f6}.ic-orange{color:#ff6a00}.ic-green{color:#12b76a}.ic-blue{color:#2563eb}.ic-red{color:#f04438}.ic-yellow{color:#f59e0b}.empty-state i,.ic-muted{color:#6b7280}.empty-state h4{color:#374151}.empty-state p{color:#6b7280}.tag{background:#f7f8fa;border:1px solid #e5e7eb;color:#374151;font-size:10px;margin-right:3px}.info-banner{align-items:center;background:var(--info-bg);border:1px solid var(--info-border);border-radius:12px;color:#0284c7;font-size:11.5px}.info-banner i{color:var(--info-icon);flex-shrink:0;font-size:14px}.info-banner-text{flex:1 1}.info-banner-text strong{font-weight:600}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#f3f4f6;background:var(--divider);border-radius:3px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.stats-row{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f7f8fa;--card:#fff;--border:#e5e7eb;--divider:#eef0f3;--text-primary:#111827;--text-secondary:#6b7280;--text-muted:#9ca3af;--accent:#ff6a00;--accent-hover:#e65c00;--sidebar-bg:#111827;--sidebar-active:#1f2937;--info-bg:#e6f4fa;--info-border:#b6e0f5;--info-icon:#0284c7;--green:#16a34a;--green-bg:#f0fdf4;--red:#dc2626;--red-bg:#fef2f2;--yellow:#d97706;--yellow-bg:#fffbeb;--blue:#2563eb;--blue-bg:#eff6ff;--shadow-card:0 1px 2px #0000000a;--shadow-hover:0 2px 6px #0000000f;--radius-card:8px;--radius-btn:6px;--radius-input:6px;--font:"Plus Jakarta Sans",sans-serif}body{-webkit-font-smoothing:antialiased;background:#f7f8fa;background:var(--bg);color:#111827;color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-family:var(--font);font-size:13px;line-height:1.5}.landing-header{background:var(--card);border-bottom:1px solid var(--border);height:56px;justify-content:space-between;padding:0 32px;position:sticky;top:0;z-index:200}.landing-header,.landing-logo{align-items:center;display:flex}.landing-logo{gap:10px;text-decoration:none}.landing-logo-icon{align-items:center;background:var(--accent);border-radius:8px;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.landing-logo-text{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px}.landing-logo-text span{color:var(--accent)}.landing-nav{align-items:center;display:flex;gap:4px}.landing-nav a{border-radius:var(--radius-btn);color:var(--text-secondary);font-size:13px;padding:6px 12px;text-decoration:none;transition:background .15s,color .15s}.landing-nav a:hover{background:var(--bg);color:var(--text-primary)}.landing-header-actions{align-items:center;display:flex;gap:8px}.landing-btn-outline{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;padding:0 14px;text-decoration:none;transition:background .15s}.landing-btn-outline:hover{background:var(--bg)}.landing-btn-accent{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-btn);color:#fff;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;height:32px;padding:0 16px;text-decoration:none;transition:background .15s}.landing-btn-accent:hover{background:var(--accent-hover)}.landing-hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.landing-hamburger span{background:var(--text-primary);border-radius:1px;display:block;height:2px;transition:all .2s;width:20px}.landing-mobile-menu{background:var(--card);border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:8px;left:0;padding:16px 24px;position:fixed;right:0;top:56px;z-index:199}.landing-mobile-menu.open{display:flex}.landing-mobile-menu a{border-bottom:1px solid var(--divider);color:var(--text-secondary);font-size:14px;padding:10px 0;text-decoration:none}.landing-mobile-menu a:last-child{border:none}.landing-hero{align-items:center;background:#050816;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:clamp(100px,10vw,140px) clamp(20px,6vw,80px) 80px;position:relative}.landing-hero-shader{inset:0;position:absolute;z-index:0}.landing-hero-shader canvas{height:100%!important;width:100%!important}.landing-hero-overlay{background:radial-gradient(ellipse 120% 80% at 50% 50%,#05081659 0,#050816c7 100%),linear-gradient(90deg,#050816e0 0,#05081680 45%,#0508161a);inset:0;pointer-events:none;position:absolute;z-index:1}.landing-hero-content{grid-gap:48px;align-items:center;display:grid;gap:48px;grid-template-columns:1fr 1fr;max-width:1320px;position:relative;width:100%;z-index:2}@keyframes heroSlideLeft{0%{opacity:0;transform:translateX(-48px)}to{opacity:1;transform:translateX(0)}}@keyframes heroSlideRight{0%{opacity:0;transform:translateX(48px)}to{opacity:1;transform:translateX(0)}}@keyframes heroFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-animate-left{animation:heroSlideLeft .9s cubic-bezier(.22,1,.36,1) both;animation-delay:.15s}.hero-animate-right{animation:heroSlideRight .9s cubic-bezier(.22,1,.36,1) both;animation-delay:.3s}.landing-hero-left{z-index:2}.landing-hero-left h1{color:#fff;font-size:clamp(38px,5vw,72px);font-weight:800;letter-spacing:-2px;line-height:1.05;margin-bottom:22px;margin-top:22px}.landing-hero-left h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#ff6a00,#ffb347);-webkit-background-clip:text}.landing-hero-left p{color:#ffffffb8;font-size:17px;line-height:1.8;margin-bottom:34px;max-width:520px}.landing-hero-badge{align-items:center;background:#ff6a001f;border:1px solid #ff6a0047;border-radius:20px;color:var(--accent);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:8px;padding:4px 14px}.landing-hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:44px}.landing-btn-hero-primary{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-btn);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;height:48px;padding:0 28px;text-decoration:none;transition:background .15s,transform .1s,box-shadow .15s}.landing-btn-hero-primary:hover{background:var(--accent-hover);box-shadow:0 8px 24px #ff6a0059;transform:translateY(-2px)}.landing-btn-hero-secondary{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff2e;border-radius:var(--radius-btn);color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;height:48px;padding:0 28px;text-decoration:none;transition:background .15s,border-color .15s}.landing-btn-hero-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.landing-hero-stats{border-top:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:36px;padding-top:24px}.landing-hero-stat-item{text-align:left}.landing-hero-stat-num{color:#fff;font-size:24px;font-weight:800;letter-spacing:-.5px}.landing-hero-stat-label{color:#ffffff73;font-size:12px;margin-top:2px}.landing-hero-right{align-items:center;display:flex;justify-content:center}.landing-hero-glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.045);border:1px solid #ffffff1f;border-radius:20px;box-shadow:0 32px 80px #0000008c,inset 0 1px 0 #ffffff1a;max-width:460px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;width:100%}.landing-hero-glass-card:hover{box-shadow:0 44px 100px #000000a6,0 0 0 1px #ff6a002e,inset 0 1px 0 #ffffff1f;transform:translateY(-4px)}.landing-hero-glass-inner{padding:22px 24px 24px}.glass-card-header{align-items:center;display:flex;gap:6px;margin-bottom:20px}.glass-dot{border-radius:50%;height:10px;width:10px}.glass-dot.red{background:#ff5f57}.glass-dot.yellow{background:#ffbd2e}.glass-dot.green{background:#28c840}.glass-card-title{color:#ffffff80;font-size:12px;font-weight:600;letter-spacing:.3px;margin-left:6px}.glass-metrics{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.glass-metric-item{background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;padding:14px 16px;transition:background .2s}.glass-metric-item:hover{background:#ffffff17}.glass-metric-label{color:#ffffff73;font-size:11px;font-weight:500;margin-bottom:6px}.glass-metric-value{color:#fff;font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:4px}.glass-metric-delta{font-size:11px;font-weight:600}.glass-metric-delta.up{color:#34d399}.glass-metric-delta.neutral{color:#fff6}.glass-bar-section{margin-bottom:14px}.glass-bar-label{color:#ffffff8c;display:flex;font-size:12px;font-weight:500;justify-content:space-between;margin-bottom:6px}.glass-bar-pct{color:#ffffffd9;font-weight:700}.glass-bar-track{background:#ffffff14;border-radius:3px;height:6px;overflow:hidden}.glass-bar-fill{background:linear-gradient(90deg,#ff6a00,#ffb347);border-radius:3px;height:100%;transition:width 1.2s cubic-bezier(.22,1,.36,1)}.glass-bar-fill.green{background:linear-gradient(90deg,#059669,#34d399)}.glass-status-row{align-items:center;border-top:1px solid #ffffff12;display:flex;gap:8px;margin-top:18px;padding-top:14px}.glass-status-dot{background:#34d399;border-radius:50%;flex-shrink:0;height:8px;width:8px}.glass-status-dot.pulse{animation:glassPulse 2s ease-in-out infinite}@keyframes glassPulse{0%,to{box-shadow:0 0 0 0 #34d39980}50%{box-shadow:0 0 0 5px #34d39900}}.glass-status-text{color:#fff9;font-size:12px;font-weight:500}.glass-status-time{color:#ffffff4d;font-size:11px;margin-left:auto}.landing-hero-scroll-hint{align-items:center;animation:heroFadeUp 1s ease 1s both;bottom:28px;color:#ffffff59;display:flex;flex-direction:column;font-size:11px;font-weight:500;gap:6px;left:50%;letter-spacing:.5px;position:absolute;transform:translateX(-50%);z-index:3}.landing-hero-scroll-hint i{animation:bounceDown 1.6s ease-in-out infinite;font-size:13px}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}@media (max-width:980px){.landing-hero-content{grid-template-columns:1fr}.landing-hero-left{text-align:center}.landing-hero-left p{margin-inline:auto}.landing-hero-stats{justify-content:center}.landing-hero-right{display:none}.landing-hero-cta{justify-content:center}.landing-hero-overlay{background:#050816a6}}.reveal{opacity:0;transform:translateY(32px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}.reveal.reveal-visible{opacity:1;transform:translateY(0)}.landing-slideshow-section{background:#111827;padding:0 0 48px;position:relative}.landing-slideshow-container{margin:0 auto;max-width:1000px;padding:0 32px;position:relative}.landing-slides-wrapper{border-radius:12px;box-shadow:0 24px 60px #0006;overflow:hidden;position:relative}.landing-slide{animation:landingFadeSlide .6s ease;display:none;position:relative;width:100%}.landing-slide.active{display:block}@keyframes landingFadeSlide{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}.landing-slide img{display:block;height:480px;object-fit:cover;width:100%}.landing-slide-overlay{background:linear-gradient(#0000,#111827f2);bottom:0;left:0;padding:40px 32px 28px;position:absolute;right:0}.landing-slide-tag{background:var(--accent);border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;padding:3px 10px;text-transform:uppercase}.landing-slide-title{color:#fff;font-size:22px;font-weight:700;letter-spacing:-.3px;margin-bottom:6px}.landing-slide-desc{color:#9ca3af;font-size:14px;line-height:1.5}.landing-slide-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:14px;height:40px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:40px;z-index:10}.landing-slide-btn:hover{background:#ff6a0099}.landing-slide-btn.prev{left:8px}.landing-slide-btn.next{right:8px}.landing-slide-dots{display:flex;gap:6px;justify-content:center;margin-top:20px}.landing-slide-dot{background:#fff3;border:none;border-radius:50%;cursor:pointer;height:6px;padding:0;transition:background .2s,width .2s;width:6px}.landing-slide-dot.active{background:var(--accent);border-radius:3px;width:20px}.landing-section{padding:64px 32px}.landing-section-inner{margin:0 auto;max-width:1100px}.landing-section-title{margin-bottom:40px;text-align:center}.landing-section-title .landing-badge{align-items:center;background:#fff3eb;border:1px solid #ffd5b3;border-radius:20px;color:var(--accent);display:inline-flex;font-size:11px;font-weight:600;gap:6px;margin-bottom:12px;padding:3px 12px}.landing-section-title h2{color:var(--text-primary);font-size:30px;font-weight:800;letter-spacing:-.8px;margin-bottom:10px}.landing-section-title p{color:var(--text-secondary);font-size:15px;line-height:1.65;margin:0 auto;max-width:520px}.landing-info-banner-wrap{padding:32px 32px 0}.landing-info-banner-inner{margin:0 auto;max-width:1100px}.landing-info-banner{align-items:center;background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-card);display:flex;gap:16px;padding:20px 24px}.landing-info-banner>i{color:var(--info-icon);flex-shrink:0;font-size:20px}.landing-info-banner-text h4{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.landing-info-banner-text p{color:var(--text-secondary);font-size:13px;line-height:1.5}.landing-info-banner-action{flex-shrink:0;margin-left:auto}.landing-banner-btn{align-items:center;background:var(--card);border:1px solid var(--info-border);border-radius:var(--radius-btn);color:var(--info-icon);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;height:36px;padding:0 16px;text-decoration:none;transition:background .15s}.landing-banner-btn:hover{background:#fff}.landing-features-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.landing-feature-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:24px;transition:box-shadow .15s,transform .15s,opacity .65s cubic-bezier(.22,1,.36,1),translate .65s}.landing-feature-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.landing-feature-icon{align-items:center;border-radius:10px;display:flex;font-size:20px;height:44px;justify-content:center;margin-bottom:16px;width:44px}.landing-feature-card h3{color:var(--text-primary);font-size:15px;font-weight:700;margin-bottom:8px}.landing-feature-card p{color:var(--text-secondary);font-size:13px;line-height:1.6}.landing-how-section{background:#111827}.landing-how-grid{grid-gap:1px;background:#ffffff0f;border-radius:var(--radius-card);display:grid;gap:1px;grid-template-columns:repeat(4,1fr);overflow:hidden}.landing-how-item{background:#111827;padding:28px 20px;text-align:center}.landing-how-num{color:var(--accent);font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.landing-how-icon{color:#fff;font-size:28px;margin-bottom:14px}.landing-how-item h3{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px}.landing-how-item p{color:#6b7280;font-size:12px;line-height:1.5}.landing-roles-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.landing-role-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:18px;transition:box-shadow .15s,border-color .15s}.landing-role-card:hover{border-color:var(--accent);box-shadow:var(--shadow-hover)}.landing-role-icon{align-items:center;background:#fff3eb;border-radius:10px;color:var(--accent);display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:12px;width:40px}.landing-role-card h4{color:var(--text-primary);font-size:13px;font-weight:700;margin-bottom:6px}.landing-role-card p{color:var(--text-secondary);font-size:12px;line-height:1.4}.landing-tech-section{background:var(--card);border-bottom:1px solid var(--border);border-top:1px solid var(--border);padding:40px 32px}.landing-tech-row{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.landing-tech-badge{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-card);color:var(--text-primary);display:flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px;transition:box-shadow .15s}.landing-tech-badge:hover{box-shadow:var(--shadow-hover)}.landing-tech-badge i{font-size:16px}.landing-testimonial-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.landing-testimonial-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px}.landing-testimonial-stars{color:var(--accent);font-size:13px;margin-bottom:12px}.landing-testimonial-card p{color:var(--text-secondary);font-size:13px;font-style:italic;line-height:1.65;margin-bottom:16px}.landing-testimonial-author{align-items:center;display:flex;gap:10px}.landing-t-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.landing-t-name{color:var(--text-primary);font-size:13px;font-weight:600}.landing-t-role{color:var(--text-muted);font-size:11px}.landing-cta-section{background:#111827;overflow:hidden;padding:80px 32px;position:relative;text-align:center}.landing-cta-section:before{background:radial-gradient(ellipse 60% 60% at 50% 50%,#ff6a001f,#0000);content:"";inset:0;pointer-events:none;position:absolute}.landing-cta-section h2{color:#fff;font-size:38px;font-weight:800;letter-spacing:-1px;margin-bottom:12px;position:relative}.landing-cta-section h2 span{color:var(--accent)}.landing-cta-section>p{color:#6b7280;font-size:16px;margin-bottom:32px;margin-left:auto;margin-right:auto;max-width:480px;position:relative}.landing-cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;position:relative}.landing-footer{background:var(--card);border-top:1px solid var(--border);padding:40px 32px 24px}.landing-footer-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:2fr 1fr 1fr 1fr;margin:0 auto 32px;max-width:1100px}.landing-footer-brand p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin-top:12px;max-width:260px}.landing-footer-col h5{color:var(--text-primary);font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:14px;text-transform:uppercase}.landing-footer-col a{color:var(--text-secondary);display:block;font-size:13px;margin-bottom:8px;text-decoration:none;transition:color .15s}.landing-footer-col a:hover{color:var(--accent)}.landing-footer-bottom{align-items:center;border-top:1px solid var(--divider);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0 auto;max-width:1100px;padding-top:20px}.landing-footer-bottom p{color:var(--text-muted);font-size:12px}.landing-footer-bottom p span{color:var(--accent);font-weight:500}.landing-footer-social{display:flex;gap:8px}.landing-social-link{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);display:flex;font-size:13px;height:32px;justify-content:center;text-decoration:none;transition:background .15s,color .15s,border-color .15s;width:32px}.landing-social-link:hover{background:#fff3eb;border-color:#ffd5b3;color:var(--accent)}@media (max-width:900px){.landing-features-grid,.landing-how-grid,.landing-roles-grid{grid-template-columns:repeat(2,1fr)}.landing-testimonial-grid{grid-template-columns:1fr}.landing-footer-grid{gap:24px;grid-template-columns:1fr 1fr}}@media (max-width:640px){.landing-hero h1{font-size:32px}.landing-hero p{font-size:15px}.landing-features-grid{grid-template-columns:1fr}.landing-roles-grid{grid-template-columns:1fr 1fr}.landing-how-grid{grid-template-columns:1fr}.landing-section{padding:48px 16px}.landing-hero{padding:60px 16px}.landing-header{padding:0 16px}.landing-nav{display:none}.landing-hamburger{display:flex}.landing-footer-grid{grid-template-columns:1fr}.landing-slide img{height:280px}.landing-slide-title{font-size:16px}.landing-info-banner{align-items:flex-start;flex-direction:column}.landing-info-banner-action{margin-left:0}.landing-cta-section h2{font-size:26px}}.liquid-metal-button{align-items:center;background:#111827;border:1px solid #ffffff3d;border-radius:8px;border-radius:var(--radius-btn,8px);box-shadow:0 18px 44px #0f172a47;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:8px;isolation:isolate;justify-content:center;line-height:1;min-height:46px;overflow:hidden;padding:0 22px;position:relative;text-decoration:none;transform:translateZ(0)}.liquid-metal-button:hover{color:#fff;transform:translateY(-1px)}.liquid-metal-button:focus-visible{outline:3px solid #f9731657;outline-offset:3px}.liquid-metal-button__shader{inset:0;pointer-events:none;position:absolute;z-index:-2}.liquid-metal-button__shader canvas{display:block;height:100%!important;width:100%!important}.liquid-metal-button:after{background:linear-gradient(135deg,#fff3,#0000 42%),radial-gradient(circle at 35% 0,#ffffff52,#0000 34%);border-radius:inherit;content:"";inset:1px;mix-blend-mode:screen;pointer-events:none;position:absolute;z-index:-1}.liquid-metal-button i,.liquid-metal-button span{position:relative;z-index:1}.login-page{background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.login-header{background:var(--card);border-bottom:1px solid var(--border);height:56px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.login-header,.login-logo{align-items:center;display:flex}.login-logo{gap:10px;text-decoration:none}.login-logo-icon{align-items:center;background:var(--accent);border-radius:8px;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.login-logo-text{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px}.login-logo-text span{color:var(--accent)}.login-header-nav{align-items:center;display:flex;gap:8px}.login-header-nav a{border-radius:var(--radius-btn);color:var(--text-secondary);font-size:13px;padding:6px 12px;text-decoration:none;transition:background .15s,color .15s}.login-header-nav a:hover{background:var(--bg);color:var(--text-primary)}.login-btn-outline{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;padding:0 14px;text-decoration:none;transition:background .15s}.login-btn-outline:hover{background:var(--bg)}.login-main{align-items:center;display:flex;flex:1 1;justify-content:center;padding:40px 16px}.login-wrapper{max-width:440px;width:100%}.login-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:36px 32px}.login-auth-header{margin-bottom:28px;text-align:center}.login-auth-icon{align-items:center;background:#fff3eb;border-radius:12px;color:var(--accent);display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.login-auth-header h1{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:6px}.login-auth-header p{color:var(--text-secondary);font-size:13px;line-height:1.5}.login-info-banner{align-items:flex-start;background:var(--info-bg);border:1px solid var(--info-border);border-radius:var(--radius-card);display:flex;gap:10px;margin-bottom:24px;padding:12px 14px}.login-info-banner i{color:var(--info-icon);flex-shrink:0;font-size:16px;margin-top:1px}.login-info-banner p{color:var(--text-secondary);font-size:12px;line-height:1.5}.login-form-group{margin-bottom:16px}.login-form-group label{color:var(--text-primary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.login-input-wrap{position:relative}.login-input-wrap .login-input-icon{color:var(--text-muted);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.login-input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;height:40px;outline:none;padding:0 12px 0 36px;transition:border-color .15s,box-shadow .15s;width:100%}.login-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff6a0014}.login-input::placeholder{color:var(--text-muted)}.login-input.with-eye{padding-right:40px}.login-eye-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .15s}.login-eye-toggle:hover{color:var(--text-secondary)}.login-form-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.login-checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:8px}.login-checkbox-label input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:14px;width:14px}.login-link{background:none;border:none;color:var(--accent);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;padding:0;text-decoration:none}.login-link:hover{text-decoration:underline}.login-btn-primary{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-btn);color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;transition:background .15s,transform .1s;width:100%}.login-btn-primary:hover{background:var(--accent-hover)}.login-btn-primary:active{transform:scale(.98)}.login-divider{align-items:center;display:flex;gap:12px;margin:20px 0}.login-divider:after,.login-divider:before{background:var(--divider);content:"";flex:1 1;height:1px}.login-divider span{color:var(--text-muted);font-size:12px;white-space:nowrap}.login-social-btns{display:flex;gap:8px}.login-social-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-secondary);cursor:pointer;display:flex;flex:1 1;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:500;gap:6px;height:36px;justify-content:center;transition:background .15s,color .15s}.login-social-btn:hover{background:var(--bg);color:var(--text-primary)}.login-auth-footer{color:var(--text-secondary);font-size:13px;margin-top:20px;text-align:center}.login-auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.login-auth-footer a:hover{text-decoration:underline}.login-footer{align-items:center;background:var(--card);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px}.login-footer-left{color:var(--text-muted);font-size:12px}.login-footer-left span{color:var(--accent);font-weight:500}.login-footer-links{display:flex;gap:16px}.login-footer-links a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:color .15s}.login-footer-links a:hover{color:var(--text-secondary)}@media (max-width:480px){.login-card{padding:24px 20px}.login-header-nav a:not(.login-btn-outline){display:none}.login-footer,.login-social-btns{flex-direction:column}}.signup-page{background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.signup-header{background:var(--card);border-bottom:1px solid var(--border);height:56px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.signup-header,.signup-logo{align-items:center;display:flex}.signup-logo{gap:10px;text-decoration:none}.signup-logo-icon{align-items:center;background:var(--accent);border-radius:8px;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.signup-logo-text{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px}.signup-logo-text span{color:var(--accent)}.signup-header-nav{align-items:center;display:flex;gap:8px}.signup-header-nav a{border-radius:var(--radius-btn);color:var(--text-secondary);font-size:13px;padding:6px 12px;text-decoration:none;transition:background .15s,color .15s}.signup-header-nav a:hover{background:var(--bg);color:var(--text-primary)}.signup-btn-outline{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;height:32px;padding:0 14px;text-decoration:none;transition:background .15s}.signup-btn-outline:hover{background:var(--bg)}.signup-main{align-items:flex-start;display:flex;flex:1 1;justify-content:center;padding:40px 16px}.signup-wrapper{max-width:520px;width:100%}.signup-steps{align-items:center;display:flex;justify-content:center;margin-bottom:24px}.signup-step-item{align-items:center;display:flex;gap:0}.signup-step-circle{align-items:center;background:var(--divider);border:2px solid var(--border);border-radius:50%;color:var(--text-muted);display:flex;flex-shrink:0;font-size:11px;font-weight:600;height:28px;justify-content:center;transition:all .3s;width:28px}.signup-step-circle.active{background:var(--accent);border-color:var(--accent);color:#fff}.signup-step-circle.done{background:#d1fae5;border-color:#6ee7b7;color:#059669}.signup-step-label{color:var(--text-muted);font-size:11px;font-weight:500;margin-left:6px}.signup-step-label.active{color:var(--accent)}.signup-step-line{background:var(--border);flex-shrink:0;height:1px;margin:0 8px;transition:background .3s;width:40px}.signup-step-line.done{background:var(--accent)}.signup-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:36px 32px}.signup-auth-header{margin-bottom:24px;text-align:center}.signup-auth-icon{align-items:center;background:#fff3eb;color:var(--accent);display:flex;font-size:20px;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.signup-auth-icon.success{background:#f0fdf4;color:#059669}.signup-auth-header h1{color:var(--text-primary);font-size:20px;font-weight:700;letter-spacing:-.3px;margin-bottom:6px}.signup-auth-header p{color:var(--text-secondary);font-size:13px;line-height:1.5}.signup-section-label{border-bottom:1px solid var(--divider);color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;margin-top:20px;padding-bottom:8px;text-transform:uppercase}.signup-form-group{margin-bottom:14px}.signup-form-group label{color:var(--text-primary);display:block;font-size:12px;font-weight:500;margin-bottom:6px}.signup-form-group label .muted{color:var(--text-muted);font-weight:400}.signup-input-wrap{position:relative}.signup-input-wrap .signup-input-icon{color:var(--text-muted);font-size:14px;left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.signup-input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-primary);font-family:Plus Jakarta Sans,sans-serif;font-size:13px;height:40px;outline:none;padding:0 12px 0 36px;transition:border-color .15s,box-shadow .15s;width:100%}.signup-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff6a0014}.signup-input::placeholder{color:var(--text-muted)}.signup-input.with-eye{padding-right:40px}.signup-eye-toggle{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;padding:0;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.signup-form-row-2{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.signup-strength-bar{display:flex;gap:4px;margin-top:8px}.signup-strength-seg{background:var(--divider);border-radius:2px;flex:1 1;height:3px;transition:background .3s}.signup-strength-seg.weak{background:#fca5a5}.signup-strength-seg.medium{background:#fcd34d}.signup-strength-seg.strong{background:#6ee7b7}.signup-strength-label{color:var(--text-muted);font-size:11px;margin-top:4px}.signup-role-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-bottom:20px}.signup-role-card{border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:12px;position:relative;transition:all .15s}.signup-role-card:hover{background:#fff8f5;border-color:var(--accent)}.signup-role-card.selected{background:#fff3eb;border-color:var(--accent)}.signup-role-card.selected:after{color:var(--accent);content:"\f00c";font-family:Font Awesome\ 6 Free;font-size:10px;font-weight:900;position:absolute;right:8px;top:8px}.signup-role-icon{align-items:center;background:var(--bg);border-radius:6px;color:var(--text-secondary);display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.signup-role-card.selected .signup-role-icon{background:#ffe6d5;color:var(--accent)}.signup-role-name{color:var(--text-primary);font-size:12px;font-weight:600}.signup-role-desc{color:var(--text-muted);font-size:11px;line-height:1.4}.signup-summary-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:20px;padding:16px}.signup-summary-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.signup-summary-header span{color:var(--text-primary);font-size:12px;font-weight:600}.signup-summary-edit-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-family:Plus Jakarta Sans,sans-serif;font-size:11px}.signup-summary-row{display:flex;justify-content:space-between;margin-bottom:8px}.signup-summary-row:last-child{margin-bottom:0}.signup-summary-row .label{color:var(--text-muted);font-size:12px}.signup-summary-row .value{color:var(--text-primary);font-size:12px;font-weight:500}.signup-summary-row .value.accent{color:var(--accent)}.signup-checkbox-group{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.signup-checkbox-label{align-items:flex-start;color:var(--text-secondary);cursor:pointer;display:flex;font-size:12px;gap:8px;line-height:1.5}.signup-checkbox-label input{accent-color:var(--accent);flex-shrink:0;margin-top:2px}.signup-checkbox-label a{color:var(--accent);font-weight:500;text-decoration:none}.signup-checkbox-label a:hover{text-decoration:underline}.signup-btn-primary{align-items:center;background:var(--accent);border:none;border-radius:var(--radius-btn);color:#fff;cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;height:40px;justify-content:center;margin-top:4px;transition:background .15s,transform .1s;width:100%}.signup-btn-primary:hover{background:var(--accent-hover)}.signup-btn-primary:active{transform:scale(.98)}.signup-btn-back{align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;gap:6px;height:36px;justify-content:center;margin-top:8px;transition:color .15s;width:100%}.signup-auth-footer,.signup-btn-back:hover{color:var(--text-secondary)}.signup-auth-footer{font-size:13px;margin-top:20px;text-align:center}.signup-auth-footer a{color:var(--accent);font-weight:500;text-decoration:none}.signup-auth-footer a:hover{text-decoration:underline}.signup-footer{align-items:center;background:var(--card);border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 24px}.signup-footer-left{color:var(--text-muted);font-size:12px}.signup-footer-left span{color:var(--accent);font-weight:500}.signup-footer-links{display:flex;gap:16px}.signup-footer-links a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:color .15s}.signup-footer-links a:hover{color:var(--text-secondary)}@media (max-width:480px){.signup-card{padding:24px 20px}.signup-form-row-2,.signup-role-grid{grid-template-columns:1fr}.signup-header-nav a:not(.signup-btn-outline){display:none}.signup-footer{flex-direction:column}.signup-step-line{width:24px}}.signup-auth-icon{background:#0000;border-radius:12px;height:80px;width:180px}.signup-auth-icon-wrap{align-items:center;display:flex;justify-content:center;margin:0 auto 16px}.signup-auth-icon-img{border-radius:8px;height:80px;object-fit:cover;width:80px}.signup-almost-there-wrap{align-items:center;display:flex;justify-content:center;margin:0 auto 16px}.signup-almost-there-img{border-radius:8px;height:280px;object-fit:cover;width:280px}.about-page{background:var(--bg);display:flex;flex-direction:column;min-height:100vh}.about-header{background:var(--card);border-bottom:1px solid var(--border);height:56px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.about-header,.about-logo{align-items:center;display:flex}.about-logo{gap:10px;text-decoration:none}.about-logo-icon{align-items:center;background:var(--accent);border-radius:8px;color:#fff;display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.about-logo-text{color:var(--text-primary);font-size:16px;font-weight:700;letter-spacing:-.3px}.about-logo-text span{color:var(--accent)}.about-nav{align-items:center;display:flex;gap:8px}.about-nav a{border-radius:6px;color:var(--text-secondary);font-size:13px;padding:6px 12px;text-decoration:none;transition:background .15s,color .15s}.about-nav a.active,.about-nav a:hover{background:var(--bg);color:var(--text-primary)}.about-nav .btn-outline{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:inline-flex;font-weight:500;height:32px;padding:0 14px}.about-nav .btn-outline:hover{background:var(--bg)}.about-nav .btn-accent{align-items:center;background:var(--accent);border:none;border-radius:6px;color:#fff;display:inline-flex;font-weight:500;height:32px;padding:0 14px}.about-nav .btn-accent:hover{background:#e65c00}.about-hero{background:var(--card);border-bottom:1px solid var(--border);padding:64px 24px;text-align:center}.hero-badge{align-items:center;background:#fff3eb;border:1px solid #ffd5b3;border-radius:20px;color:var(--accent);display:inline-flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:20px;padding:4px 12px}.about-hero h1{color:var(--text-primary);font-size:40px;font-weight:800;letter-spacing:-1px;line-height:1.15;margin-bottom:16px;margin-left:auto;margin-right:auto;max-width:640px}.about-hero h1 span{color:var(--accent)}.about-hero>p{color:var(--text-secondary);font-size:16px;line-height:1.7;margin:0 auto 28px;max-width:560px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.btn-lg,.hero-cta{align-items:center}.btn-lg{border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:600;gap:8px;height:44px;padding:0 24px;text-decoration:none;transition:all .15s}.btn-lg-accent{background:var(--accent);color:#fff}.btn-lg-accent:hover{background:#e65c00}.btn-lg-outline{background:var(--card);border:1px solid var(--border);color:var(--text-primary)}.btn-lg-outline:hover{background:var(--bg)}.cta-ghost{background:#ffffff1a!important;border:1px solid #ffffff26!important;color:#fff!important}.cta-ghost:hover{background:#ffffff2e!important}.about-content{flex:1 1;margin:0 auto;max-width:1100px;padding:48px 24px;width:100%}.section-title{margin-bottom:36px;text-align:center}.section-title h2{color:var(--text-primary);font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}.section-title p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0 auto;max-width:500px}.about-stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:48px}.about-stat-card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:20px;text-align:center;transition:box-shadow .15s}.about-stat-card:hover{box-shadow:0 2px 6px #0000000f}.about-stat-num{color:var(--accent);font-size:32px;font-weight:800;letter-spacing:-1px}.about-stat-label{color:var(--text-secondary);font-size:12px;font-weight:500;margin-top:4px}.mission-grid{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:48px}.mission-text h2{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.mission-text p{color:var(--text-secondary);font-size:14px;line-height:1.7;margin-bottom:16px}.mission-points{display:flex;flex-direction:column;gap:10px}.mission-point{align-items:flex-start;display:flex;gap:10px}.mission-point i{color:var(--accent);flex-shrink:0;font-size:14px;margin-top:2px}.mission-point span{color:var(--text-secondary);font-size:13px;line-height:1.5}.mission-point strong{color:var(--text-primary)}.mission-visual{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:24px}.mini-dash-title{align-items:center;color:var(--text-primary);display:flex;font-size:12px;font-weight:600;gap:6px;margin-bottom:16px}.mini-dash-title i{color:var(--accent)}.mini-dashboard{display:flex;flex-direction:column;gap:12px}.mini-stat{background:var(--bg);border-radius:6px;gap:12px;padding:12px}.mini-stat,.mini-stat-icon{align-items:center;display:flex}.mini-stat-icon{border-radius:8px;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.mini-stat-icon.orange{background:#fff3eb;color:var(--accent)}.mini-stat-icon.blue{background:#e6f4fa;color:#0284c7}.mini-stat-icon.slate{background:#f1f5f9;color:#475569}.mini-stat-info{flex:1 1}.mini-stat-label{color:var(--text-muted);font-size:11px;margin-bottom:2px}.mini-stat-val{color:var(--text-primary);font-size:16px;font-weight:700}.mini-stat-trend{color:#059669;font-size:11px;font-weight:500;white-space:nowrap}.values-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.value-card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:20px;transition:box-shadow .15s,transform .15s}.value-card:hover{box-shadow:0 2px 6px #0000000f;transform:translateY(-2px)}.value-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;margin-bottom:14px;width:40px}.value-card h3{color:var(--text-primary);font-size:15px;font-weight:600;margin-bottom:6px}.value-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.modules-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:48px}.module-item{align-items:flex-start;background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;display:flex;gap:12px;padding:16px;transition:box-shadow .15s}.module-item:hover{box-shadow:0 2px 6px #0000000f}.module-icon{align-items:center;background:#fff3eb;border-radius:8px;color:var(--accent);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.module-info h4{color:var(--text-primary);font-size:13px;font-weight:600;margin-bottom:4px}.module-info p{color:var(--text-secondary);font-size:12px;line-height:1.4}.team-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:48px}.team-card{background:var(--card);border:1px solid var(--border);border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:20px;text-align:center;transition:box-shadow .15s}.team-card:hover{box-shadow:0 2px 6px #0000000f}.team-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;margin:0 auto 12px;width:64px}.team-name{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.team-role{color:var(--text-muted);font-size:12px;margin-bottom:12px}.team-links{gap:8px}.team-link,.team-links{display:flex;justify-content:center}.team-link{align-items:center;background:var(--bg);border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px;height:28px;text-decoration:none;transition:background .15s,color .15s;width:28px}.team-link:hover{background:#fff3eb;color:var(--accent)}.about-cta{background:var(--text-primary);border-radius:8px;margin-bottom:48px;padding:48px 32px;text-align:center}.about-cta h2{color:#fff;font-size:26px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.about-cta p{color:#9ca3af;font-size:14px;line-height:1.6;margin-bottom:24px}.cta-buttons{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.about-footer{background:var(--card);border-top:1px solid var(--border);padding:24px}.about-footer-inner{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1100px}.footer-brand{align-items:center;display:flex;gap:10px}.footer-brand-icon{align-items:center;background:var(--accent);border-radius:6px;color:#fff;display:flex;font-size:13px;height:28px;justify-content:center;width:28px}.footer-brand-text{color:var(--text-primary);font-size:14px;font-weight:700}.footer-brand-text span{color:var(--accent)}.footer-center{color:var(--text-muted);font-size:12px}.footer-center span{color:var(--accent);font-weight:500}.footer-links{display:flex;gap:16px}.footer-links a{color:var(--text-muted);font-size:12px;text-decoration:none;transition:color .15s}.footer-links a:hover{color:var(--text-secondary)}@media (max-width:900px){.modules-grid,.values-grid{grid-template-columns:1fr 1fr}.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.about-stats-row{grid-template-columns:repeat(2,1fr)}.mission-grid{grid-template-columns:1fr}.about-hero h1{font-size:28px}}@media (max-width:560px){.modules-grid,.values-grid{grid-template-columns:1fr}.about-footer-inner .footer-center,.about-nav a:not(.btn-accent):not(.btn-outline){display:none}}.app-header{align-items:center;background:var(--card);border-bottom:1px solid var(--border);display:flex;gap:12px;height:52px;padding:0 20px;position:sticky;top:0;z-index:50}.hamburger-btn{display:none}@media (max-width:768px){.hamburger-btn{display:flex}}.header-breadcrumb{align-items:center;color:var(--text-secondary);display:flex;flex:1 1;font-size:12px;gap:6px;min-width:0}.header-breadcrumb .page-title{color:var(--text-primary);font-size:14px;font-weight:700;white-space:nowrap}.header-breadcrumb .sep{color:var(--text-muted);flex-shrink:0;font-size:11px}.header-breadcrumb .crumb{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.header-search-wrap{position:relative}.header-search{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-secondary);display:flex;font-size:11.5px;gap:6px;height:30px;min-width:220px;padding:5px 10px;transition:border-color .15s,box-shadow .15s,background .15s}.header-search.focused,.header-search:focus-within{background:var(--card);border-color:var(--accent);box-shadow:0 0 0 3px #ff6a001a}.header-search>i{color:var(--text-muted);flex-shrink:0;font-size:11px}.header-search input{background:#0000;border:none;color:var(--text-primary);font-family:var(--font);font-size:11.5px;outline:none;width:100%}.header-search input::placeholder,.search-kbd{color:var(--text-muted)}.search-kbd{align-items:center;background:var(--divider);border-radius:3px;display:flex;flex-shrink:0;font-size:9px;gap:2px;padding:1px 5px;white-space:nowrap}.search-kbd kbd{font-family:var(--font)}.search-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:0 8px 32px #0000001f;display:none;left:0;overflow:hidden;position:absolute;top:calc(100% + 6px);width:420px;z-index:999}.search-dropdown.open{animation:dropdownFadeIn .12s ease;display:block}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-section{border-bottom:1px solid var(--divider);padding:4px 0}.search-section:last-child{border-bottom:none}.search-section-label{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.6px;padding:6px 12px 3px;text-transform:uppercase}.search-result-item{align-items:center;cursor:pointer;display:flex;gap:10px;padding:7px 12px;transition:background .1s}.search-result-item.selected,.search-result-item:hover{background:#fff5ee}.search-result-item.selected .search-result-title,.search-result-item:hover .search-result-title{color:var(--accent)}.search-result-title{color:var(--text-primary);font-size:12px;font-weight:500;transition:color .1s}.search-result-sub,.search-result-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-sub{color:var(--text-muted);font-size:10px;margin-top:1px}.search-result-badge{background:var(--divider);border-radius:8px;color:var(--text-muted);flex-shrink:0;font-size:9px;font-weight:600;margin-left:auto;padding:1px 6px}.search-result-badge.green{background:var(--green-bg);color:var(--green)}.search-result-badge.orange{background:#fff5ee;color:var(--accent)}.search-result-badge.red{background:var(--red-bg);color:var(--red)}.search-result-badge.blue{background:var(--blue-bg);color:var(--blue)}.search-result-badge.yellow{background:var(--yellow-bg);color:var(--yellow)}.search-result-arrow{color:var(--text-muted);flex-shrink:0;font-size:9px;margin-left:4px;opacity:0;transition:opacity .1s}.search-result-item.selected .search-result-arrow,.search-result-item:hover .search-result-arrow{opacity:1}.search-empty{color:var(--text-muted);font-size:11.5px;padding:20px 12px;text-align:center}.search-empty i{color:var(--border);display:block;font-size:22px;margin-bottom:8px}.search-footer{align-items:center;background:var(--bg);border-top:1px solid var(--divider);color:var(--text-muted);display:flex;font-size:9.5px;gap:12px;padding:7px 12px}.search-footer kbd{border:1px solid var(--border);border-radius:3px;display:inline-flex;font-size:9px;margin-right:3px;padding:1px 5px}.header-btn,.search-footer kbd{align-items:center;background:var(--card);font-family:var(--font)}.header-btn{border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-secondary);cursor:pointer;display:flex;font-size:11.5px;font-weight:500;gap:5px;height:30px;padding:0 10px;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.header-btn:hover{background:var(--bg);color:var(--text-primary)}.header-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.header-btn.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.header-btn.icon-only{justify-content:center;padding:0 8px;width:30px}.notif-btn{position:relative}.notif-dot{background:var(--red);border-radius:50%;height:6px;position:absolute;right:8px;top:8px;width:6px}.settings-btn:hover{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}.tooltip-wrap{align-items:center}.tooltip-box{background:#1f2937;border-radius:5px;bottom:calc(100% + 6px);box-shadow:0 4px 10px #00000026;color:#f9fafb;padding:6px 10px;z-index:999}.tooltip-box:after{border:4px solid #0000;border-top-color:#1f2937;content:"";left:50%;position:absolute;top:100%;transform:translateX(-50%)}@media (max-width:768px){.header-search{min-width:160px}.search-dropdown{left:0;width:calc(100vw - 32px)}.search-kbd{display:none}}#topLoadingBarWrap{height:3px;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:0;transition:opacity .2s ease;z-index:9999}#topLoadingBarWrap.active{opacity:1}#loadingBar{background:#f97316;background:var(--accent,#f97316);border-radius:0 2px 2px 0;height:100%;position:relative;transition:width .12s ease-out}#loadingBar:after{background:linear-gradient(90deg,#0000,#fff9);border-radius:2px;content:"";height:3px;position:absolute;right:0;top:50%;transform:translateY(-50%);width:80px}#lottieLoadingOverlay{align-items:center;animation:lottie-fade-in .15s ease;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#ffffff73;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:9998}@keyframes lottie-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.shimmer-row{animation:shimmer 1.2s linear infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f9fafb 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--border,#e5e7eb) 25%,var(--bg,#f9fafb) 50%,var(--border,#e5e7eb) 75%);background-size:600px 100%;border-radius:6px;height:36px;margin-bottom:8px}.shimmer-row.short{width:60%}.shimmer-row.medium{width:80%}.shimmer-row.tall{height:52px}.page-shimmer{display:flex;flex-direction:column;gap:0;padding:0;pointer-events:none}.page-shimmer .shimmer-card{background:#fff;background:var(--card,#fff);border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;border-radius:var(--radius-card,10px);margin-bottom:14px;padding:16px}.page-shimmer .shimmer-stats{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.page-shimmer .shimmer-stat{animation:shimmer 1.2s linear infinite;background:#fff;background:var(--card,#fff);background:linear-gradient(90deg,#e5e7eb 25%,#f9fafb 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--border,#e5e7eb) 25%,var(--bg,#f9fafb) 50%,var(--border,#e5e7eb) 75%);background-size:600px 100%;border:1px solid #e5e7eb;border:1px solid var(--border,#e5e7eb);border-radius:10px;border-radius:var(--radius-card,10px);height:80px;padding:14px}.prod-detail-panel{background:var(--card);border-left:1px solid var(--border);bottom:0;box-shadow:-4px 0 20px #00000014;display:none;flex-direction:column;overflow:hidden;position:fixed;right:0;top:0;width:400px;z-index:310}.prod-detail-panel.open{display:flex}.prod-backdrop{background:#00000026;display:none;inset:0;position:fixed;z-index:309}.prod-backdrop.open{display:block}.prod-tabs{border-bottom:1px solid var(--border);display:flex;flex-shrink:0;gap:0;overflow-x:auto}.prod-tabs::-webkit-scrollbar{height:2px}.prod-tab{border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:500;padding:8px 14px;transition:color .15s,border-color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.prod-tab:hover{color:var(--text-secondary)}.prod-tab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.prod-tab-panel{display:none;flex:1 1;overflow-y:auto;padding:12px 16px}.prod-tab-panel.active{display:block}.stars{align-items:center;display:flex;gap:2px}.star{color:#f59e0b;font-size:11px}.star.empty{color:var(--divider)}.prod-drop-zone{border:2px dashed var(--border);border-radius:var(--radius-card);color:var(--text-muted);cursor:pointer;padding:32px;text-align:center;transition:border-color .2s,background .2s}.prod-drop-zone:hover{background:#fff5ee;border-color:var(--accent)}.prod-drop-zone i{color:var(--accent);display:block;font-size:28px;margin-bottom:10px}.prod-drop-zone-title{color:var(--text-primary);font-size:13px;font-weight:600}.prod-drop-zone-title span{color:var(--accent);cursor:pointer;text-decoration:underline}.prod-drop-zone-sub{font-size:11px;margin-top:6px}.dist-row{align-items:center;display:flex;gap:8px;margin-bottom:7px}.dist-label{color:var(--text-muted);font-size:11px;font-weight:600;white-space:nowrap}.dist-label-wide{width:42px}.dist-label-narrow{width:30px}.dist-count{font-size:11px;font-weight:600;text-align:right;width:28px}.cat-breakdown-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.cat-breakdown-name{color:var(--text-muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:60px}.cat-breakdown-count{font-size:11px;font-weight:600;text-align:right;width:24px}.sup-quick-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr;margin-top:14px}.code-chip{background:var(--bg);border-radius:3px;font-family:Courier New,monospace;font-size:10.5px;padding:2px 5px}.import-history-list{padding:0 16px}.settings-section{display:flex;flex-direction:column;gap:14px}.alert-checkbox-group{display:flex;flex-direction:column;gap:8px;margin-top:4px}.alert-checkbox-label{align-items:center;cursor:pointer;display:flex;font-size:12px;gap:8px}.prod-panel-avatar{align-items:center;border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:48px;justify-content:center;width:48px}.prod-panel-avatar,.prod-panel-desc-box{background:var(--bg);color:var(--text-secondary)}.prod-panel-desc-box{border-radius:var(--radius-input);font-size:11px;line-height:1.5;margin-bottom:12px;padding:8px}.stock-log-section-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.variant-size-icon{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:30px;justify-content:center;width:30px}.star-yellow{color:#f59e0b;font-size:10px}.star-empty-xs{color:var(--divider);font-size:10px}.sup-stars-row{align-items:center;display:flex;gap:4px;margin-top:6px}.color-dot{border:1px solid var(--border);border-radius:50%;flex-shrink:0;height:12px;width:12px}.prod-panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.import-options-section{margin-top:14px}.csv-ref-table code{background:var(--bg);border-radius:3px;font-family:Courier New,monospace;font-size:10px;padding:1px 4px}.import-error-row td{color:var(--red)}@media (max-width:768px){.prod-detail-panel{border-left:none;border-top:1px solid var(--border);box-shadow:0 -4px 20px #00000014;width:100%}.sup-quick-cards{grid-template-columns:1fr}}.inv-adj-form{display:flex;flex-direction:column;gap:12px}.inv-alert-item{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:10px;padding:10px 0}.inv-alert-item:last-child{border-bottom:none}.inv-health-row{gap:8px}.inv-health-row,.inv-move-icon{align-items:center;display:flex}.inv-move-icon{border-radius:6px;flex-shrink:0;height:28px;justify-content:center;width:28px}.inv-settings-section{display:flex;flex-direction:column;gap:14px}.inv-code-chip{background:var(--bg);border-radius:3px;font-family:Courier New,monospace;font-size:10.5px;padding:2px 5px}.inv-stock-health{align-items:center;display:flex;gap:8px}@media (max-width:768px){.inv-settings-section{grid-template-columns:1fr}}.courier-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:180px 1fr}.courier-content{min-width:0}.cpanel{display:none}.cpanel.active{display:block}.timeline{display:flex;flex-direction:column}.tl-item{display:flex;gap:10px;padding-bottom:12px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-dot-col{align-items:center;display:flex;flex-direction:column;flex-shrink:0;width:14px}.tl-dot{background:var(--divider);border:2px solid var(--border);border-radius:50%;flex-shrink:0;height:10px;margin-top:2px;width:10px}.tl-dot.done{background:var(--green);border-color:var(--green)}.tl-dot.active{background:var(--accent);border-color:var(--accent)}.tl-line{background:var(--divider);flex:1 1;margin-top:2px;width:1px}.tl-content{flex:1 1}.tl-title{font-size:10.5px;font-weight:600}.tl-meta{color:var(--text-muted);font-size:9.5px;margin-top:1px}.courier-overlay{background:var(--card);border-left:1px solid var(--border);bottom:0;box-shadow:0 4px 16px #0000001a;display:none;flex-direction:column;position:fixed;right:0;top:0;width:420px;z-index:400}.courier-overlay.open{display:flex}.courier-backdrop{background:#00000026;display:none;inset:0;position:fixed;z-index:399}.courier-backdrop.open{display:block}@media (max-width:900px){.courier-layout{grid-template-columns:1fr}.vnav{border-radius:var(--radius-card);display:flex;flex-wrap:wrap;gap:0;position:static}.vnav-section-label{display:none}.vnav-item{border-bottom:2px solid #0000;border-left:none}.vnav-item.active{border-bottom-color:var(--accent);border-left:none}.mini-stats{grid-template-columns:1fr 1fr}.detail-grid-2,.detail-grid-3,.settings-grid{grid-template-columns:1fr}.courier-overlay{border-left:none;border-top:1px solid var(--border);width:100%}}.rider-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:180px 1fr}.rider-content{min-width:0}.rpanel{display:none}.rpanel.active{display:block}.itab-panel{display:none}.itab-panel.active{display:block}.rating-stars{color:#f59e0b;font-size:10px;letter-spacing:1px}code.sku{background:var(--bg);border-radius:3px;color:var(--text-secondary);font-family:monospace;font-size:9.5px;padding:1px 5px}.c-pagination{border-top:1px solid var(--divider);color:var(--text-muted);font-size:10.5px;justify-content:space-between;padding:10px 14px}.c-pag-controls,.c-pagination{align-items:center;display:flex}.c-pag-controls{gap:3px}.c-pag-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font);font-size:10.5px;font-weight:500;height:26px;justify-content:center;min-width:26px;padding:0 5px;transition:all .12s}.c-pag-btn:hover:not(:disabled){background:var(--bg);color:var(--text-primary)}.c-pag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.c-pag-btn:disabled{cursor:not-allowed;opacity:.4}.c-toolbar{border-bottom:1px solid var(--divider);flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 14px}.c-toolbar,.c-toolbar-left{align-items:center;display:flex}.c-toolbar-left{gap:7px}.c-search,.c-toolbar-right{align-items:center;display:flex;gap:6px}.c-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);height:27px;padding:4px 9px}.c-search i{color:var(--text-muted);font-size:10px}.c-search input{background:#0000;border:none;color:var(--text-primary);font-family:var(--font);font-size:10.5px;outline:none;width:130px}.c-search input::placeholder{color:var(--text-muted)}.c-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font);font-size:10.5px;font-weight:500;gap:5px;height:27px;padding:0 9px;transition:all .12s;white-space:nowrap}.c-btn:hover{background:var(--bg);color:var(--text-primary)}.c-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.c-btn.primary:hover{background:var(--accent-hover)}.c-btn.active{background:#fff5ee;border-color:var(--accent);color:var(--accent)}.c-form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.c-form-row.triple{grid-template-columns:1fr 1fr 1fr}.c-form-row.single{grid-template-columns:1fr}.c-form-group{display:flex;flex-direction:column;gap:3px}.c-form-label{color:var(--text-muted);font-size:9.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.c-form-input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font);font-size:11px;height:28px;outline:none;padding:0 9px;transition:border-color .15s}.c-form-input:focus{border-color:var(--accent)}.c-form-select{height:28px;padding:0 9px}.c-form-select,.c-form-textarea{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font);font-size:11px;outline:none}.c-form-textarea{height:56px;padding:7px 9px;resize:vertical;width:100%}.c-form-textarea:focus{border-color:var(--accent)}.settings-grid{margin-bottom:12px}.rider-overlay{background:var(--card);border-left:1px solid var(--border);bottom:0;box-shadow:0 4px 16px #0000001a;display:none;flex-direction:column;position:fixed;right:0;top:0;width:420px;z-index:400}.rider-overlay.open{display:flex}.rider-backdrop{background:#00000026;display:none;inset:0;position:fixed;z-index:399}.rider-backdrop.open{display:block}.rider-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.rider-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);cursor:pointer;overflow:hidden;padding:14px;position:relative;transition:all .12s}.rider-card:hover{border-color:var(--accent);box-shadow:0 1px 3px #00000012}.rider-card-top{align-items:center;display:flex;gap:10px;margin-bottom:10px}.rider-card-name{color:var(--text-primary);font-size:12px;font-weight:700}.rider-card-id{color:var(--text-muted);font-size:10px}.rider-card-status{position:absolute;right:10px;top:10px}.rider-card-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:10px}.rider-stat{background:var(--bg);border-radius:5px;padding:6px 8px}.rider-stat-val{color:var(--text-primary);font-size:13px;font-weight:800;letter-spacing:-.3px}.rider-stat-lbl{color:var(--text-muted);font-size:9px;letter-spacing:.3px;text-transform:uppercase}.rider-card-footer{align-items:center;border-top:1px solid var(--divider);display:flex;justify-content:space-between;margin-top:2px;padding-top:8px}.map-placeholder{align-items:center;background:linear-gradient(135deg,#e8f5e9,#e3f2fd);border:1px solid var(--border);border-radius:var(--radius-card);display:flex;flex-direction:column;gap:10px;height:280px;justify-content:center;margin-bottom:14px;overflow:hidden;position:relative}.map-placeholder.tall{height:340px}.map-rider-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 2px 6px #0003;height:12px;position:absolute;width:12px}.map-rider-dot.large{height:16px;width:16px}.map-badge{background:var(--card);color:var(--text-secondary);font-size:10.5px;padding:6px 12px}.map-badge,.map-label-popup{border:1px solid var(--border);border-radius:5px;box-shadow:0 1px 3px #00000012}.map-label-popup{background:#fff;font-size:9.5px;font-weight:600;padding:3px 7px;position:absolute}.integration-card{gap:14px;padding:14px 16px}.integration-logo{color:#fff;font-size:9px;font-weight:800;height:44px;line-height:1.2;text-align:center;width:44px}.integration-desc{font-size:10.5px}.kpi-ring-wrap{flex-direction:column;gap:4px}.kpi-ring,.kpi-ring-wrap{align-items:center;display:flex}.kpi-ring{border:4px solid var(--divider);border-radius:50%;font-size:12px;font-weight:800;height:56px;justify-content:center;position:relative;width:56px}.kpi-ring.good{border-color:var(--green);color:var(--green)}.kpi-ring.warn{border-color:var(--yellow);color:var(--yellow)}.kpi-ring.bad{border-color:var(--red);color:var(--red)}.kpi-ring-label{color:var(--text-muted);font-size:9px;text-align:center}.row-avatar{font-size:11px;height:30px;width:30px}.day-badge-morning{background:var(--green-bg);color:var(--green)}.day-badge-evening,.day-badge-morning{align-items:center;border-radius:3px;display:inline-flex;font-size:8.5px;font-weight:700;justify-content:center;padding:1px 5px}.day-badge-evening{background:var(--blue-bg);color:var(--blue)}.day-badge-off{align-items:center;background:var(--divider);border-radius:3px;display:inline-flex;font-size:8.5px;justify-content:center;padding:1px 5px}.day-badge-off,.section-label{color:var(--text-muted);font-weight:700}.section-label{font-size:9.5px;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}@media (max-width:900px){.rider-layout{grid-template-columns:1fr}.vnav{border-radius:var(--radius-card);display:flex;flex-wrap:wrap;gap:0;position:static}.vnav-section-label{display:none}.vnav-item{border-bottom:2px solid #0000;border-left:none}.vnav-item.active{border-bottom-color:var(--accent);border-left:none}.mini-stats{grid-template-columns:1fr 1fr}.detail-grid-2,.detail-grid-3,.settings-grid{grid-template-columns:1fr}.rider-grid{grid-template-columns:1fr 1fr}.rider-overlay{border-left:none;border-top:1px solid var(--border);width:100%}}@media (max-width:600px){.rider-grid{grid-template-columns:1fr}}.finance-layout{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:185px 1fr}.finance-content{min-width:0}.vnav{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden;position:sticky;top:10px}.vnav-section-label{color:var(--text-muted);font-size:8.5px;font-weight:700;letter-spacing:.7px;padding:10px 12px 3px;text-transform:uppercase}.vnav-item{align-items:center;border-left:2px solid #0000;color:var(--text-secondary);cursor:pointer;display:flex;font-size:11px;font-weight:500;gap:7px;line-height:1.3;padding:7px 12px;transition:all .12s;-webkit-user-select:none;user-select:none}.vnav-item i{color:var(--text-muted);flex-shrink:0;font-size:10px;text-align:center;width:12px}.vnav-item:hover{background:#f9fafb;color:var(--text-primary)}.vnav-item.active{background:#fff5ee;border-left-color:var(--accent);font-weight:600}.vnav-item.active,.vnav-item.active i{color:var(--accent)}.vnav-divider{border-top:1px solid var(--divider);margin:4px 0}.vnav-badge{background:var(--accent);border-radius:8px;color:#fff;font-size:9px;font-weight:700;line-height:1.4;margin-left:auto;padding:1px 5px;white-space:nowrap}.vnav-badge.gray{background:var(--divider);color:var(--text-muted)}.vnav-badge.green{background:var(--green);color:#fff}.vnav-badge.red{background:var(--red);color:#fff}.vnav-badge.yellow{background:var(--yellow);color:#fff}.fpanel{display:none}.fpanel.active{display:block}.panel-heading{font-size:16px;font-weight:800;letter-spacing:-.3px;margin-bottom:2px}.panel-desc{background:#fff5ee;border-left:2px solid var(--accent);border-radius:0 4px 4px 0;color:var(--text-muted);font-size:10.5px;line-height:1.5;margin-bottom:14px;padding:5px 10px}.perf-cell{align-items:center;display:flex;gap:6px;min-width:90px}.perf-bar{background:var(--divider);border-radius:2px;flex:1 1;height:4px;overflow:hidden}.perf-fill{border-radius:2px;height:100%}.perf-pct{color:var(--text-secondary);font-size:9.5px;font-weight:700;min-width:26px;text-align:right}.f-toolbar{border-bottom:1px solid var(--divider);gap:8px;justify-content:space-between;padding:10px 14px}.f-toolbar,.f-toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.f-toolbar-left{gap:7px}.f-search,.f-toolbar-right{align-items:center;display:flex;gap:6px}.f-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);height:27px;padding:4px 9px}.f-search i{color:var(--text-muted);font-size:10px}.f-search input{background:#0000;border:none;color:var(--text-primary);font-family:var(--font);font-size:10.5px;outline:none;width:150px}.f-search input::placeholder{color:var(--text-muted)}.f-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font);font-size:10.5px;font-weight:500;gap:5px;height:27px;padding:0 9px;transition:all .12s;white-space:nowrap}.f-btn:hover{background:var(--bg);color:var(--text-primary)}.f-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.f-btn.primary:hover{background:var(--accent-hover)}.f-btn.active{background:#fff5ee;border-color:var(--accent);color:var(--accent)}.f-btn.danger{background:var(--red-bg);border-color:var(--red);color:var(--red)}.f-pagination{border-top:1px solid var(--divider);color:var(--text-muted);font-size:10.5px;justify-content:space-between;padding:10px 14px}.f-pag-controls,.f-pagination{align-items:center;display:flex}.f-pag-controls{gap:3px}.f-pag-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font);font-size:10.5px;font-weight:500;height:26px;justify-content:center;min-width:26px;padding:0 5px;transition:all .12s}.f-pag-btn:hover:not(:disabled){background:var(--bg);color:var(--text-primary)}.f-pag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.f-pag-btn:disabled{cursor:not-allowed;opacity:.4}.f-form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.f-form-row.triple{grid-template-columns:1fr 1fr 1fr}.f-form-row.single{grid-template-columns:1fr}.f-form-group{display:flex;flex-direction:column;gap:3px}.f-form-label{color:var(--text-muted);font-size:9.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.f-form-input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font);font-size:11px;height:28px;outline:none;padding:0 9px;transition:border-color .15s}.f-form-input:focus{border-color:var(--accent)}.f-form-select{height:28px;padding:0 9px}.f-form-select,.f-form-textarea{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font);font-size:11px;outline:none}.f-form-textarea{height:56px;padding:7px 9px;resize:vertical;width:100%}.f-form-textarea:focus{border-color:var(--accent)}.settings-grid-2{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.stg-input{width:110px}.toggle-track{background:#135cc2;border:1px solid #17d509}.toggle-track:after{box-shadow:0 1px 4px #0006;height:11px;width:11px;z-index:1}.finance-overlay{background:var(--card);border-left:1px solid var(--border);bottom:0;box-shadow:0 4px 16px #0000001a;display:none;flex-direction:column;position:fixed;right:0;top:0;width:420px;z-index:400}.finance-overlay.open{display:flex}.finance-backdrop{background:#00000026;display:none;inset:0;position:fixed;z-index:399}.finance-backdrop.open{display:block}.balance-card{background:linear-gradient(135deg,#111827,#1f2937);border-radius:var(--radius-card);color:#fff;margin-bottom:14px;overflow:hidden;padding:16px;position:relative}.balance-card:before{background:#ff6a0026;height:120px;right:-30px;top:-30px;width:120px}.balance-card:after,.balance-card:before{border-radius:50%;content:"";position:absolute}.balance-card:after{background:#ff6a0014;bottom:-20px;height:80px;left:30px;width:80px}.balance-card-label{color:#9ca3af;font-size:9.5px;font-weight:500;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.balance-card-amount{color:#fff;font-size:28px;font-weight:900;letter-spacing:-1px;margin-bottom:10px}.balance-card-row{display:flex;flex-wrap:wrap;gap:20px}.balance-card-item{display:flex;flex-direction:column;gap:1px}.balance-card-item-label{color:#6b7280;font-size:9px}.balance-card-item-val{color:#e5e7eb;font-size:11.5px;font-weight:700}.summary-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:14px;padding:14px 16px}.summary-box-title{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.summary-row{align-items:center;border-bottom:1px solid var(--divider);display:flex;font-size:11px;justify-content:space-between;padding:5px 0}.summary-row:last-child{border-bottom:none}.summary-row.total{font-size:12px;font-weight:700;margin-top:4px;padding-top:8px}.summary-val{font-size:13px}.mini-chart-wrap{align-items:flex-end;display:flex;gap:3px;height:48px;padding:0 2px}.mini-bar{border-radius:3px 3px 0 0;cursor:pointer;flex:1 1;min-width:6px;position:relative;transition:opacity .2s}.mini-bar:hover{opacity:.8}.donut-legend{display:flex;flex-direction:column;gap:5px;margin-top:10px}.donut-legend-item{align-items:center;display:flex;font-size:10.5px;gap:6px}.donut-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.integration-card{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);display:flex;gap:12px;margin-bottom:10px;padding:12px 14px;transition:border-color .12s}.integration-card:hover{border-color:var(--accent)}.integration-logo{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;overflow:hidden;width:40px}.integration-logo img{height:100%;object-fit:contain;padding:5px;width:100%}.integration-name{color:var(--text-primary);font-size:12px;font-weight:700}.integration-desc{color:var(--text-muted);font-size:10px;margin-top:2px}.integration-right{align-items:center;display:flex;gap:8px;margin-left:auto}.f-tag{align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text-secondary);display:inline-flex;font-size:9.5px;font-weight:500;padding:1px 6px;white-space:nowrap}@media (max-width:900px){.finance-layout{grid-template-columns:1fr}.vnav{display:flex;flex-wrap:wrap;gap:0;position:static}.vnav-section-label{display:none}.vnav-item{border-bottom:2px solid #0000;border-left:none}.vnav-item.active{border-bottom-color:var(--accent);border-left:none}.mini-stats,.mini-stats.cols-3{grid-template-columns:1fr 1fr}.detail-grid-2,.detail-grid-3,.settings-grid-2{grid-template-columns:1fr}.finance-overlay{border-left:none;border-top:1px solid var(--border);width:100%}}.mini-stats.cols-5{grid-template-columns:repeat(5,1fr)}.tasks-layout{grid-gap:14px;align-items:start;display:grid;gap:14px;grid-template-columns:1fr 300px}.tbl-wrap tbody tr{cursor:pointer}.t-search input{width:130px}.chip i{font-size:9px}.priority-dot{border-radius:50%;flex-shrink:0;height:8px;margin-top:3px;width:8px}.prog-bar{margin-top:4px}.kanban-board{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:14px}.kanban-col{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.kanban-col-header{align-items:center;background:var(--card);border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:9px 12px}.kanban-col-title{align-items:center;color:var(--text-primary);display:flex;font-size:11px;font-weight:700;gap:6px}.kanban-col-count{background:var(--divider);border-radius:8px;color:var(--text-muted);font-size:9.5px;font-weight:700;padding:1px 6px}.kanban-col-body{display:flex;flex-direction:column;gap:7px;min-height:120px;padding:8px}.kanban-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);cursor:pointer;padding:9px 11px;transition:box-shadow .15s,border-color .15s}.kanban-card:hover{border-color:#d1d5db;box-shadow:0 1px 3px #00000012}.kanban-card-title{color:var(--text-primary);font-size:11px;font-weight:600;line-height:1.35;margin-bottom:5px}.kanban-card-meta{align-items:center;display:flex;justify-content:space-between;margin-top:7px}.kanban-card-assignee{align-items:center;color:var(--text-muted);display:flex;font-size:9.5px;gap:4px}.staff-col{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:10px}.staff-col-head{align-items:center;border-bottom:1px solid var(--divider);display:flex;gap:8px;padding:9px 12px}.staff-col-body{padding:8px 12px}.cal-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:12px}.cal-day-label{color:var(--text-muted);font-size:9px;font-weight:600;letter-spacing:.4px;padding:4px 0;text-align:center;text-transform:uppercase}.cal-cell{background:var(--bg);border:1px solid var(--border);border-radius:5px;cursor:pointer;min-height:52px;padding:4px;transition:border-color .12s}.cal-cell.today,.cal-cell:hover{border-color:var(--accent)}.cal-cell.today{background:#fff5ee}.cal-cell.other-month{opacity:.4}.cal-date{color:var(--text-secondary);font-size:10px;font-weight:600;margin-bottom:3px}.cal-cell.today .cal-date{color:var(--accent);font-weight:700}.cal-dot{border-radius:2px;height:4px;margin-bottom:2px;width:100%}.list-item{padding:8px 0}.task-overlay{background:var(--card);border-left:1px solid var(--border);bottom:0;box-shadow:0 4px 16px #0000001a;display:none;flex-direction:column;position:fixed;right:0;top:0;width:420px;z-index:400}.task-overlay.open{display:flex}.task-backdrop{background:#00000026;display:none;inset:0;position:fixed;z-index:399}.task-backdrop.open{display:block}.form-textarea{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font);font-size:11px;height:60px;outline:none;padding:7px 9px;resize:vertical;width:100%}.form-textarea:focus{border-color:var(--accent)}@media (max-width:900px){.mini-stats{grid-template-columns:1fr 1fr}.detail-grid-2,.kanban-board,.tasks-layout{grid-template-columns:1fr}.task-overlay{border-left:none;border-top:1px solid var(--border);width:100%}}.online-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;margin-right:4px;width:8px}.online-dot.online{background:#22c55e}.online-dot.offline{background:#9ca3af}.online-dot.suspended{background:#f97316}.prog-bar{border-radius:99px;flex-shrink:0;height:6px}.prog-fill{border-radius:99px;transition:width .3s ease}.prog-fill.green{background:#22c55e;background:var(--green,#22c55e)}.prog-fill.yellow{background:#f59e0b;background:var(--yellow,#f59e0b)}.prog-fill.red{background:#ef4444;background:var(--red,#ef4444)}.toggle-switch{height:18px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:var(--border);border-radius:18px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:12px;left:3px;position:absolute;transition:transform .2s;width:12px}.toggle-switch input:checked+.toggle-slider{background:var(--accent)}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(14px)}.perm-row{align-items:center;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:6px 0}.perm-row:last-child{border-bottom:none}.perm-label{color:var(--text-primary);font-size:11.5px}.perm-label small{color:var(--text-muted);display:block;font-size:10px}#staff-backdrop{background:#00000026;display:none;inset:0;position:fixed;z-index:309}#staff-backdrop.open{display:block}#staff-detail-panel{background:var(--card);border-left:1px solid var(--border);bottom:0;box-shadow:-4px 0 20px #00000014;display:none;flex-direction:column;overflow:hidden;position:fixed;right:0;top:0;width:420px;z-index:310}#staff-detail-panel.open{display:flex}.staff-panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px 12px}.staff-panel-title{color:var(--text-primary);font-size:14px;font-weight:700}.staff-panel-close{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:28px;justify-content:center;width:28px}.staff-panel-close:hover{background:var(--bg)}#staff-panel-body{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.staff-panel-tabs{border-bottom:1px solid var(--border);display:flex;flex-shrink:0}.staff-panel-tab{border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;font-size:11px;font-weight:500;padding:8px 14px;transition:color .15s,border-color .15s;white-space:nowrap}.staff-panel-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.staff-panel-tab:hover:not(.active){color:var(--text-primary)}.staff-panel-content{display:none;flex:1 1;overflow-y:auto;padding:14px 16px}.staff-panel-content.active{display:block}.staff-panel-form{flex:1 1;overflow-y:auto;padding:14px 16px}.panel-profile-header{align-items:center;background:var(--bg);border-radius:var(--radius-card);display:flex;gap:12px;margin-bottom:16px;padding:12px}.panel-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:52px;justify-content:center;width:52px}.panel-profile-info{flex:1 1;min-width:0}.panel-profile-name{font-size:15px;font-weight:800}.panel-profile-sub{color:var(--text-muted);font-size:11px}.panel-profile-status{align-items:center;color:var(--text-muted);display:flex;font-size:10.5px;gap:6px;margin-top:4px}.panel-score-box{flex-shrink:0;text-align:right}.panel-score-val{font-size:20px;font-weight:800}.panel-score-lbl{color:var(--text-muted);font-size:9.5px}.panel-stats-row{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr 1fr;margin-bottom:14px}.panel-stat{background:var(--bg);border-radius:6px;border-radius:var(--radius-input,6px);padding:8px;text-align:center}.panel-stat-val{color:var(--text-primary);font-size:16px;font-weight:800}.panel-stat-lbl{color:var(--text-muted);font-size:9.5px}.panel-completion{margin-bottom:14px}.panel-completion .prog-bar{height:6px;width:100%}.panel-completion-top{color:var(--text-muted);display:flex;font-size:11px;justify-content:space-between;margin-bottom:4px}.staff-id-code{background:var(--bg);border-radius:3px;font-family:monospace;font-size:10.5px;padding:1px 5px}.panel-section-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.leaderboard-row{align-items:center;border-bottom:1px solid var(--divider);display:flex;gap:10px;padding:7px 0}.leaderboard-row:last-child{border-bottom:none}.leaderboard-rank{flex-shrink:0;font-size:12px;text-align:center;width:20px}.leaderboard-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:9px;font-weight:700;height:28px;justify-content:center;width:28px}.leaderboard-info{flex:1 1;min-width:0}.leaderboard-score{flex-shrink:0;text-align:right}.dept-perf-row{align-items:center;display:flex;gap:8px;margin-bottom:10px}.dept-perf-label{color:var(--text-muted);flex-shrink:0;font-size:11px;width:72px}.dept-perf-val{flex-shrink:0;font-size:12px;font-weight:700;text-align:right;width:36px}.integration-card .card-body{padding:16px}.int-card-top{align-items:center;display:flex;gap:10px;margin-bottom:10px}.int-logo{object-fit:contain}.int-fallback-icon,.int-logo{border-radius:6px;height:36px;width:36px}.int-fallback-icon{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;justify-content:center}.int-info{flex:1 1;min-width:0}.int-name{font-size:13px;font-weight:700}.int-sub{color:var(--text-muted);font-size:10.5px}.int-desc{color:var(--text-secondary);font-size:11.5px;margin-bottom:12px}.notif-section-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.notif-check{align-items:center;cursor:pointer;gap:8px}.info-banner,.notif-check{display:flex;font-size:12px}.info-banner{align-items:flex-start;background:#eff6ff;background:var(--blue-bg,#eff6ff);border:1px solid #3b82f6;border:1px solid var(--blue,#3b82f6);border-radius:var(--radius-card);color:var(--text-primary);gap:10px;margin-bottom:14px;padding:10px 14px}.info-banner>i{color:#3b82f6;color:var(--blue,#3b82f6);flex-shrink:0;margin-top:1px}.info-banner-text{line-height:1.55}.section-divider{font-size:11px;font-weight:600;gap:10px;letter-spacing:.5px;margin:10px 0 14px;text-transform:uppercase}.empty-state,.section-divider{color:var(--text-muted)}.empty-state>i{font-size:28px;margin-bottom:10px;opacity:.4}.empty-state h4{color:var(--text-primary);margin:0 0 6px}.empty-state p{font-size:11.5px;margin:0}.tooltip-wrap{display:inline-flex;margin-left:4px;position:relative;vertical-align:middle}.tooltip-icon{align-items:center;background:var(--divider);border-radius:50%;color:var(--text-muted);cursor:help;display:inline-flex;font-size:8px;height:14px;justify-content:center;width:14px}.tooltip-box{background:var(--text-primary);border-radius:4px;bottom:calc(100% + 4px);color:var(--card);display:none;font-size:10.5px;left:50%;padding:5px 8px;pointer-events:none;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:20}.tooltip-wrap:hover .tooltip-box{display:block}@media (max-width:768px){#staff-detail-panel{left:0;width:100%}}.rep-bar{transition:background .15s}.rep-tip{pointer-events:none;z-index:10}.export-btn-success{background:var(--green)!important;border-color:var(--green)!important}.report-section-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.channel-dot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.pl-row{border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:7px 0}.pl-row:last-child{border-bottom:2px solid var(--border)}.pl-row.bold .pl-label{color:var(--text-primary);font-size:12.5px;font-weight:700}.pl-row.bold .pl-val{font-size:13px;font-weight:800}.pl-label{color:var(--text-secondary);font-size:11.5px;font-weight:400}.pl-val{font-size:12px;font-weight:500}.export-icon-box{border-radius:8px;height:38px;width:38px}.export-icon-box,.staff-avatar-sm{align-items:center;display:flex;flex-shrink:0;justify-content:center}.staff-avatar-sm{border-radius:50%;font-size:9px;font-weight:700;height:26px;width:26px}.revenue-chart-container{height:160px;position:relative}.stock-health-bar{border-radius:4px;display:flex;gap:1px;height:8px;overflow:hidden}.medal-cell{font-size:11px;text-align:center;width:18px}@media (max-width:768px){.revenue-chart-container{height:120px}}.section-divider{align-items:center;display:flex;gap:8px;margin:16px 0 12px}.section-divider span{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;white-space:nowrap}.section-divider:after,.section-divider:before{background:var(--divider);content:"";flex:1 1;height:1px}.int-card-header{gap:10px;margin-bottom:10px}.int-card-header,.int-logo{align-items:center;display:flex}.int-logo{border-radius:8px;flex-shrink:0;font-weight:800;height:38px;justify-content:center;width:38px}.int-logo,.int-logo-icon{font-size:15px}.int-card-title{font-size:13px;font-weight:700}.int-card-sub{color:var(--text-muted);font-size:10.5px}.int-card-desc{color:var(--text-secondary);font-size:11px;margin-bottom:12px}.danger-item{align-items:center;background:var(--red-bg);border:1px solid var(--red-bg);border-radius:var(--radius-input);display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.danger-item-title{color:var(--red);font-size:11.5px;font-weight:600}.danger-item-desc{color:var(--text-muted);font-size:10px;margin-top:2px}.ip-code{font-family:monospace;font-size:11px}.backup-list-wrap{padding:0 14px}.stat-value-sm{font-size:14px!important}.courier-endpoint-code{background:var(--bg);border-radius:3px;font-family:monospace;font-size:10px;padding:1px 5px}.sku-preview-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:12px;padding:10px 12px}.sku-preview-label{color:var(--text-muted);font-size:9.5px;font-weight:600;letter-spacing:.4px;margin-bottom:6px;text-transform:uppercase}.sku-preview-value{color:var(--accent);font-family:monospace;font-size:12px;font-weight:700}.order-id-preview{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-card);padding:14px}.order-id-preview-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.upload-zone{background:var(--bg);border:2px dashed var(--border);border-radius:var(--radius-card);cursor:pointer;padding:20px;text-align:center;transition:border-color .2s}.upload-zone:hover{border-color:var(--accent)}.upload-zone-icon{display:block;font-size:22px;margin-bottom:6px}.upload-zone-title{color:var(--text-primary);font-size:12px;font-weight:600}.upload-zone-hint{color:var(--text-muted);font-size:10px;margin-top:3px}@media (max-width:768px){.form-row.triple{grid-template-columns:1fr}}.mini-stats.cols-3{grid-template-columns:repeat(3,1fr)}.sort-icon{font-size:8px;margin-left:3px;opacity:.5}.tbl-wrap thead th.sorted .sort-icon{color:var(--accent);opacity:1}.stg-select{min-width:120px}.form-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:10px}.form-row.triple{grid-template-columns:1fr 1fr 1fr}.form-row.single{grid-template-columns:1fr}.form-group{display:flex;flex-direction:column;gap:3px}.form-label{color:var(--text-muted);font-size:9.5px;font-weight:600;letter-spacing:.4px;text-transform:uppercase}.prog-bar{background:var(--divider);border-radius:2px;height:4px;overflow:hidden}.prog-fill{background:var(--accent);border-radius:2px;height:100%}.prog-fill.green{background:var(--green)}.prog-fill.red{background:var(--red)}.status-indicator{align-items:center;border-radius:6px;display:flex;font-size:11px;font-weight:600;gap:6px;padding:8px 12px}.status-indicator.good{background:var(--green-bg);color:var(--green)}.status-indicator.warn{background:var(--yellow-bg);color:var(--yellow)}.status-indicator.bad{background:var(--red-bg);color:var(--red)}.status-dot{border-radius:50%;flex-shrink:0;height:7px;width:7px}.status-dot.good{background:var(--green)}.status-dot.warn{background:var(--yellow)}.status-dot.bad{background:var(--red)}.danger-box{align-items:center;background:var(--red-bg);border:1px solid #fecaca;border-radius:6px;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px;padding:10px 12px}.danger-box:last-child{margin-bottom:0}.danger-box-title{color:var(--red);font-size:11.5px;font-weight:600}.danger-box-desc{color:var(--text-muted);font-size:10px;margin-top:2px}.danger-box.critical{background:#450a0a21;border-color:#991b1b}.danger-box.critical .danger-box-title{color:#991b1b}.empty-state{padding:32px 16px;text-align:center}.empty-state i{color:var(--text-muted);display:block;font-size:28px;margin-bottom:10px}.empty-state h4{color:var(--text-secondary);font-size:13px;font-weight:600;margin-bottom:4px}.empty-state p{color:var(--text-muted);font-size:11px}.sec-modal-backdrop{align-items:center;background:#0006;display:none;inset:0;justify-content:center;position:fixed;z-index:500}.sec-modal-backdrop.open{display:flex}.sec-modal{background:var(--card);border-radius:var(--radius-card);box-shadow:0 4px 16px #0000001a;max-width:400px;padding:20px 24px;width:90%}.sec-modal-title{color:var(--red);font-size:16px;font-weight:800;margin-bottom:8px}.sec-modal-body{color:var(--text-secondary);font-size:11.5px;margin-bottom:14px}.sec-modal-hint{color:var(--text-muted);font-size:10.5px;margin-bottom:10px}.sec-modal-input{border-color:var(--border);margin-bottom:12px;width:100%}.sec-modal-input.error{border-color:var(--red)!important}.checklist-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:1fr 1fr}.checklist-item{align-items:center;border-bottom:1px solid var(--divider);display:flex;gap:8px;padding:7px 4px}@media (max-width:900px){.mini-stats,.mini-stats.cols-3{grid-template-columns:1fr 1fr}.checklist-grid,.detail-grid-2,.detail-grid-3,.settings-grid{grid-template-columns:1fr}}.page-hero{margin-bottom:18px}.page-hero-title{color:var(--text-primary);font-size:22px;font-weight:900;letter-spacing:-.5px;line-height:1.1;margin-bottom:4px}.page-hero-sub{color:var(--text-muted);font-size:11px;font-weight:400}.mini-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.mini-stat{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);padding:11px 13px}.ms-label{color:var(--text-muted);font-size:9.5px;font-weight:500;letter-spacing:.4px;margin-bottom:5px;text-transform:uppercase}.ms-value{color:var(--text-primary);font-size:18px;font-weight:900;letter-spacing:-.5px;line-height:1;margin-bottom:3px}.ms-trend{align-items:center;color:var(--text-muted);display:flex;font-size:9.5px;gap:3px}.ms-trend.up{color:var(--green)}.ms-trend.down{color:var(--red)}.ms-trend.neutral{color:var(--text-muted)}.inner-tabs{border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:14px;overflow-x:auto}.inner-tabs::-webkit-scrollbar{height:2px}.itab{align-items:center;border-bottom:2px solid #0000;color:var(--text-muted);cursor:pointer;display:flex;font-size:10.5px;font-weight:500;gap:5px;margin-bottom:-1px;padding:6px 13px 7px;transition:all .12s;white-space:nowrap}.itab:hover{color:var(--text-primary)}.itab.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:600}.tab-badge-red{background:var(--red-bg);border-radius:8px;color:var(--red);font-size:9px;font-weight:700;line-height:1.4;padding:1px 5px}.alert-strip{align-items:center;border:1px solid;border-radius:5px;display:flex;font-size:10.5px;gap:8px;margin-bottom:12px;padding:8px 12px}.alert-strip.info{background:var(--blue-bg);border-color:#bfdbfe;color:var(--blue)}.alert-strip.warn{background:var(--yellow-bg);border-color:#fde68a;color:var(--yellow)}.alert-strip.danger{background:var(--red-bg);border-color:#fecaca;color:var(--red)}.alert-strip.success{background:var(--green-bg);border-color:#bbf7d0;color:var(--green)}.alert-strip i{flex-shrink:0;font-size:11px}.table-toolbar{border-bottom:1px solid var(--divider);gap:8px;justify-content:space-between;padding:10px 14px}.table-toolbar,.toolbar-left{align-items:center;display:flex;flex-wrap:wrap}.toolbar-left{gap:7px}.t-search,.toolbar-right{align-items:center;display:flex;gap:6px}.t-search{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);height:27px;padding:4px 9px}.t-search i{color:var(--text-muted);font-size:10px}.t-search input{background:#0000;border:none;color:var(--text-primary);font-family:var(--font);font-size:10.5px;outline:none;width:160px}.t-search input::placeholder{color:var(--text-muted)}.t-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font);font-size:10.5px;font-weight:500;gap:5px;height:27px;padding:0 9px;transition:all .12s;white-space:nowrap}.t-btn:hover{background:var(--bg);color:var(--text-primary)}.t-btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.t-btn.primary:hover{background:var(--accent-hover)}.t-btn.active{background:#fff5ee;border-color:var(--accent);color:var(--accent)}.t-btn.danger{background:var(--red-bg);border-color:var(--red);color:var(--red)}.t-btn:disabled{cursor:not-allowed;opacity:.5}.tbl-wrap{overflow-x:auto}.tbl-wrap table{border-collapse:collapse;width:100%}.tbl-wrap thead tr{border-bottom:1px solid var(--divider)}.tbl-wrap thead th{background:#fafafa;color:var(--text-muted);cursor:pointer;font-size:9.5px;font-weight:600;letter-spacing:.5px;padding:7px 11px;text-align:left;text-transform:uppercase;transition:color .12s;-webkit-user-select:none;user-select:none;white-space:nowrap}.tbl-wrap thead th:hover{color:var(--text-primary)}.tbl-wrap thead th.sorted{color:var(--accent)}.tbl-wrap tbody tr{border-bottom:1px solid var(--divider);transition:background .1s}.tbl-wrap tbody tr:last-child{border-bottom:none}.tbl-wrap tbody tr:hover{background:#fafbfc}.tbl-wrap tbody td{color:var(--text-primary);font-size:11px;padding:7px 11px;vertical-align:middle}.td-sub{color:var(--text-muted);font-size:9.5px;margin-top:1px}.td-flex{display:flex;gap:6px}.badge,.td-flex{align-items:center}.badge{border-radius:10px;display:inline-flex;font-size:9.5px;font-weight:600;gap:3px;padding:2px 7px;white-space:nowrap}.badge.green{background:var(--green-bg);color:var(--green)}.badge.red{background:var(--red-bg);color:var(--red)}.badge.yellow{background:var(--yellow-bg);color:var(--yellow)}.badge.blue{background:var(--blue-bg);color:var(--blue)}.badge.gray{background:var(--divider);color:var(--text-secondary)}.badge.orange{background:#fff5ee;color:var(--accent)}.badge.purple{background:var(--purple-bg);color:var(--purple)}.badge.teal{background:var(--teal-bg);color:var(--teal)}.row-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:10px;font-weight:700;height:26px;justify-content:center;width:26px}.tag{align-items:center;border:1px solid var(--border);border-radius:4px;display:inline-flex;font-weight:500;padding:1px 6px;white-space:nowrap}.tag,code.ref{background:var(--bg);color:var(--text-secondary);font-size:9.5px}code.ref{border:1px solid var(--border);border-radius:3px;font-family:monospace;padding:1px 5px}.chip-group{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}.chip{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:10px;font-weight:500;gap:4px;padding:3px 9px;transition:all .12s}.chip.active,.chip:hover{border-color:var(--accent);color:var(--accent)}.chip.active{background:#fff5ee;font-weight:600}.pagination{border-top:1px solid var(--divider);color:var(--text-muted);font-size:10.5px;justify-content:space-between;padding:10px 14px}.pag-controls,.pagination{align-items:center;display:flex}.pag-controls{gap:3px}.pag-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:5px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:var(--font);font-size:10.5px;font-weight:500;height:26px;justify-content:center;min-width:26px;padding:0 5px;transition:all .12s}.pag-btn:hover:not(:disabled){background:var(--bg);color:var(--text-primary)}.pag-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pag-btn:disabled{cursor:not-allowed;opacity:.4}.form-input,.form-select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-primary);font-family:var(--font);font-size:11px;height:28px;outline:none;padding:0 9px}.form-input{transition:border-color .15s}.form-input:focus{border-color:var(--accent)}.toggle-switch{cursor:pointer;flex-shrink:0;height:17px;position:relative;width:32px}.toggle-switch input{display:none}.toggle-track{background:var(--divider);border-radius:17px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.toggle-track:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;content:"";height:13px;left:2px;position:absolute;top:2px;transition:left .2s;width:13px}.toggle-switch input:checked+.toggle-track{background:var(--accent)}.toggle-switch input:checked+.toggle-track:after{left:17px}.settings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:14px}.settings-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);margin-bottom:14px;overflow:hidden}.settings-section:last-child{margin-bottom:0}.settings-section-head{align-items:center;border-bottom:1px solid var(--divider);color:var(--text-primary);display:flex;font-size:11px;font-weight:700;gap:6px;padding:9px 13px}.settings-section-head i{color:var(--text-muted);font-size:10px}.settings-section-body{padding:10px 13px}.stg-row{align-items:center;border-bottom:1px solid var(--divider);display:flex;gap:10px;justify-content:space-between;padding:7px 0}.stg-row:last-child{border-bottom:none}.stg-key{color:var(--text-secondary);font-size:10.5px;font-weight:500}.stg-desc{color:var(--text-muted);font-size:9.5px;margin-top:1px}.stg-input{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--font);font-size:10.5px;height:26px;outline:none;padding:0 8px;width:90px}.stg-input:focus{border-color:var(--accent)}.stg-select{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--font);font-size:10.5px;height:26px;min-width:130px;outline:none;padding:0 8px}.list-item{align-items:flex-start;border-bottom:1px solid var(--divider);display:flex;gap:8px;padding:7px 0}.list-item:last-child{border-bottom:none}.list-icon{align-items:center;background:var(--bg);border-radius:6px;display:flex;flex-shrink:0;font-size:11px;height:28px;justify-content:center;width:28px}.list-content{flex:1 1;min-width:0}.list-title{color:var(--text-primary);font-size:11.5px;font-weight:500}.list-meta{color:var(--text-muted);font-size:10px;margin-top:1px}.list-right{flex-shrink:0;text-align:right}.detail-row{border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;padding:6px 0}.detail-row:last-child{border-bottom:none}.detail-key{color:var(--text-muted);font-size:10.5px;font-weight:500}.detail-val{color:var(--text-primary);font-size:11px;font-weight:500;text-align:right}.detail-grid-2{grid-gap:14px;grid-template-columns:1fr 1fr}.detail-grid-2,.detail-grid-3{display:grid;gap:14px;margin-bottom:14px}.detail-grid-3{grid-gap:14px;grid-template-columns:1fr 1fr 1fr}.overlay{background:var(--card);border-left:1px solid var(--border);bottom:0;box-shadow:0 4px 16px #0000001a;display:none;flex-direction:column;position:fixed;right:0;top:0;width:440px;z-index:400}.overlay.open{display:flex}.overlay-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:13px 16px}.overlay-title{color:var(--text-primary);font-size:13px;font-weight:800}.overlay-body{flex:1 1;overflow-y:auto;padding:14px 16px}.overlay-body::-webkit-scrollbar{width:3px}.overlay-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.overlay-action-title{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.4;margin-bottom:12px}.overlay-section-label{color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.4px;margin-bottom:8px;text-transform:uppercase}.overlay-detail-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-input);color:var(--text-secondary);font-size:11px;line-height:1.6;padding:10px 12px}.backdrop{background:#00000026;display:none;inset:0;position:fixed;z-index:399}.backdrop.open{display:block}.close-btn{align-items:center;background:var(--card);border:1px solid var(--border);border-radius:5px;color:var(--text-muted);cursor:pointer;display:flex;font-size:12px;height:28px;justify-content:center;width:28px}.close-btn:hover{background:var(--bg)}.audit-prog-bar{background:var(--divider);border-radius:2px;flex:1 1;height:5px;overflow:hidden}.audit-prog-fill{background:var(--accent);border-radius:2px;height:100%}.hourly-bar{border-radius:3px 3px 0 0;opacity:.85;transition:opacity .2s}.hourly-bar:hover{opacity:1}.spark-bar-wrap{align-items:flex-end;display:flex;gap:3px;height:48px}.spark-bar{border-radius:3px 3px 0 0;cursor:pointer;flex:1 1;min-width:6px;transition:opacity .2s}.spark-bar:hover{opacity:.75}.spark-labels{color:var(--text-muted);display:flex;font-size:9px;justify-content:space-between;margin-top:6px}.ic-orange{color:var(--accent)}.ic-green{color:var(--green)}.ic-red{color:var(--red)}.ic-yellow{color:var(--yellow)}.ic-blue{color:var(--blue)}.ic-muted{color:var(--text-muted)}.ic-purple{color:var(--purple)}.ic-teal{color:var(--teal)}hr{border:none;border-top:1px solid var(--divider);margin:12px 0}@media (max-width:900px){.mini-stats{grid-template-columns:1fr 1fr}.detail-grid-2,.detail-grid-3,.settings-grid{grid-template-columns:1fr}.overlay{border-left:none;border-top:1px solid var(--border);width:100%}}
/*# sourceMappingURL=main.fbea9a63.css.map*/