:root{--s-1: 4px;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px;--s-7: 32px;--s-8: 40px;--s-9: 56px;--r-card: 26px;--r-tile: 22px;--r-inner: 16px;--r-control: 14px;--r-control-s: 11px;--r-pill: 999px;--bg: #f3f3f6;--side: #ebebf0;--card: #ffffff;--card-2: #f5f5f8;--field: #f1f1f5;--field-hover: #eaeaf0;--well: #dfdfe7;--knob: #ffffff;--text: #1c1c21;--muted: #62626d;--faint: #8c8c97;--line: rgba(24, 24, 48, .08);--accent: #5b5bd6;--accent-strong: #4a4ac6;--accent-soft: #eeeefc;--accent-softer: #f5f5fe;--accent-ring: rgba(91, 91, 214, .3);--on-accent: #ffffff;--green: #17803f;--green-soft: #e3f4e9;--amber: #955406;--amber-soft: #fcf1da;--red: #cf2f2b;--red-soft: #fdeaea;--on-red: #ffffff;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04), 0 6px 22px rgba(16, 24, 40, .055);--shadow-float: 0 10px 30px rgba(16, 24, 40, .16);--shadow-dock: 0 2px 6px rgba(16, 24, 40, .05), 0 12px 32px rgba(16, 24, 40, .12);--backdrop: rgba(20, 20, 36, .28);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--ease: cubic-bezier(.2, 0, 0, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--spring: cubic-bezier(.3, 1.35, .5, 1);--t-1: .12s;--t-2: .2s;--t-3: .36s;--side-w: 300px;--head-h: 60px;color-scheme:light}:root[data-theme=dark]{--bg: #0b0b0e;--side: #0f0f13;--card: #17171c;--card-2: #1d1d23;--field: #222229;--field-hover: #2a2a32;--well: #34343e;--knob: #33333d;--text: #f2f2f5;--muted: #a3a3ad;--faint: #777782;--line: rgba(255, 255, 255, .075);--accent: #8d8dff;--accent-strong: #a3a3ff;--accent-soft: #25254a;--accent-softer: #1d1d36;--accent-ring: rgba(141, 141, 255, .4);--on-accent: #0f0f24;--green: #4fd184;--green-soft: #12301f;--amber: #f5b83d;--amber-soft: #33280e;--red: #ff7b75;--red-soft: #3a1717;--on-red: #2b0908;--shadow-card: none;--shadow-float: 0 10px 30px rgba(0, 0, 0, .5);--shadow-dock: 0 0 0 1px rgba(255, 255, 255, .06), 0 12px 32px rgba(0, 0, 0, .5);--backdrop: rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box;corner-shape:superellipse(1.5)}.badge,.dot,.pill{corner-shape:superellipse(2)}html{-webkit-text-size-adjust:100%;background:var(--bg);height:100%}body{margin:0;height:100%;font:15px/1.5 var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-strong)}h1,h2,h3{margin:0;font-weight:640;letter-spacing:-.01em}input,button,select,textarea{font:inherit;color:inherit}.shell{display:grid;grid-template-columns:var(--side-w) 1fr;height:100%}.sidebar{background:var(--side);padding:var(--s-5) var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3) var(--s-6)}.brand .logo{width:34px;height:34px;border-radius:var(--r-control);background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-weight:800;box-shadow:var(--shadow-card)}.brand .name{font-weight:680;letter-spacing:-.02em;font-size:16px}.nav-item{display:flex;align-items:center;gap:var(--s-3);padding:var(--s-3) var(--s-3);border-radius:var(--r-control);color:var(--muted);cursor:pointer;transition:background var(--t-2) var(--ease),color var(--t-2) var(--ease)}.nav-item:hover{background:var(--field-hover);color:var(--text)}.nav-item.active{background:var(--card);color:var(--text);box-shadow:var(--shadow-card)}.sidebar .spacer{flex:1}.mobile-topbar,.backdrop{display:none}.main{overflow-y:auto}.topbar{height:var(--head-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--s-7);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10}.content{padding:var(--s-7);max-width:1200px;margin:0 auto}.content.wide{max-width:1480px}.card{background:var(--card);border-radius:var(--r-card);padding:var(--s-6);box-shadow:var(--shadow-card)}.card+.card{margin-top:var(--s-5)}.tile{background:var(--card-2);border-radius:var(--r-tile);padding:var(--s-5)}.row{display:flex;align-items:center;gap:var(--s-3)}.col{display:flex;flex-direction:column;gap:var(--s-3)}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.muted{color:var(--muted)}.faint{color:var(--faint)}.mono{font-family:var(--mono);font-size:.92em}.grid{display:grid;gap:var(--s-5)}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--s-4)}.kpi{background:var(--card-2);border-radius:var(--r-tile);padding:var(--s-5)}.kpi .n{font-size:26px;font-weight:720;letter-spacing:-.02em}.kpi .l{color:var(--muted);font-size:13px;margin-top:2px}.section-title{font-size:13px;font-weight:640;color:var(--faint);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--s-3)}.btn{display:inline-flex;align-items:center;gap:var(--s-2);padding:10px var(--s-5);border:none;border-radius:var(--r-control);background:var(--field);color:var(--text);font-weight:560;cursor:pointer;transition:background var(--t-2) var(--ease),transform var(--t-2) var(--spring),box-shadow var(--t-2) var(--ease)}.btn:hover{background:var(--field-hover)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:var(--on-accent)}.btn.primary:hover{background:var(--accent-strong)}.btn.ghost{background:transparent}.btn.ghost:hover{background:var(--field-hover)}.btn.danger{background:var(--red-soft);color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:6px var(--s-3);font-size:13px;border-radius:var(--r-control-s)}.field{width:100%;padding:11px var(--s-4);background:var(--field);border:none;border-radius:var(--r-control);outline:none;transition:box-shadow var(--t-2) var(--ease),background var(--t-2) var(--ease)}.field::placeholder{color:var(--faint)}.field:focus{box-shadow:0 0 0 3px var(--accent-ring);background:var(--card)}label.lbl{font-size:13px;color:var(--muted);font-weight:560;margin-bottom:6px;display:block}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);background:var(--field);color:var(--muted);font-size:12.5px;font-weight:560}.pill.accent{background:var(--accent-soft);color:var(--accent-strong)}.badge{display:inline-flex;align-items:center;padding:3px 9px;border-radius:9px;font-size:11.5px;font-weight:640;text-transform:uppercase;letter-spacing:.03em}.badge.info{background:var(--field);color:var(--muted)}.badge.low{background:var(--accent-soft);color:var(--accent-strong)}.badge.medium{background:var(--amber-soft);color:var(--amber)}.badge.high{background:var(--red-soft);color:var(--red)}.badge.critical{background:var(--red);color:var(--on-red)}.badge.done{background:var(--green-soft);color:var(--green)}.badge.running{background:var(--amber-soft);color:var(--amber)}.badge.queued{background:var(--field);color:var(--muted)}.badge.failed,.badge.rejected{background:var(--red-soft);color:var(--red)}.dot{width:8px;height:8px;border-radius:50%;display:inline-block}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:var(--faint);font-weight:600;padding:var(--s-2) var(--s-3);text-transform:uppercase;letter-spacing:.03em}.table td{padding:var(--s-3);border-top:1px solid var(--line);vertical-align:middle}.table tr:hover td{background:var(--card-2)}.switch{position:relative;width:44px;height:26px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--well);border-radius:var(--r-pill);transition:background var(--t-2) var(--ease);cursor:pointer}.switch .track:before{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--knob);box-shadow:var(--shadow-card);transition:transform var(--t-3) var(--spring)}.switch input:checked+.track{background:var(--accent)}.switch input:checked+.track:before{transform:translate(18px)}.graph{width:100%;height:calc(100vh - var(--head-h) - 2 * var(--s-7));min-height:520px;background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow-card);overflow:hidden}.legend{display:flex;flex-wrap:wrap;gap:var(--s-3);margin-bottom:var(--s-4)}.legend .item{display:flex;align-items:center;gap:7px;font-size:13px;color:var(--muted)}.center{min-height:100%;display:grid;place-items:center;padding:var(--s-6)}.auth-card{width:100%;max-width:400px}.empty{text-align:center;color:var(--muted);padding:var(--s-9) var(--s-6)}.toast-wrap{position:fixed;bottom:var(--s-6);left:50%;transform:translate(-50%);z-index:100;display:flex;flex-direction:column;gap:var(--s-2)}.toast{background:var(--card);box-shadow:var(--shadow-float);border-radius:var(--r-control);padding:var(--s-3) var(--s-5);animation:rise var(--t-3) var(--ease-out)}.toast.err{color:var(--red)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.mobile-topbar{display:flex;align-items:center;gap:var(--s-3);height:var(--head-h);padding:0 var(--s-4);position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hamburger{display:grid;place-items:center;width:40px;height:40px;border:none;background:transparent;color:var(--text);border-radius:var(--r-control);cursor:pointer}.hamburger:hover{background:var(--field-hover)}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:40;width:min(82vw,290px);transform:translate(-100%);transition:transform var(--t-3) var(--ease)}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-float)}.backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#00000073}.content{padding:var(--s-5)}}