:root{--bg: #ffffff;--surface: #ffffff;--surface-2: #f8f9fa;--surface-3: #f1f3f5;--border: #e5e7eb;--border-strong: #d1d5db;--text: #000000;--text-muted: #4b5563;--text-faint: #9ca3af;--primary: #FC4F00;--primary-hover: #e04600;--primary-press: #c73e00;--primary-tint: #fff0eb;--primary-tint-2: #ffd9cc;--primary-ink: #ffffff;--teal: #0ea5e9;--teal-tint: #e0f2fe;--side-bg: #000000;--side-bg-2: #171717;--side-text: #a3a3a3;--side-dim: #525252;--side-active-bg: #262626;--side-active-tx: #ffffff;--side-border: #262626;--ok: #10b981;--ok-tint: #ecfdf5;--ok-tint-2: #d1fae5;--warn: #f59e0b;--warn-tx: #b45309;--warn-tint: #fef3c7;--danger: #ef4444;--danger-tint: #fee2e2;--danger-tint-2: #fca5a5;--info: #3b82f6;--info-tint: #eff6ff;--neutral: #6b7280;--neutral-tint: #f3f4f6;--font-display: "Space Grotesk", system-ui, sans-serif;--font-ui: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--r-sm: 6px;--r: 9px;--r-lg: 14px;--r-xl: 20px;--shadow-sm: 0 1px 2px oklch(.3 .02 50 / .06), 0 1px 1px oklch(.3 .02 50 / .04);--shadow: 0 2px 6px oklch(.3 .02 50 / .07), 0 1px 2px oklch(.3 .02 50 / .05);--shadow-lg: 0 18px 44px oklch(.28 .02 50 / .16), 0 4px 12px oklch(.28 .02 50 / .08);--row-h: 46px;--sidebar-w: 248px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.45}#root{min-height:100vh}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}a{color:inherit;text-decoration:none}::selection{background:var(--primary-tint-2)}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.tnum{font-variant-numeric:tabular-nums}.display{font-family:var(--font-display)}*::-webkit-scrollbar{width:11px;height:11px}*::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:99px;border:3px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--text-faint);background-clip:content-box}.app{display:flex;min-height:100vh}.app__main{flex:1;min-width:0;display:flex;flex-direction:column}.side{width:var(--sidebar-w);flex-shrink:0;background:var(--side-bg);color:var(--side-text);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;border-right:1px solid var(--side-border)}.side__brand{display:flex;align-items:center;gap:11px;padding:22px 22px 18px}.side__logo{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:var(--primary);display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--primary-ink);box-shadow:inset 0 0 0 1px #ffffff14}.side__word{font-family:var(--font-display);font-weight:600;font-size:21px;letter-spacing:-.02em;color:var(--side-active-tx)}.side__word b{color:var(--primary);font-weight:600}.side__nav{padding:8px 12px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1}.side__section{font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--side-dim);padding:16px 12px 7px;font-weight:600}.navitem{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:8px;color:var(--side-text);font-size:13.5px;font-weight:500;border:none;background:none;width:100%;text-align:left;transition:background .12s,color .12s;white-space:nowrap}.navitem:hover{background:var(--side-bg-2);color:var(--side-active-tx)}.navitem--active{background:var(--side-active-bg);color:var(--side-active-tx);font-weight:600}.navitem__ic{width:18px;height:18px;flex-shrink:0;color:var(--side-dim)}.navitem--active .navitem__ic,.navitem:hover .navitem__ic{color:var(--side-active-tx)}.navitem--active .navitem__ic{color:var(--primary)}.navitem__badge{margin-left:auto;background:var(--primary);color:var(--primary-ink);font-size:11px;font-weight:700;min-width:19px;height:19px;padding:0 5px;border-radius:99px;display:grid;place-items:center;font-family:var(--font-ui)}.side__foot{padding:14px;border-top:1px solid var(--side-border);display:flex;align-items:center;gap:10px}.side__avatar{width:32px;height:32px;border-radius:99px;display:grid;place-items:center;font-weight:600;font-size:12px;flex-shrink:0}.side__me{min-width:0}.side__me b{display:block;font-size:13px;color:var(--side-active-tx);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.side__me span{font-size:11.5px;color:var(--side-dim)}.top{height:64px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:16px;padding:0 28px;position:sticky;top:0;z-index:20}.top__title{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-.015em;white-space:nowrap}.top__crumb{color:var(--text-faint);font-size:13px;display:flex;align-items:center;gap:7px}.top__spacer{flex:1}.top__btn{height:36px;width:36px;border-radius:8px;border:1px solid var(--border);background:var(--surface);display:grid;place-items:center;color:var(--text-muted);position:relative}.top__btn:hover{background:var(--surface-2);color:var(--text)}.top__dot{position:absolute;top:7px;right:8px;width:7px;height:7px;border-radius:99px;background:var(--primary);border:1.5px solid var(--surface)}.page{padding:28px;max-width:1320px;width:100%;margin:0 auto}.page--wide{max-width:1440px}.page__head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.page__h{font-family:var(--font-display);font-size:25px;font-weight:600;letter-spacing:-.02em}.page__sub{color:var(--text-muted);font-size:13.5px;margin-top:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card__pad{padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 16px;border-radius:var(--r);border:1px solid transparent;font-size:13.5px;font-weight:600;white-space:nowrap;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}.btn svg{width:16px;height:16px}.btn--primary{background:var(--primary);color:var(--primary-ink);box-shadow:var(--shadow-sm)}.btn--primary:hover{background:var(--primary-hover)}.btn--primary:active{background:var(--primary-press)}.btn--ghost{background:var(--surface);color:var(--text);border-color:var(--border)}.btn--ghost:hover{background:var(--surface-2);border-color:var(--border-strong)}.btn--subtle{background:var(--surface-2);color:var(--text)}.btn--subtle:hover{background:var(--surface-3)}.btn--ok{background:var(--ok);color:#fff;box-shadow:var(--shadow-sm)}.btn--ok:hover{filter:brightness(.95)}.btn--danger{background:var(--danger);color:#fff;box-shadow:var(--shadow-sm)}.btn--danger:hover{filter:brightness(.95)}.btn--danger-ghost{background:var(--danger-tint);color:var(--danger);border-color:var(--danger-tint-2)}.btn--danger-ghost:hover{background:var(--danger-tint-2)}.btn--sm{height:32px;padding:0 12px;font-size:12.5px;border-radius:var(--r-sm)}.btn--lg{height:44px;padding:0 22px;font-size:14.5px}.btn--icon{width:38px;padding:0}.btn--block{width:100%}.btn:disabled{opacity:.5;pointer-events:none}.badge{display:inline-flex;align-items:center;gap:6px;height:23px;padding:0 9px 0 8px;border-radius:99px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.005em}.badge__dot{width:6px;height:6px;border-radius:99px;background:currentColor;flex-shrink:0}.badge--pending{background:var(--warn-tint);color:var(--warn-tx)}.badge--active,.badge--online{background:var(--ok-tint);color:var(--ok)}.badge--suspended{background:var(--danger-tint);color:var(--danger)}.badge--deleted{background:var(--neutral-tint);color:var(--neutral)}.badge--progress,.badge--accepted,.badge--in_progress{background:var(--info-tint);color:var(--info)}.badge--requested{background:var(--warn-tint);color:var(--warn-tx)}.badge--completed{background:var(--neutral-tint);color:var(--neutral)}.badge--cancelled{background:var(--danger-tint);color:var(--danger)}.badge--up{background:var(--ok-tint);color:var(--ok)}.badge--down{background:var(--danger-tint);color:var(--danger)}.badge--live .badge__dot{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.status-alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;background:var(--danger-tint);color:var(--danger);font-size:13.5px;margin-bottom:16px}.status-alert b{font-weight:600}.status-alert--warn{background:var(--warn-tint);color:var(--warn-tx)}.field{display:flex;flex-direction:column;gap:7px}.field__label{font-size:12.5px;font-weight:600;color:var(--text-muted)}.input,.select{height:38px;padding:0 12px;border-radius:var(--r);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);font-size:13.5px;width:100%;transition:border-color .12s,box-shadow .12s}.input::placeholder{color:var(--text-faint)}.input:focus,.select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-tint)}.input--lg{height:44px}.search{position:relative;display:inline-flex;align-items:center}.search svg{position:absolute;left:11px;width:16px;height:16px;color:var(--text-faint);pointer-events:none}.search .input{padding-left:34px}.tablewrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-weight:600;color:var(--text-muted);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;padding:11px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;position:sticky;top:0}.table th:first-child,.table td:first-child{padding-left:20px}.table th:last-child,.table td:last-child{padding-right:20px}.table td{padding:0 14px;height:var(--row-h);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr{transition:background .1s}.table tbody tr:hover{background:var(--surface-2)}.table tr.clickable{cursor:pointer}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono)}.cell-strong{font-weight:600;color:var(--text)}.cell-muted{color:var(--text-muted)}.avatar{width:30px;height:30px;border-radius:99px;display:grid;place-items:center;font-weight:600;font-size:11.5px;flex-shrink:0}.who{display:flex;align-items:center;gap:10px}.who b{font-weight:600;white-space:nowrap}.who span{color:var(--text-faint);font-size:12px}.stat{display:flex;flex-direction:column;gap:10px;padding:20px}.stat__top{display:flex;align-items:center;justify-content:space-between}.stat__label{font-size:13px;color:var(--text-muted);font-weight:500}.stat__ic{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.stat__ic svg{width:18px;height:18px}.stat__val{font-family:var(--font-display);font-size:33px;font-weight:600;letter-spacing:-.02em;line-height:1}.stat__val small{font-size:16px;color:var(--text-faint);font-weight:500}.stat__delta{font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px}.stat__delta--up{color:var(--ok)}.stat__delta--down{color:var(--danger)}.overlay{position:fixed;inset:0;background:#2a1f196b;backdrop-filter:blur(2px);display:grid;place-items:center;z-index:60;padding:32px;animation:fade .14s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:88vh;display:flex;flex-direction:column;animation:pop .16s cubic-bezier(.2,.8,.3,1);overflow:hidden}.modal--lg{max-width:720px}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.modal__head{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--border)}.modal__title{font-family:var(--font-display);font-size:17px;font-weight:600}.modal__body{padding:22px;overflow-y:auto}.modal__foot{padding:16px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px;background:var(--surface-2)}.x{width:32px;height:32px;border-radius:8px;border:none;background:none;color:var(--text-faint);display:grid;place-items:center}.x:hover{background:var(--surface-2);color:var(--text)}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:56px 24px;gap:6px}.empty__ic{width:54px;height:54px;border-radius:14px;background:var(--surface-2);display:grid;place-items:center;color:var(--text-faint);margin-bottom:8px}.empty__ic svg{width:26px;height:26px}.empty h3{font-size:16px}.empty p{color:var(--text-muted);font-size:13.5px;max-width:340px}.sk{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:shimmer 1.3s ease infinite;border-radius:6px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.grid{display:grid;gap:18px}.row{display:flex;align-items:center;gap:12px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.divider{height:1px;background:var(--border);border:none;margin:0}.tag{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:7px;background:var(--surface-2);border:1px solid var(--border);font-size:12.5px;font-weight:500;color:var(--text-muted);white-space:nowrap}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r);padding:3px;gap:2px}.seg button{height:30px;padding:0 14px;border:none;background:none;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-muted);white-space:nowrap}.seg button.on{background:var(--surface);color:var(--text);font-weight:600;box-shadow:var(--shadow-sm)}.kv{display:grid;grid-template-columns:130px 1fr;row-gap:13px;column-gap:16px;font-size:13.5px}.kv dt{color:var(--text-muted)}.kv dd{margin:0;font-weight:500}.stars{display:inline-flex;gap:2px;color:var(--warn)}.stars svg{width:15px;height:15px}.bar:hover>div:last-child{filter:brightness(.92)}