:root{--bg-primary:#161616;--bg-surface:#262626;--bg-elevated:#393939;--border:#393939;--border-strong:#525252;--text-primary:#F4F4F4;--text-secondary:#C6C6C6;--text-tertiary:#8D8D8D;--text-disabled:#6F6F6F;--accent:#0F62FE;--accent-soft:rgba(15,98,254,0.15);--success:#42BE65;--success-bg:rgba(66,190,101,0.12);--danger:#DA1E28;--danger-text:#FA4D56;--danger-bg:rgba(218,30,40,0.12);--amber:#F1C21B;--amber-bg:rgba(241,194,27,0.12);--bg-hover:rgba(141,141,141,0.12);--bg-active:rgba(141,141,141,0.20);--font-ui:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Cascadia Code",Consolas,monospace;--font-xs:11px;--font-sm:12px;--font-base:14px;--font-lg:16px;--font-kpi:28px;--font-hero:36px;--fw-regular:400;--fw-semibold:600;--fw-bold:700;--label-tracking:0.32px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--border-radius-card:0px;--border-radius-badge:8px;--border-radius-btn:0px;--btn-height-md:40px;--btn-height-sm:32px;--btn-padding-x:16px;--header-height:48px;--col-left-width:220px;--col-left-width-xl:240px;--content-max-width:1100px;--col-gap:20px;--bp-sm:320px;--bp-md:672px;--bp-lg:1056px;--bp-xl:1312px;--bp-max:1584px;--container-padding-sm:16px;--container-padding-md:24px;--container-padding-lg:32px;--gap-sm:12px;--gap-md:16px;--gap-lg:20px;--gap-xl:28px;--transition-color:200ms ease;--transition-fade:300ms ease;--transition-fill:1000ms linear;--transition-pulse-duration:1.5s;--color-bg:var(--bg-primary);--color-bg-elevated:var(--bg-elevated);--color-surface:var(--bg-surface);--color-surface-2:var(--bg-elevated);--color-border:var(--border);--color-border-strong:var(--border-strong);--color-text:var(--text-primary);--color-text-soft:var(--text-secondary);--color-text-muted:var(--text-tertiary);--color-text-faint:var(--text-disabled);--color-accent:var(--accent);--color-accent-soft:var(--accent-soft);--color-green:var(--success);--color-green-bg:var(--success-bg);--color-amber:var(--amber);--color-amber-bg:var(--amber-bg);--color-red:var(--danger);--color-red-bg:var(--danger-bg);--color-red-border:var(--danger-text)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--font-base);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{background-color:var(--bg-primary);color:var(--text-primary)}body{min-height:100vh;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre{font-family:var(--font-mono)}[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}[role=button]:focus:not(:focus-visible),a:focus:not(:focus-visible),button:focus:not(:focus-visible){outline:none}.kpi-value-transition{transition:color var(--transition-color)}.status-card-transition{transition:border-left-color var(--transition-color)}@keyframes pulseGreen{0%,to{box-shadow:0 0 0 0 rgba(66,190,101,.4)}50%{box-shadow:0 0 0 4px rgba(66,190,101,0)}}@keyframes pulseAmber{0%,to{box-shadow:0 0 0 0 rgba(241,194,27,.4)}50%{box-shadow:0 0 0 4px rgba(241,194,27,0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.platform{--bg:#0a0e14;--surface:#111722;--elevated:#1a2130;--border:#232c3d;--border-soft:#1b2432;--border-hover:#2e3a4f;--text-primary:#e8edf4;--text-secondary:#9aa6b8;--text-tertiary:#667085;--accent:#38bdf8;--accent-dim:rgba(56,189,248,0.12);--accent-glow:rgba(56,189,248,0.28);--amber:#f59e0b;--amber-dim:rgba(245,158,11,0.12);--red:#f87171;--red-dim:rgba(248,113,113,0.12);--radius-card:10px;--radius-btn:7px;--radius-chip:5px;--mono:ui-monospace,"SF Mono",Menlo,"Cascadia Code",Consolas,monospace;--sidebar-w:220px;--sidebar-collapsed:60px;--transition:200ms cubic-bezier(0.4,0,0.2,1);--bg-primary:#0a0e14;--bg-surface:#111722;--bg-elevated:#1a2130;--border-strong:#2e3a4f;--text-disabled:#4b5563;--accent-soft:rgba(56,189,248,0.15);--success:#34d399;--success-bg:rgba(52,211,153,0.12);--danger:#f87171;--danger-text:#fca5a5;--danger-bg:rgba(248,113,113,0.12);--amber-bg:rgba(245,158,11,0.12);--bg-hover:rgba(148,163,184,0.10);--bg-active:rgba(148,163,184,0.16);background:var(--bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}.platform .shell{display:flex;min-height:100vh}.platform .sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:200;transition:width var(--transition),transform var(--transition);overflow:hidden}.platform .sidebar.collapsed{width:var(--sidebar-collapsed)}.platform .sidebar-brand{display:flex;align-items:center;gap:10px;padding:18px 14px 16px;border-bottom:1px solid var(--border);min-height:60px;overflow:hidden}.platform .sidebar-brand .brand-icon{width:30px;height:30px;background:var(--accent-dim);border:1px solid var(--accent-glow);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent)}.platform .sidebar-brand .brand-name{font-size:15px;font-weight:700;color:var(--text-primary);white-space:nowrap;letter-spacing:-.3px;transition:opacity var(--transition)}.platform .sidebar.collapsed .brand-name{opacity:0;pointer-events:none}.platform .sidebar-toggle{position:absolute;top:16px;right:-12px;width:24px;height:24px;background:var(--elevated);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:color var(--transition),background var(--transition);z-index:10;cursor:pointer}.platform .sidebar-toggle:hover{background:var(--border);color:var(--text-primary)}.platform .sidebar-toggle svg{transition:transform var(--transition)}.platform .sidebar.collapsed .sidebar-toggle svg{transform:rotate(180deg)}.platform .sidebar-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:10px 0;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.platform .sidebar-nav::-webkit-scrollbar{width:4px}.platform .sidebar-nav::-webkit-scrollbar-track{background:transparent}.platform .sidebar-nav::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.platform .nav-section-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary);padding:12px 16px 4px;white-space:nowrap;transition:opacity var(--transition)}.platform .nav-section-label--spaced{margin-top:6px}.platform .sidebar.collapsed .nav-section-label{opacity:0}.platform .nav-item{display:flex;align-items:center;gap:10px;padding:9px 14px;color:var(--text-secondary);font-size:13.5px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background var(--transition),color var(--transition);position:relative;margin:1px 8px;border-radius:var(--radius-btn);text-decoration:none}.platform .nav-item:hover{background:var(--elevated);color:var(--text-primary)}.platform .nav-item.active{background:var(--accent-dim);color:var(--accent)}.platform .nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 2px 2px 0}.platform .nav-item svg{flex-shrink:0}.platform .nav-item .nav-label{transition:opacity var(--transition);overflow:hidden}.platform .sidebar.collapsed .nav-label{opacity:0}.platform .sidebar.collapsed .nav-item:hover:after{content:attr(data-label);position:absolute;left:calc(var(--sidebar-collapsed) - 4px);top:50%;transform:translateY(-50%);background:var(--elevated);border:1px solid var(--border);color:var(--text-primary);padding:5px 10px;border-radius:var(--radius-btn);font-size:12px;white-space:nowrap;pointer-events:none;z-index:300;box-shadow:0 4px 12px rgba(0,0,0,.4)}.platform .sidebar-foot{border-top:1px solid var(--border);padding:12px 8px;overflow:hidden}.platform .sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-btn);transition:background var(--transition)}.platform .user-avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#0c2233,#38bdf8);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--bg);flex-shrink:0}.platform .user-email{font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity var(--transition);min-width:0}.platform .sidebar.collapsed .user-email{opacity:0}.platform .sidebar-logout{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-btn);color:var(--text-tertiary);font-size:13px;font-weight:500;cursor:pointer;transition:background var(--transition),color var(--transition);white-space:nowrap;margin-top:2px;background:none;border:none;width:100%;text-align:left;font-family:inherit}.platform .sidebar-logout:hover{background:var(--red-dim);color:var(--red)}.platform .sidebar.collapsed .sidebar-logout .nav-label{opacity:0}.platform .content{margin-left:var(--sidebar-w);flex:1 1;min-width:0;min-height:100vh;transition:margin-left var(--transition)}.platform .shell.is-collapsed .content{margin-left:var(--sidebar-collapsed)}.platform .topbar{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--surface);border-bottom:1px solid var(--border);align-items:center;padding:0 16px;gap:12px;z-index:180}.platform .topbar-brand{font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.platform .hamburger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);border-radius:var(--radius-btn);transition:background var(--transition),color var(--transition);background:none;border:none;cursor:pointer;font-family:inherit}.platform .hamburger:hover{background:var(--elevated);color:var(--text-primary)}.platform .overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:190;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width:900px){.platform .sidebar{transform:translateX(-100%);width:var(--sidebar-w)!important;box-shadow:4px 0 24px rgba(0,0,0,.5)}.platform .shell.drawer-open .sidebar{transform:translateX(0)}.platform .sidebar-toggle{display:none}.platform .topbar{display:flex}.platform .content{margin-left:0!important;padding-top:56px}}@media (min-width:901px){.platform .overlay{display:none!important}}.platform .btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:var(--radius-btn);font-size:13.5px;font-weight:600;transition:all var(--transition);border:1px solid transparent;cursor:pointer;line-height:1;font-family:inherit;text-decoration:none}.platform .btn.btn-primary{background:var(--accent);color:#041520;border-color:var(--accent)}.platform .btn.btn-primary:hover{background:#29aee6;border-color:#29aee6;box-shadow:0 0 0 3px var(--accent-glow)}.platform .btn.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.platform .btn.btn-ghost:hover{background:var(--elevated);color:var(--text-primary)}.platform .btn.btn-sm{padding:7px 13px;font-size:12.5px}.platform .btn:disabled{opacity:.5;cursor:not-allowed}.platform .input{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-btn);padding:10px 13px;font-size:13.5px;color:var(--text-primary);outline:none;transition:border-color var(--transition),box-shadow var(--transition);font-family:inherit}.platform .input::placeholder{color:var(--text-tertiary)}.platform .input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.platform .input:hover:not(:focus){border-color:var(--border-hover)}.platform .select{width:100%;background:var(--elevated);border:1px solid var(--border);border-radius:var(--radius-btn);padding:10px 32px 10px 13px;font-size:13.5px;color:var(--text-primary);outline:none;cursor:pointer;transition:border-color var(--transition),box-shadow var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b6f78' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;font-family:inherit}.platform .select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.platform .select:hover:not(:focus){border-color:var(--border-hover)}.platform .field{display:flex;flex-direction:column;gap:6px}.platform .field>label{display:block;font-size:12.5px;font-weight:600;color:var(--text-secondary);letter-spacing:.01em}.platform .card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:22px;transition:border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.platform .card:hover{border-color:var(--border-hover)}.platform .chip{display:inline-flex;align-items:center;padding:3px 8px;border-radius:var(--radius-chip);font-size:11px;font-weight:600;font-family:var(--mono);letter-spacing:.03em;background:var(--accent-dim);color:var(--accent);border:1px solid rgba(56,189,248,.25)}.platform .muted{color:var(--text-tertiary);font-size:12.5px}.platform .error-banner{background:var(--red-dim);border:1px solid rgba(248,113,113,.25);color:var(--red);border-radius:var(--radius-btn);padding:10px 14px;font-size:13px;font-weight:500}