:root{--blue-50: #eff4ff;--blue-100: #dbe6ff;--blue-200: #bdd0ff;--blue-500: #3b75f0;--blue-600: #2563EB;--blue-700: #1d4fd0;--n-0: #ffffff;--n-25: #fcfcfd;--n-50: #f8fafc;--n-100: #f1f3f7;--n-150: #eaedf2;--n-200: #e3e7ee;--n-300: #d4dae3;--n-400: #9aa4b2;--n-500: #6b7585;--n-600: #4c5667;--n-700: #353d4b;--n-800: #1f2530;--n-900: #11151c;--up: #16a34a;--up-bg: #e7f6ed;--up-soft: #d6f0df;--degraded: #d97706;--degraded-bg: #fdf3e3;--degraded-soft: #f8e6c4;--down: #dc2626;--down-bg: #fdecec;--down-soft: #f8d4d4;--info: var(--blue-600);--bg: var(--n-50);--surface: var(--n-0);--surface-2: var(--n-50);--border: var(--n-200);--border-strong: var(--n-300);--text: var(--n-900);--text-2: var(--n-500);--text-3: var(--n-400);--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--sh-xs: 0 1px 2px rgba(17,21,28,.05);--sh-sm: 0 1px 2px rgba(17,21,28,.06), 0 1px 3px rgba(17,21,28,.04);--sh-md: 0 2px 4px rgba(17,21,28,.04), 0 4px 12px rgba(17,21,28,.06);--sh-lg: 0 8px 24px rgba(17,21,28,.1), 0 2px 6px rgba(17,21,28,.05);--sh-pop: 0 12px 40px rgba(17,21,28,.16), 0 2px 8px rgba(17,21,28,.08);--font: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--nav-w: 244px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-size:14px;line-height:1.45}#root{height:100vh}button{font-family:inherit;cursor:pointer}input,select,textarea{font-family:inherit}::selection{background:var(--blue-100)}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--n-300);border-radius:8px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--n-400);background-clip:content-box}*::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:var(--nav-w) 1fr;height:100vh;overflow:hidden}.sidebar{background:var(--n-0);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100vh;overflow:hidden}.brand{display:flex;align-items:center;gap:10px;padding:18px 18px 14px}.brand-mark{width:28px;height:28px;border-radius:8px;background:linear-gradient(150deg,var(--blue-500),var(--blue-700));display:grid;place-items:center;box-shadow:0 2px 6px #2563eb59,inset 0 1px #ffffff40;flex:none}.brand-name{font-weight:600;font-size:15px;letter-spacing:-.01em}.brand-name b{font-weight:600}.org-switch{margin:0 12px 8px;padding:8px 10px;width:calc(100% - 24px);border:1px solid var(--border);border-radius:var(--r-md);display:flex;align-items:center;gap:9px;cursor:pointer;text-align:left;background:var(--n-0);transition:background .12s,border-color .12s;font:inherit;color:inherit}.org-switch:hover,.org-switch.open{background:var(--n-50);border-color:var(--border-strong)}.org-avatar{width:22px;height:22px;border-radius:6px;background:#1f2530;color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center;flex:none}.org-meta{line-height:1.15;min-width:0}.org-meta .o1{font-size:12.5px;font-weight:560;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.org-meta .o2{font-size:11px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.proj-switch-wrap{position:relative}.proj-menu{position:absolute;left:12px;right:12px;top:calc(100% - 4px);z-index:60;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-pop);padding:6px;animation:pm-pop .13s ease}@keyframes pm-pop{0%{opacity:0;transform:translateY(-4px)}}.proj-menu-label{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding:6px 8px 4px}.proj-menu-item{width:100%;display:flex;align-items:center;gap:9px;padding:7px 8px;border:0;border-radius:var(--r-md);background:transparent;cursor:pointer;text-align:left;font:inherit;color:inherit}.proj-menu-item:hover{background:var(--n-50)}.proj-menu-item.on{background:var(--blue-50)}.proj-menu-div{height:1px;background:var(--border);margin:6px 4px}.proj-menu-new{width:100%;display:flex;align-items:center;gap:8px;padding:8px;border:0;border-radius:var(--r-md);background:transparent;cursor:pointer;font:inherit;font-size:13px;font-weight:540;color:var(--blue-700);white-space:nowrap}.proj-menu-new:hover{background:var(--blue-50)}.pm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11151c61;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:80;display:grid;place-items:center;padding:24px;animation:fade .15s ease}.pm-modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-pop);width:100%;max-width:460px;overflow:hidden;animation:pm-pop .16s ease}.pm-head{display:flex;align-items:flex-start;gap:12px;padding:20px 22px 0}.pm-head h3{margin:0;font-size:16px;font-weight:600}.pm-head p{margin:4px 0 0;font-size:12.5px;color:var(--text-2)}.pm-head .btn.icon{margin-left:auto;flex:none}.pm-body{padding:18px 22px 4px}.pm-preview{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--n-50);margin-bottom:18px}.pm-preview .o1{font-size:13.5px;font-weight:560}.pm-preview .o2{font-size:11.5px;color:var(--text-3)}.pm-foot{display:flex;justify-content:flex-end;gap:10px;padding:8px 22px 20px}.field .opt{font-weight:400;color:var(--text-3);font-size:11px}.color-row{display:flex;gap:8px}.color-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--n-0);box-shadow:0 0 0 1px var(--border);cursor:pointer;display:grid;place-items:center;padding:0;transition:transform .1s}.color-dot:hover{transform:scale(1.08)}.color-dot.on{box-shadow:0 0 0 2px var(--blue-500)}.btn.primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:56px 28px;min-height:280px}.empty-state .empty-ic{width:56px;height:56px;border-radius:14px;background:var(--n-100);color:var(--text-3);display:grid;place-items:center;margin-bottom:16px}.empty-state h3{margin:0 0 6px;font-size:16px;font-weight:600}.empty-state p{margin:0;font-size:13px;color:var(--text-2);max-width:420px;line-height:1.5}.nav{flex:1;overflow-y:auto;padding:6px 12px 16px}.nav-section{margin-top:14px}.nav-label{font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-3);padding:6px 10px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:var(--r-md);color:var(--n-600);font-size:13.5px;font-weight:480;cursor:pointer;position:relative;transition:background .12s,color .12s;-webkit-user-select:none;user-select:none}.nav-item svg{flex:none}.nav-item:hover{background:var(--n-100);color:var(--n-800)}.nav-item.active{background:var(--blue-50);color:var(--blue-700);font-weight:560}.nav-item.active svg{color:var(--blue-600)}.nav-badge{margin-left:auto;font-size:11px;font-weight:600;font-family:var(--mono);background:var(--down);color:#fff;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:grid;place-items:center}.nav-badge.amber{background:var(--degraded)}.nav-badge.muted{background:var(--n-200);color:var(--n-600)}.nav-foot{border-top:1px solid var(--border);padding:10px 12px}.user-chip{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:var(--r-md);cursor:pointer;transition:background .12s}.user-chip:hover{background:var(--n-100)}.user-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(140deg,#5b8def,#2563eb);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600;flex:none}.main{display:flex;flex-direction:column;height:100vh;overflow:hidden;min-width:0}.topbar{height:56px;flex:none;display:flex;align-items:center;gap:14px;padding:0 24px;border-bottom:1px solid var(--border);background:#ffffffc7;-webkit-backdrop-filter:saturate(1.4) blur(8px);backdrop-filter:saturate(1.4) blur(8px)}.crumbs{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--text-2);min-width:0}.crumbs .sep{color:var(--text-3)}.crumbs .cur{color:var(--text);font-weight:560}.top-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.searchbox{display:flex;align-items:center;gap:8px;height:34px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--n-0);color:var(--text-3);width:240px;transition:border-color .12s,box-shadow .12s}.searchbox:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.searchbox input{border:0;outline:0;flex:1;font-size:13px;background:transparent;color:var(--text);min-width:0}.searchbox kbd{font-family:var(--mono);font-size:10.5px;color:var(--text-3);background:var(--n-100);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.scroll{flex:1;overflow-y:auto}.page{padding:24px 28px 64px;max-width:1360px;margin:0 auto}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.page-title{font-size:21px;font-weight:600;letter-spacing:-.02em;margin:0}.page-sub{color:var(--text-2);font-size:13.5px;margin:3px 0 0}.page-head .grow{flex:1}.btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border-radius:var(--r-md);border:1px solid var(--border);background:var(--n-0);color:var(--n-700);font-size:13px;font-weight:530;white-space:nowrap;transition:background .12s,border-color .12s,box-shadow .12s;box-shadow:var(--sh-xs)}.btn:hover{background:var(--n-50);border-color:var(--border-strong)}.btn.primary{background:var(--blue-600);border-color:var(--blue-600);color:#fff;box-shadow:0 1px 2px #2563eb59}.btn.primary:hover{background:var(--blue-700);border-color:var(--blue-700)}.btn.ghost{border-color:transparent;box-shadow:none;background:transparent}.btn.ghost:hover{background:var(--n-100)}.btn.sm{height:30px;padding:0 10px;font-size:12.5px}.btn.icon{width:34px;padding:0;justify-content:center}.btn.icon.sm{width:30px}.btn.danger{color:var(--down)}.btn.danger:hover{background:var(--down-bg);border-color:var(--down-soft)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--sh-sm)}.card-pad{padding:18px}.card-head{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--border)}.card-head h3{margin:0;font-size:14px;font-weight:600;letter-spacing:-.01em}.card-head .grow{flex:1}.dot{width:8px;height:8px;border-radius:50%;flex:none;display:inline-block}.dot.up{background:var(--up);box-shadow:0 0 0 3px var(--up-soft)}.dot.down{background:var(--down);box-shadow:0 0 0 3px var(--down-soft)}.dot.degraded{background:var(--degraded);box-shadow:0 0 0 3px var(--degraded-soft)}.dot.paused{background:var(--n-400);box-shadow:0 0 0 3px var(--n-150)}.dot.pulse{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #dc262673}70%{box-shadow:0 0 0 7px #dc262600}to{box-shadow:0 0 #dc262600}}.pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:540;line-height:1}.pill.up{background:var(--up-bg);color:#11703a}.pill.down{background:var(--down-bg);color:#b42121}.pill.degraded{background:var(--degraded-bg);color:#a35a06}.pill.paused{background:var(--n-100);color:var(--n-600)}.pill.info{background:var(--blue-50);color:var(--blue-700)}.pill .dot{width:6px;height:6px;box-shadow:none}.tag{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:5px;font-size:11.5px;font-weight:520;background:var(--n-100);color:var(--n-600);font-family:var(--mono);border:1px solid var(--border)}.mono{font-family:var(--mono)}.num{font-family:var(--mono);font-variant-numeric:tabular-nums}.metrics{display:grid;gap:14px}.metric{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:15px 16px;box-shadow:var(--sh-xs);position:relative;overflow:hidden}.metric .m-label{font-size:12px;color:var(--text-2);font-weight:520;display:flex;align-items:center;gap:7px}.metric .m-value{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-top:7px;font-variant-numeric:tabular-nums}.metric .m-foot{font-size:11.5px;color:var(--text-3);margin-top:4px}.metric .m-accent{position:absolute;left:0;top:0;bottom:0;width:3px}.tbl-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-3);padding:9px 14px;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--n-25);position:sticky;top:0}.tbl tbody td{padding:11px 14px;border-bottom:1px solid var(--border);vertical-align:middle}.tbl tbody tr{transition:background .1s}.tbl tbody tr:hover{background:var(--n-50);cursor:pointer}.tbl tbody tr:last-child td{border-bottom:0}.tbl .r-name{font-weight:560;color:var(--text)}.tbl .r-sub{color:var(--text-3);font-size:12px}.tbl-check{width:36px}.int-sec-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.int-count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--n-100);color:var(--text-2);font-family:var(--mono);font-size:11px}.int-card.disabled{opacity:.72;background:linear-gradient(180deg,var(--surface),var(--n-25))}.int-tile{width:42px;height:42px;border-radius:12px;background:color-mix(in srgb,var(--blue-50) 75%,white);color:var(--blue-700);border:1px solid color-mix(in srgb,var(--blue-200) 65%,white);display:grid;place-items:center;flex:none}.settings-members-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.settings-members-title{font-size:13.5px;font-weight:560;margin-bottom:2px}.settings-members-table td:last-child,.settings-members-table th:last-child{text-align:right}.settings-members-foot{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.settings-members-summary{color:var(--text-2);font-size:12px;white-space:nowrap}.settings-member{display:flex;align-items:center;gap:10px}.settings-member-avatar{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,var(--blue-500),var(--blue-700));color:#fff;display:grid;place-items:center;font-size:13px;font-weight:600;flex:none}.settings-member-meta{min-width:0}.settings-member-name{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:560}.settings-member-email{color:var(--text-2);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-role-badge{display:inline-flex;align-items:center;justify-content:center;min-width:74px;height:28px;padding:0 10px;border-radius:999px;background:var(--n-100);color:var(--n-700);font-size:12px;font-weight:560}.settings-role-badge.admin{background:var(--blue-50);color:var(--blue-700)}.settings-role-guide{margin-top:16px;display:grid;gap:6px;color:var(--text-2);font-size:12px}.settings-inline-ok{display:inline-flex;align-items:center;gap:6px;color:var(--up);font-size:12.5px;font-weight:560}.checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-strong);background:var(--n-0);display:inline-grid;place-items:center;cursor:pointer;transition:.12s}.checkbox.on{background:var(--blue-600);border-color:var(--blue-600);color:#fff}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.seg{display:inline-flex;background:var(--n-100);border:1px solid var(--border);border-radius:var(--r-md);padding:2px}.seg button{border:0;background:transparent;height:28px;padding:0 11px;border-radius:6px;font-size:12.5px;font-weight:520;color:var(--text-2)}.seg button.on{background:var(--n-0);color:var(--text);box-shadow:var(--sh-xs)}.filter-input{display:flex;align-items:center;gap:7px;height:34px;padding:0 10px;background:var(--n-0);border:1px solid var(--border);border-radius:var(--r-md);color:var(--text-3);min-width:200px}.filter-input:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.filter-input input{border:0;outline:0;background:transparent;flex:1;font-size:13px;color:var(--text);min-width:0}.grid{display:grid;gap:14px}.row{display:flex;gap:14px}.between{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-2)}.muted3{color:var(--text-3)}.divider{height:1px;background:var(--border)}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid var(--border)}.kv:last-child{border-bottom:0}.kv .k{color:var(--text-2);font-size:12.5px}.kv .v{font-weight:540;font-size:13px}.ubar{display:flex;gap:2px;align-items:flex-end;height:30px}.ubar i{flex:1;border-radius:2px;background:var(--up);min-width:2px;transition:opacity .1s}.ubar i.down{background:var(--down)}.ubar i.degraded{background:var(--degraded)}.ubar i.nodata{background:var(--n-200)}.ubar.lg{height:42px;gap:3px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border)}.tab{padding:10px 14px;font-size:13.5px;font-weight:520;color:var(--text-2);border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .12s}.tab:hover{color:var(--text)}.tab.on{color:var(--blue-700);border-bottom-color:var(--blue-600);font-weight:560}.copyfield{display:flex;align-items:center;gap:8px;height:38px;padding:0 6px 0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--n-50);font-family:var(--mono);font-size:12.5px;color:var(--n-700)}.copyfield .v{flex:1;overflow-x:auto;white-space:nowrap}.copyfield .v::-webkit-scrollbar{height:0}.code{background:#0e1118;color:#c7d0e0;border-radius:var(--r-md);padding:14px 16px;font-family:var(--mono);font-size:12.5px;line-height:1.7;overflow-x:auto;position:relative}.code .cmt{color:#6b7585}.code .str{color:#7fd6a4}.code .kw{color:#6ea8ff}.code .fn{color:#d6b16e}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#11151c59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;display:grid;place-items:center;padding:24px;animation:fade .15s ease}@keyframes fade{0%{opacity:0}}.modal{background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--sh-pop);width:100%;max-width:920px;max-height:88vh;display:flex;flex-direction:column;overflow:hidden;animation:pop .18s cubic-bezier(.2,.7,.3,1)}@keyframes pop{0%{transform:translateY(8px) scale(.985);opacity:.6}}.modal-head{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.modal-body{padding:0;overflow-y:auto}.modal-foot{display:flex;align-items:center;gap:10px;padding:14px 20px;border-top:1px solid var(--border);background:var(--n-25)}.field{margin-bottom:16px}.field>label{display:block;font-size:12.5px;font-weight:560;margin-bottom:6px;color:var(--n-700)}.field .hint{font-size:11.5px;color:var(--text-3);margin-top:5px}.inp{width:100%;height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--n-0);font-size:13.5px;color:var(--text);outline:0;transition:border-color .12s,box-shadow .12s}.inp:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.inp.with-prefix{padding-left:0}.inp-group{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--r-md);background:var(--n-0);overflow:hidden;transition:border-color .12s,box-shadow .12s}.inp-group:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.inp-group .prefix{padding:0 11px;color:var(--text-3);font-size:13px;border-right:1px solid var(--border);height:38px;display:grid;place-items:center;background:var(--n-50);font-family:var(--mono)}.inp-group input{flex:1;border:0;outline:0;height:38px;padding:0 12px;font-size:13.5px;background:transparent;min-width:0}select.inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7585' stroke-width='2.2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center;padding-right:32px}.choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.choice{border:1px solid var(--border);border-radius:var(--r-md);padding:13px;cursor:pointer;background:var(--n-0);transition:border-color .12s,box-shadow .12s,background .12s;display:flex;gap:11px;align-items:flex-start}.choice:hover{border-color:var(--border-strong);background:var(--n-25)}.choice.on{border-color:var(--blue-500);background:var(--blue-50);box-shadow:0 0 0 3px var(--blue-50)}.choice .c-ic{width:32px;height:32px;border-radius:8px;background:var(--n-100);display:grid;place-items:center;color:var(--n-600);flex:none}.choice.on .c-ic{background:var(--blue-100);color:var(--blue-700)}.choice .c-t{font-weight:560;font-size:13px}.choice .c-d{font-size:11.5px;color:var(--text-3);margin-top:2px}.region-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--border);border-radius:999px;font-size:12.5px;cursor:pointer;background:var(--n-0);transition:.12s;font-weight:510}.region-chip:hover{border-color:var(--border-strong)}.region-chip.on{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}.tab-disabled{opacity:.72;cursor:default}[data-theme=dark]{--n-0: #11151c;--n-25: #171c25;--n-50: #1b212b;--n-100: #202734;--n-150: #273041;--n-200: #2d384b;--n-300: #3b475f;--n-400: #74809a;--n-500: #99a3b3;--n-600: #c7d0dd;--n-700: #dee5ef;--n-800: #eef2f7;--n-900: #f8fafc;--up-bg: #0f2a1a;--up-soft: #153821;--degraded-bg: #2f2411;--degraded-soft: #44351a;--down-bg: #341718;--down-soft: #4a1f22;--bg: #10141a;--surface: #1a1f29;--surface-2: #151a22;--border: #2a3343;--border-strong: #384458;--text: #eef2f7;--text-2: #a4adbb;--text-3: #778295;--sh-xs: 0 1px 2px rgba(0,0,0,.34);--sh-sm: 0 1px 2px rgba(0,0,0,.32), 0 1px 3px rgba(0,0,0,.24);--sh-md: 0 2px 4px rgba(0,0,0,.32), 0 6px 20px rgba(0,0,0,.24);--sh-lg: 0 10px 30px rgba(0,0,0,.34), 0 2px 8px rgba(0,0,0,.22);--sh-pop: 0 18px 48px rgba(0,0,0,.46), 0 2px 10px rgba(0,0,0,.28);color-scheme:dark}[data-theme=light]{color-scheme:light}[data-theme=dark] .pill.up{color:#5ee79f}[data-theme=dark] .pill.down{color:#ff9b91}[data-theme=dark] .pill.degraded{color:#fbd24e}[data-theme=dark] .pill.info{color:var(--blue-700)}[data-theme=dark] .pill.paused{color:var(--n-700)}[data-theme=dark] .topbar{background:#10141ab8}[data-theme=dark] .seg{background:var(--n-25)}[data-theme=dark] .seg button.on{background:var(--n-200);color:var(--text)}[data-theme=dark] .chart-tip{background:#05080e;color:var(--n-900);border:1px solid var(--border)}[data-theme=dark] .code{border:1px solid var(--border)}[data-theme=dark] .searchbox,[data-theme=dark] .filter-input,[data-theme=dark] .inp,[data-theme=dark] .inp-group{background:var(--n-25)}.empty{text-align:center;padding:48px 20px;color:var(--text-3)}.chart-tip{position:absolute;pointer-events:none;background:var(--n-900);color:#fff;font-size:11.5px;padding:6px 9px;border-radius:6px;box-shadow:var(--sh-md);transform:translate(-50%,-130%);white-space:nowrap;z-index:5;font-family:var(--mono)}.chart-tip b{color:#fff;font-weight:600}.fade-in{opacity:1}@media(prefers-reduced-motion:no-preference){.fade-in{animation:fadein .25s ease both}}@keyframes fadein{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tl{position:relative;padding-left:26px}.tl:before{content:"";position:absolute;left:7px;top:4px;bottom:4px;width:2px;background:var(--border)}.tl-item{position:relative;padding:0 0 18px}.tl-item:last-child{padding-bottom:0}.tl-node{position:absolute;left:-26px;top:1px;width:16px;height:16px;border-radius:50%;background:var(--n-0);border:2px solid var(--border-strong)}.tl-node.up{border-color:var(--up);background:var(--up)}.tl-node.down{border-color:var(--down);background:var(--down)}.tl-node.degraded{border-color:var(--degraded);background:var(--degraded)}.tl-node.info{border-color:var(--blue-500);background:var(--blue-500)}.tl-time{font-size:11.5px;color:var(--text-3);font-family:var(--mono)}.tl-title{font-weight:540;font-size:13px;margin:1px 0}.tl-desc{font-size:12.5px;color:var(--text-2)}.auth-wrap{min-height:100vh;display:grid;place-items:center;background:var(--bg);padding:24px}.auth-card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--sh-lg);padding:32px}.auth-brand{display:flex;align-items:center;gap:10px;margin-bottom:22px}.auth-card h1{font-size:20px;font-weight:600;letter-spacing:-.02em;margin:0 0 4px}.auth-card .sub{color:var(--text-2);font-size:13.5px;margin:0 0 22px}.auth-err{background:var(--down-bg);color:#b42121;border:1px solid var(--down-soft);border-radius:var(--r-md);padding:9px 12px;font-size:12.5px;margin-bottom:16px}.alert{border-radius:var(--r-md);padding:9px 12px;font-size:12.5px;margin-bottom:16px}.alert-error{background:var(--down-bg);color:#b42121;border:1px solid var(--down-soft)}.auth-foot{text-align:center;font-size:13px;color:var(--text-2);margin-top:18px}.auth-foot a{color:var(--blue-700);font-weight:540;cursor:pointer;text-decoration:none}.btn.block{width:100%;justify-content:center;height:38px}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media(max-width:1100px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}}.menu-btn{display:none}.list-row{display:flex;align-items:center;gap:11px;padding:11px 0;border-bottom:1px solid var(--border)}.list-row:last-child{border-bottom:0}.list-row .grow{flex:1;min-width:0}.checkins{display:flex;gap:3px;flex-wrap:wrap}.checkins i{width:12px;height:12px;border-radius:3px;background:var(--up);display:inline-block}.checkins i.miss{background:var(--down)}.loading{display:grid;place-items:center;min-height:240px;color:var(--text-3);font-size:13px}.feed-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.feed-row:last-child{border-bottom:0}@media(max-width:768px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;z-index:100;transform:translate(-100%);transition:transform .22s ease;box-shadow:var(--sh-pop)}.sidebar.open{transform:translate(0)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#11151c61;animation:fade .15s ease}.menu-btn{display:inline-flex}.topbar{padding:0 12px;gap:8px}.searchbox,.btn-label{display:none}.page{padding:14px 14px 48px}.row{flex-direction:column}.page-head{flex-direction:column;gap:10px}.page-head .row{flex-direction:row;flex-wrap:wrap}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2,.choice-grid{grid-template-columns:repeat(1,1fr)}}