:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f3f6fb;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100vh}body{margin:0}:root{--color-canvas:#f5f6fb;--color-surface:#fff;--color-surface-muted:#f8f9fd;--color-surface-raised:#eef3ff;--color-border:#e4e8f2;--color-border-strong:#d6deef;--color-text:#151927;--color-text-muted:#68758b;--color-text-subtle:#98a3b6;--color-primary:#2563eb;--color-primary-soft:#eaf0ff;--color-accent:#f97316;--color-success:#14b8a6;--color-success-soft:#e7fbf6;--color-danger:#ef4444;--color-danger-soft:#fef2f2;--color-chart-muted:#d7deec;--shadow-panel:0 16px 36px #252f4a0d;--shadow-focus:0 0 0 3px #2563eb1f;--shadow-active:0 10px 24px #2563eb24;--radius-sm:6px;--radius-md:8px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--control-sm:32px;--control-md:40px;--control-lg:48px;--sidebar-width:248px;--font-xs:11px;--font-sm:12px;--font-md:13px;--font-lg:15px;--font-xl:22px;--font-display:30px}*{box-sizing:border-box}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--color-canvas);min-height:100vh;color:var(--color-text);display:grid}.login-shell{min-height:100vh;padding:var(--space-6);background:linear-gradient(135deg, #2563eb14, #14b8a614), var(--color-canvas);place-items:center;display:grid}.login-panel{gap:var(--space-6);width:min(100%,420px);padding:var(--space-7);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);display:grid;box-shadow:0 18px 50px #0f172a14}.loading-panel{place-items:center;width:108px}.login-brand,.brand-row,.topbar,.hero-row,.topbar-actions,.hero-actions,.user-chip,.chart-summary,.chart-legend,.panel-header,.record-note,.account-tile{align-items:center;display:flex}.login-brand{gap:var(--space-3);color:var(--color-text);font-weight:800}.login-panel h1,.hero-row h1{color:var(--color-text);letter-spacing:0;margin:0}.login-panel h1{font-size:28px;line-height:1.12}.login-form{gap:var(--space-4);display:grid}.login-form label,.login-form label span{gap:var(--space-2);display:grid}.login-form label span{color:var(--color-text);font-size:var(--font-md);font-weight:800}.input-wrap{min-height:var(--control-lg);align-items:center;gap:var(--space-3);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-muted);grid-template-columns:18px 1fr;display:grid}.input-wrap:focus-within{border-color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow-focus)}.input-wrap input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.login-error{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-danger-soft);color:#b91c1c;font-size:var(--font-md);margin:0;font-weight:700}.login-submit{width:100%;min-height:var(--control-lg);justify-content:center}.login-submit:disabled{cursor:wait;opacity:.72}.sidebar{gap:var(--space-6);height:100vh;padding:var(--space-7) var(--space-5);border-right:1px solid var(--color-border);background:#ffffffc7;flex-direction:column;display:flex;position:sticky;top:0}.brand-row{min-height:var(--control-md);justify-content:space-between}.wordmark{color:var(--color-text);font-size:var(--font-xl);letter-spacing:0;font-weight:900}.brand-mark{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);color:var(--color-surface);background:#111827;place-items:center;font-weight:800;display:grid}.icon-ghost,.panel-header button{color:var(--color-text-muted);cursor:pointer;font:inherit;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.icon-ghost{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md)}.icon-ghost:hover{background:var(--color-primary-soft);color:var(--color-primary)}.nav-list{gap:var(--space-2);display:grid}.nav-sectioned{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.section-label{margin:0 var(--space-4) var(--space-2);color:var(--color-text-subtle);font-size:var(--font-xs);text-transform:uppercase;font-weight:800;display:block}.nav-item,.primary-button,.hero-actions button,.project-picker-trigger,.project-option{font:inherit;cursor:pointer;border:0}.nav-item{min-height:var(--control-md);align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-md);color:#4f5c73;text-align:left;background:0 0;font-size:14px;font-weight:750;display:flex}.nav-item.active{background:var(--color-primary-soft);color:var(--color-primary)}.account-tile{justify-content:space-between;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-surface);margin-top:auto}.account-tile strong,.account-tile span,.user-chip strong,.user-chip small,.compact-row strong,.compact-row small,.panel-header span,.record-note span,.table-row strong{display:block}.account-tile span{margin-top:var(--space-1);color:#ffffffb8;font-size:var(--font-sm)}.account-tile .icon-ghost{color:var(--color-surface)}.content{min-width:0;padding:var(--space-7)}.topbar{justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-7)}.search-box{width:min(100%,420px);min-height:var(--control-lg);align-items:center;gap:var(--space-3);padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--color-text-subtle);font-size:var(--font-md);background:#edeff6;display:flex}.search-box kbd{padding:2px var(--space-2);border-radius:var(--radius-sm);background:var(--color-surface);color:#424b5f;font:inherit;font-weight:800}.icon-strip{gap:var(--space-2)}.user-chip{gap:var(--space-3);min-height:var(--control-lg);padding-left:var(--space-2)}.user-chip>span{border-radius:var(--radius-md);background:var(--color-primary);width:34px;height:34px;color:var(--color-surface);place-items:center;font-weight:900;display:grid}.user-chip strong{color:var(--color-text);font-size:var(--font-md)}.user-chip small{color:var(--color-text-subtle);font-size:var(--font-xs)}.hero-row{justify-content:space-between;gap:var(--space-6);margin-bottom:var(--space-5)}.hero-row h1{font-size:var(--font-display);line-height:1.1}.hero-row p{margin:var(--space-2) 0 0;color:var(--color-text-subtle);font-size:var(--font-sm);text-transform:uppercase;font-weight:800}.hero-actions{gap:var(--space-3)}.hero-actions button,.primary-button{min-height:var(--control-md);align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);box-shadow:inset 0 0 0 1px var(--color-border);font-size:var(--font-md);font-weight:850;display:inline-flex}.hero-actions .date-button{color:var(--color-primary);box-shadow:inset 0 0 0 1px #9fb6ff, var(--shadow-active)}.primary-button{background:var(--color-primary);color:var(--color-surface);box-shadow:none}.project-picker{margin-bottom:var(--space-5);position:relative}.project-picker-trigger{align-items:center;gap:var(--space-3);width:100%;min-height:72px;padding:0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);text-align:left;box-shadow:var(--shadow-panel);grid-template-columns:12px minmax(0,1fr) auto 18px;display:grid}.project-picker-trigger:hover{border-color:var(--color-border-strong)}.project-picker-trigger small{margin-bottom:var(--space-1);color:var(--color-text-subtle);font-size:var(--font-xs);text-transform:uppercase;font-weight:800;display:block}.project-picker-trigger strong,.project-option strong,.compact-row strong,.table-row strong{color:var(--color-text);display:block}.project-picker-trigger em,.project-option small,.compact-row small,.panel-header span,.record-note span{color:var(--color-text-subtle);font-size:var(--font-sm);font-style:normal;display:block}.project-picker-trigger b,.project-option em{color:var(--color-primary);font-style:normal;font-weight:900}.project-picker-menu{z-index:20;top:calc(100% + var(--space-2));width:min(100%,520px);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);position:absolute;left:0;box-shadow:0 22px 56px #252f4a24}.project-picker-search{min-height:var(--control-md);align-items:center;gap:var(--space-2);padding:0 var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);color:var(--color-text-subtle);grid-template-columns:18px 1fr;display:grid}.project-picker-search input{width:100%;color:var(--color-text);font:inherit;background:0 0;border:0;outline:0}.project-picker-meta{padding:var(--space-3) var(--space-3) var(--space-2);color:var(--color-text-subtle);font-size:var(--font-xs);text-transform:uppercase;justify-content:space-between;font-weight:800;display:flex}.project-picker-list{gap:var(--space-1);max-height:320px;padding-right:var(--space-1);display:grid;overflow-y:auto}.project-option{align-items:center;gap:var(--space-3);min-height:56px;padding:0 var(--space-4);border-radius:var(--radius-md);color:var(--color-text);text-align:left;background:0 0;grid-template-columns:12px minmax(0,1fr) auto;display:grid}.project-option.active{background:var(--color-surface-raised);box-shadow:inset 0 0 0 1px #d8e3ff}.project-dot{border-radius:50%;width:10px;height:10px}.project-empty{padding:var(--space-4);color:var(--color-text-subtle);font-size:var(--font-sm);margin:0}.dashboard-grid{gap:var(--space-4);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.panel{min-height:210px;padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-panel)}.main-chart-panel{grid-column:span 6;min-height:348px}.donut-panel,.ctr-panel{grid-column:span 3}.clusters-panel,.pipeline-panel,.activity-panel{grid-column:span 4}.wide-table{grid-column:span 8}.cron-panel{grid-column:span 4}.panel-header{justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.panel-header h2{color:var(--color-text);font-size:var(--font-lg);margin:0;line-height:1.2}.panel-header button{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-md)}.chart-summary{gap:var(--space-4);margin-bottom:var(--space-3)}.chart-summary>div:nth-child(2){min-width:150px}.chart-summary span{color:var(--color-text-subtle);font-size:var(--font-sm);font-weight:750;display:block}.chart-summary strong{margin-top:var(--space-1);color:var(--color-text);font-size:19px;display:block}.chart-summary em{align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);background:var(--color-success);color:var(--color-surface);font-size:var(--font-xs);padding:5px 9px;font-style:normal;font-weight:900;display:inline-flex}.chart-legend{gap:var(--space-5);margin-left:auto}.chart-legend span{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-xs);display:inline-flex}.chart-legend i,.legend-list i{background:var(--color-primary);border-radius:50%;width:7px;height:7px}.chart-legend .muted{background:var(--color-chart-muted)}.metric-icon,.note-icon{width:var(--control-md);height:var(--control-md);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);flex:none;place-items:center;display:grid}.line-chart{width:100%;height:260px}.line-chart svg{width:100%;height:100%;display:block}.grid-line{stroke:#edf0f6;stroke-dasharray:4 5}.previous-line,.current-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.previous-line{stroke:#d3d9e8;stroke-width:2px;stroke-dasharray:7 7}.current-line{stroke-width:4px}.hover-line{stroke:#d9dfeb;stroke-width:1px}.peak-dot{stroke:var(--color-surface);stroke-width:3px}.chart-tooltip rect{fill:#172033}.chart-tooltip text:first-of-type{fill:var(--color-surface);font-size:var(--font-sm);font-weight:900}.chart-tooltip text:last-of-type{fill:#aab4c7;font-size:9px}.line-chart text{fill:var(--color-text-subtle);font-size:10px;font-weight:700}.donut-content{gap:var(--space-4);display:grid}.donut-wrap{place-items:center;display:grid;position:relative}.compact-donut{height:150px}.donut-chart{width:126px;height:126px;box-shadow:inset 0 0 0 18px var(--color-surface);border-radius:50%}.donut-center{gap:var(--space-1);text-align:center;place-content:center;display:grid;position:absolute;inset:0}.donut-center strong{color:var(--color-text);font-size:var(--font-xl);line-height:1}.donut-center span{color:var(--color-text-subtle);font-size:var(--font-xs);font-weight:800;display:block}.legend-list{gap:var(--space-3);display:grid}.legend-list span{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-sm);grid-template-columns:8px 1fr auto;display:grid}.legend-list strong{color:var(--color-text)}.record-note{gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted)}.record-note strong{color:var(--color-text);font-size:var(--font-md);display:block}.note-icon{background:var(--color-success-soft);width:34px;height:34px;color:var(--color-success)}.warning-note .note-icon{background:var(--color-primary-soft);color:var(--color-primary)}.ctr-gap-list,.pipeline-list{gap:var(--space-3);display:grid}.ctr-gap-row,.pipeline-row{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-sm);font-weight:750;display:grid}.ctr-gap-row{grid-template-columns:minmax(0,1fr)}.ctr-gap-row span{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ctr-gap-row div,.pipeline-row div:nth-child(3){border-radius:var(--radius-pill);background:#edf1f8;height:10px;overflow:hidden}.ctr-gap-row i,.pipeline-row i{border-radius:inherit;background:var(--color-primary);height:100%;display:block}.ctr-gap-row em{color:var(--color-text-subtle);font-size:var(--font-xs);font-style:normal}.country-bars{gap:var(--space-3);display:grid}.country-row{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--font-sm);grid-template-columns:100px minmax(0,1fr) 44px;font-weight:750;display:grid}.country-row div{border-radius:var(--radius-pill);background:#edf1f8;height:12px;overflow:hidden}.country-row i{border-radius:inherit;height:100%;display:block}.country-row em{color:#7b8496;text-align:right;font-style:normal}.pipeline-row{grid-template-columns:12px 76px minmax(0,1fr) 28px}.pipeline-dot{background:#edf1fb;border-radius:50%;width:10px;height:10px}.pipeline-row span{color:var(--color-text)}.pipeline-row em{color:var(--color-text-muted);text-align:right;font-style:normal}.pipeline-dot.level-1{background:#edf1fb}.pipeline-dot.level-2{background:#dfe7fb}.pipeline-dot.level-3{background:#b7c9fb}.pipeline-dot.level-4{background:#7ea2f7}.pipeline-dot.level-5{background:#3f73ed}.pipeline-dot.level-6{background:#2457d6}.table-list,.stack-list{gap:var(--space-2);display:grid}.table-row{align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-2) 0;border-bottom:1px solid #eef1f6;grid-template-columns:92px minmax(140px,1fr) 1.4fr 74px;display:grid}.table-row p{color:#7b8496;font-size:var(--font-sm);margin:0}.pill,.priority,.compact-row em{min-height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-text-muted);font-size:var(--font-xs);background:#f1f4f9;justify-content:center;align-items:center;font-style:normal;font-weight:900;display:inline-flex}.priority.high,.status-ok{color:#15803d;background:#dcfce7}.compact-stack{gap:var(--space-1)}.compact-row{min-height:var(--control-lg);align-items:center;gap:var(--space-3);padding:var(--space-2) 0;color:var(--color-primary);border-bottom:1px solid #eef1f6;grid-template-columns:20px minmax(0,1fr) auto;display:grid}.compact-row strong{font-size:var(--font-md);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:relative}.main-chart-panel,.donut-panel,.ctr-panel,.clusters-panel,.pipeline-panel,.activity-panel,.wide-table,.cron-panel{grid-column:span 12}}@media (width<=720px){:root{--font-display:25px}.sidebar{gap:var(--space-4);padding:var(--space-5)}.sidebar .nav-list:first-of-type{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-sectioned,.account-tile{display:none}.content{padding:var(--space-5)}.topbar,.hero-row,.hero-actions{flex-direction:column;align-items:stretch}.search-box{width:100%}.project-picker-menu{width:100%;margin-top:var(--space-2);position:static}.chart-summary{flex-direction:column;align-items:flex-start}.chart-legend{margin-left:0}.table-row,.country-row{grid-template-columns:1fr}}