@import url("https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&display=swap");:root{--bg:#0a0a0b;--surface-sunken:#0f0f12;--surface:#151517;--surface-2:#1e1e22;--surface-hover:#26262b;--border:#2a2a30;--border-strong:#3a3a42;--text:#f2f2f3;--text-dim:#9b9ba1;--text-faint:#70707a;--silver-hi:#fff;--silver-lo:#dad9d7;--ok:#3ddc84;--ok-bg:#08220f;--ok-bd:#103a1c;--work:#f5a623;--work-bg:#2a1d08;--work-bd:#45300f;--up:#3e9be8;--up-bg:#08202e;--up-bd:#103040;--err:#e8483c;--err-bg:#2a0e0c;--err-bd:#4a1814;--idle:#9b9ba1;--idle-bg:#1a1a1d;--idle-bd:#34343a;--sans:"Geist",system-ui,sans-serif;--mono:"Geist",system-ui,sans-serif;--r:8px;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg)}body{background:transparent;color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(110% 70% at 50% -18%,hsla(0,0%,100%,.08),hsla(0,0%,100%,0) 62%)}a{text-decoration:none}a,button{color:inherit}button{cursor:pointer;border:none;background:none}button,input{font-family:inherit}input[type=password]{letter-spacing:.12em;font-size-adjust:.42}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}::selection{background:#333;color:var(--text)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:5px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--text-faint)}.shell{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:100vh}.sidebar{border-right:1px solid var(--border);padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh;background-image:linear-gradient(180deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,0) 260px)}.brand{font-family:var(--mono);font-weight:700;font-size:16px;letter-spacing:.16em;color:var(--text);padding:4px 10px 22px;display:flex;align-items:center}.nav-list{display:contents}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:var(--r);color:var(--text-dim);font-weight:500;font-size:13px;transition:background .12s,color .12s}.nav-item:hover{background:var(--surface);color:var(--text)}.nav-item.active{background:var(--surface-2);color:var(--text)}.nav-item .count{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--text-faint);background:var(--bg);padding:1px 5px;border-radius:4px}.nav-item .alert-count{margin-left:auto;font-size:10.5px;font-weight:600;line-height:1;min-width:17px;height:17px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:var(--err);border-radius:9px;box-shadow:0 0 0 1px var(--err-bd),0 0 8px rgba(232,72,60,.35)}.nav-item .count+.alert-count{margin-left:5px}.sidebar-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);gap:6px}.sidebar-foot,.user-chip{display:flex;align-items:center}.user-chip{gap:10px;flex:1 1;min-width:0;padding:6px 7px;border-radius:var(--r);transition:background .12s}.user-chip:hover{background:var(--surface)}.user-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:13px;font-weight:600;background:linear-gradient(180deg,var(--silver-hi),var(--silver-lo));color:var(--bg)}.user-info{display:flex;flex-direction:column;min-width:0;line-height:1.3}.user-name{font-size:13px;color:var(--text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{font-size:10px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.logout-btn{flex-shrink:0;width:30px;height:30px;display:grid;place-items:center;border-radius:var(--r);color:var(--text-faint);background:transparent;border:1px solid transparent;cursor:pointer;transition:background .12s,color .12s,border-color .12s}.logout-btn:hover{background:var(--surface);color:var(--err);border-color:var(--err-bd)}.main{padding:28px 34px;max-width:1200px}.page-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.page-head h1{font-size:21px;font-weight:600;letter-spacing:-.015em}.page-head .sub{font-family:var(--mono);font-size:12px;color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--r);font-weight:500;font-size:13px;background:linear-gradient(180deg,var(--surface-2),var(--surface));color:var(--text);border:1px solid var(--border-strong);border-top:1px solid #45454b;transition:background .12s,border-color .12s,transform .06s}.btn:hover{background:var(--surface-hover)}.btn:active{transform:scale(.985)}.btn-primary{background:linear-gradient(180deg,var(--silver-hi),var(--silver-lo));color:#141416;border:none;border-top:1px solid #fff;border-bottom:1px solid transparent;font-weight:600}.btn-primary:hover{background:linear-gradient(180deg,#fff,#e8e6e3)}.btn-ghost{background:transparent;border:1px solid transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--surface);color:var(--text)}.btn:disabled{opacity:.5;cursor:not-allowed}.filter-tabs{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.filter-tab{padding:7px 12px;font-size:12px;color:var(--text-dim);background:transparent;border:none;border-radius:7px;cursor:pointer;transition:background .12s,color .12s;font-family:inherit}.filter-tab:hover{color:var(--text);background:var(--surface)}.filter-tab.on{color:var(--text);background:var(--surface-2)}.type-group{display:inline-flex;align-items:center;gap:8px}.type-lead{font-size:11px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.05em}.type-seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.type-opt{padding:7px 13px;font-size:12px;color:var(--text-dim);font-family:inherit;background:transparent;border:none;cursor:pointer;transition:background .12s,color .12s}.type-opt.on,.type-opt:hover{color:var(--text)}.type-opt.on{background:var(--surface-2)}.sort-dir{margin-left:4px;font-size:9px;opacity:.8}.panel{background:var(--surface);background-image:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,0) 120px);border:1px solid var(--border);border-radius:12px}.card,.panel{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.05)}.section-block{overflow:hidden}.section-head{padding:9px 16px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:600}.signal-track{gap:0;font-family:var(--mono);font-size:10px}.signal-stage,.signal-track{display:flex;align-items:center}.signal-stage{gap:5px;color:var(--text-faint);white-space:nowrap}.signal-stage .node{width:7px;height:7px;border-radius:50%;background:var(--border-strong);flex-shrink:0;transition:background .3s}.signal-stage.done .node{background:var(--ok)}.signal-stage.done{color:var(--text-dim)}.signal-stage.active .node{background:var(--work)}.signal-stage.active{color:var(--work)}.signal-stage.queued .node{background:transparent;border:1px solid var(--work);opacity:.55}.signal-stage.queued{color:var(--text-dim)}.signal-stage.up .node{background:var(--up)}.signal-stage.up{color:var(--up)}.signal-stage.err .node{background:var(--err)}.signal-stage.err{color:var(--err)}.signal-link{width:12px;height:1px;background:var(--border-strong);flex-shrink:0}.signal-link.done{background:var(--ok)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:5px;font-size:11px;font-weight:500;font-family:var(--mono);border:1px solid transparent}.badge.ok{background:var(--ok-bg);color:var(--ok);border-color:var(--ok-bd)}.badge.work{background:var(--work-bg);color:var(--work);border-color:var(--work-bd)}.badge.up{background:var(--up-bg);color:var(--up);border-color:var(--up-bd)}.badge.err{background:var(--err-bg);color:var(--err);border-color:var(--err-bd)}.badge.idle{background:var(--idle-bg);color:var(--idle);border-color:var(--idle-bd)}.badge.tag{color:var(--text-dim)}.badge.gone,.badge.tag{background:var(--surface-2);border-color:var(--border)}.badge.gone{color:var(--text-faint)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--text-dim);padding:11px 15px;background:var(--surface-2)}.tbl td,.tbl th{border-bottom:1px solid var(--border)}.tbl td{padding:13px 15px;font-size:13px}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:var(--surface-2)}.tbl .fname{font-family:var(--mono);font-size:12px;color:var(--text)}.tbl .meta{color:var(--text-dim);font-size:12px}.row{align-items:center;gap:10px}.row,.stack{display:flex}.stack{flex-direction:column;gap:4px}.mono{font-family:var(--mono)}.mono,.nav-item .count,.signal-track,.tbl td,.tbl th{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.dim{color:var(--text-dim)}.faint{color:var(--text-faint)}.grow{flex:1 1}:focus-visible{outline:2px solid var(--silver-lo);outline-offset:2px}.confirm-ov{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(0,0,0,.62);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);padding:16px max(16px,env(safe-area-inset-left)) max(16px,env(safe-area-inset-bottom))}.confirm-box{width:100%;max-width:380px;background:var(--surface);border:1px solid var(--border-strong);background-image:linear-gradient(180deg,hsla(0,0%,100%,.035),hsla(0,0%,100%,0) 100px);border-radius:12px;padding:20px 20px 16px;box-shadow:0 20px 60px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.06)}.confirm-title{font-size:16px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}.confirm-body{font-size:13px;color:var(--text-dim);line-height:1.55;margin-bottom:18px}.confirm-acts{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}body,html{max-width:100%;overflow-x:clip}@media (max-width:980px){.shell{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.main,.sidebar{min-width:0}.sidebar{position:-webkit-sticky;position:sticky;top:0;z-index:30;height:auto;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"brand foot" "nav nav";align-items:center;align-content:start;grid-gap:8px 10px;gap:8px 10px;overflow:visible;border-right:none;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 78%,transparent);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);padding:10px max(18px,env(safe-area-inset-right)) 10px max(18px,env(safe-area-inset-left))}.brand{grid-area:brand;padding:0;font-size:15px}.sidebar-foot{grid-area:foot;justify-self:end;margin-top:0;padding-top:0;border-top:none;gap:4px}.sidebar-foot .user-info{display:none}.user-chip{padding:4px}.nav-list{grid-area:nav;display:flex;align-items:center;gap:2px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav-list::-webkit-scrollbar{display:none}.nav-list{margin-left:-9px}.nav-item{flex-shrink:0;padding-left:9px;padding-right:9px}.sidebar-foot{margin-right:-10px}.nav-item{gap:7px}.nav-item .alert-count,.nav-item .count{margin-left:0}.main{padding:20px max(18px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));max-width:100%}}@media (max-width:640px){.main{padding-top:16px}.page-head{flex-direction:row;justify-content:flex-start;align-items:baseline;gap:0;margin-bottom:16px}.page-head h1{font-size:19px;flex-shrink:0}.page-head .sub:before{content:"·";margin:0 7px;opacity:.65}.page-head .sub{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-tabs{flex-wrap:wrap;justify-content:center;width:100%;gap:8px 4px;overflow-x:visible}.filter-tab{flex-shrink:0}.kind-toggle,.type-seg,.type-toggle{align-self:center}.panel{overflow-x:auto}.tbl{min-width:0}.tbl td,.tbl th{padding-left:12px;padding-right:12px}}@media (max-width:380px){.main,.sidebar{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.page-head h1{font-size:18px}.btn{padding-left:13px;padding-right:13px}.type-group.wide{width:100%}.type-group.wide .type-lead{display:none}.type-group.wide .type-seg{flex:1 1}.type-group.wide .type-opt{flex:1 1;padding-left:6px;padding-right:6px}}@media (hover:none){.tbl tr:hover td{background:transparent!important}.card:hover{transform:none!important;border-color:var(--border)!important}.nav-item:hover{background:transparent!important;color:var(--text-dim)!important}.nav-item.active:hover{background:var(--surface-2)!important;color:var(--text)!important}}@media (pointer:coarse){.btn{min-height:44px;padding-top:11px;padding-bottom:11px}.filter-tab{padding-top:10px;padding-bottom:10px}.filter-tab,.type-opt{min-height:40px}.nav-item{min-height:44px}.logout-btn{width:44px;height:44px}.user-avatar{width:34px;height:34px}input[type=checkbox],input[type=radio]{width:22px;height:22px}input,select,textarea{font-size:16px!important}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}