:root{--bg: #0a0e14;--surface: #111823;--surface-2: #18212d;--surface-3: #202b39;--border: #273241;--border-strong: #3a4757;--text: #e7eef5;--text-muted: #94a3b3;--text-faint: #647688;--accent: #1fb6c9;--accent-2: #4f9cf0;--accent-strong: #0e7a8c;--accent-hover: #11909f;--accent-text: #5fd6e6;--accent-soft: rgba(31, 182, 201, .14);--accent-border: rgba(31, 182, 201, .5);--ok-fg: #56d364;--ok-bg: rgba(63, 185, 80, .15);--ok-border: rgba(63, 185, 80, .42);--ok-solid: #2ea043;--warn-fg: #e3b341;--warn-bg: rgba(210, 153, 34, .15);--warn-border: rgba(210, 153, 34, .42);--warn-solid: #d29922;--fail-fg: #ff7b72;--fail-bg: rgba(229, 83, 75, .15);--fail-border: rgba(229, 83, 75, .42);--fail-solid: #e5534b;--off-fg: #94a3b3;--off-bg: rgba(110, 119, 129, .16);--off-border: rgba(110, 119, 129, .34);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.5rem;--sp-6: 2rem;--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-full: 999px;--shadow-1: 0 1px 2px rgba(0, 0, 0, .3);--shadow-2: 0 10px 30px rgba(0, 0, 0, .45);--ring: 0 0 0 3px var(--accent-border);--panel: var(--surface);--panel-2: var(--surface-2);--muted: var(--text-muted);--off: var(--text-faint);--danger: #d1242f}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;font-weight:650;letter-spacing:-.01em;margin:0}h2{font-size:1.05rem;font-weight:600;margin:0}h3{font-size:1rem;margin:0}a{color:var(--accent-text)}:focus-visible{outline:2px solid transparent;box-shadow:var(--ring);border-radius:var(--r-sm)}:focus:not(:focus-visible){outline:none}.muted{color:var(--text-muted)}.small,.sh-text-sm{font-size:.82rem}.spacer,.sh-spacer{flex:1}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:var(--accent-strong);color:#fff;border:1px solid transparent;padding:.5rem .9rem;border-radius:var(--r-sm);cursor:pointer;font-size:.9rem;font-weight:550;line-height:1.2;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.btn-danger{background:transparent;border-color:var(--fail-border);color:var(--fail-fg)}.btn-danger:hover:not(:disabled){background:var(--fail-bg)}.btn-danger-solid{background:var(--danger);color:#fff;border-color:transparent}.btn-danger-solid:hover:not(:disabled){background:#b91c25}.btn-sm{padding:.32rem .6rem;font-size:.82rem}.btn-icon{padding:.45rem}.btn-block{width:100%}.copy-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text-muted);border-radius:var(--r-sm);padding:.2rem;cursor:pointer;vertical-align:middle}.copy-btn:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-2)}.toolbar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.link-btn{background:none;border:none;color:var(--accent-text);cursor:pointer;padding:0;margin-right:.6rem;font-size:.85rem;text-decoration:none}.link-btn:hover{text-decoration:underline}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:1rem 1.2rem;box-shadow:var(--shadow-1)}.card-flush{padding:0}.badge{display:inline-flex;align-items:center;gap:.35rem;border-radius:var(--r-full);padding:.12rem .6rem .12rem .5rem;font-size:.76rem;font-weight:550;line-height:1.4;border:1px solid transparent;white-space:nowrap}.badge svg{flex:none}.badge-ok{color:var(--ok-fg);background:var(--ok-bg);border-color:var(--ok-border)}.badge-warn{color:var(--warn-fg);background:var(--warn-bg);border-color:var(--warn-border)}.badge-fail{color:var(--fail-fg);background:var(--fail-bg);border-color:var(--fail-border)}.badge-off{color:var(--off-fg);background:var(--off-bg);border-color:var(--off-border)}.badge-info{color:var(--accent-text);background:var(--accent-soft);border-color:var(--accent-border)}.pill{display:inline-block;border-radius:var(--r-full);padding:.1rem .55rem;font-size:.75rem}.pill.ok{background:var(--ok-bg);color:var(--ok-fg)}.pill.off{background:var(--off-bg);color:var(--off-fg)}.pill.warn{background:var(--warn-bg);color:var(--warn-fg)}.pill.fail{background:var(--fail-bg);color:var(--fail-fg)}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--off-fg)}.dot.ok{background:var(--ok-solid)}.dot.warn{background:var(--warn-solid)}.dot.fail{background:var(--fail-solid)}.meter,.bar{height:7px;background:var(--surface-3);border-radius:var(--r-full);overflow:hidden;margin:.5rem 0 .3rem}.meter-fill,.bar-fill{height:100%;border-radius:var(--r-full);background:var(--accent);transition:width .4s ease}.meter-fill.ok,.bar-fill.ok{background:var(--ok-solid)}.meter-fill.warn,.bar-fill.warn{background:var(--warn-solid)}.meter-fill.fail,.bar-fill.fail{background:var(--fail-solid)}.section-header{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin:1.6rem 0 .6rem}.section-title{font-size:1.05rem;font-weight:600;margin:0}label{display:flex;flex-direction:column;gap:.3rem;font-size:.85rem;color:var(--text-muted)}input,select,textarea{background:var(--surface-2);border:1px solid var(--border);color:var(--text);padding:.5rem .6rem;border-radius:var(--r-sm);font-size:.9rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}input:hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:var(--border-strong)}input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--accent);box-shadow:var(--ring);outline:none}input[aria-invalid=true]{border-color:var(--fail-border)}input:disabled,select:disabled,textarea:disabled,.btn:disabled{opacity:.5;cursor:not-allowed}.field-error{color:var(--fail-fg);font-size:.78rem;font-weight:500}.data-table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table th,.data-table td{text-align:left;padding:.55rem .6rem;border-bottom:1px solid var(--border)}.data-table th{color:var(--text-muted);font-weight:600}.data-table thead th{position:sticky;top:0;z-index:1;background:var(--surface);box-shadow:inset 0 -1px 0 var(--border)}.data-table tbody tr:hover{background:var(--surface-2)}.data-table.dense th,.data-table.dense td{padding:.3rem .5rem;font-size:.84rem}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.sortable:hover{color:var(--text)}.sort-arrow{color:var(--accent-text)}.table-scroll{overflow-x:auto;max-width:100%}.cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kv{border-collapse:collapse;font-size:.9rem}.kv td{padding:.3rem .8rem .3rem 0}.kv td:first-child{color:var(--text-muted)}.pager{display:flex;align-items:center;gap:1rem;margin-top:.8rem}.error{background:var(--fail-bg);border:1px solid var(--fail-border);color:var(--fail-fg);padding:.6rem .8rem;border-radius:var(--r-sm);margin:.6rem 0;font-size:.9rem}.info-banner{background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent-text);padding:.6rem .8rem;border-radius:var(--r-sm);margin:.6rem 0;font-size:.9rem}.seg{display:inline-flex;border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden}.seg-btn{background:var(--surface-2);color:var(--text-muted);border:none;border-left:1px solid var(--border);padding:.4rem .7rem;cursor:pointer;font-size:.85rem}.seg-btn:first-child{border-left:none}.seg-btn:hover{color:var(--text)}.seg-btn.active{background:var(--accent-strong);color:#fff}.centered{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;text-align:center}.page-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.row-form{display:flex;gap:.6rem;align-items:center;margin:1rem 0;flex-wrap:wrap}.actions{display:flex;gap:.4rem;flex-wrap:wrap}.section-note{margin:-.2rem 0 .8rem}.inline-check{flex-direction:row;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.inline-check input{width:auto}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem;margin:1rem 0}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.6rem;margin-bottom:1rem}.field{flex-direction:column;gap:.15rem;font-size:.72rem}.field span{color:var(--text-muted)}.log-box{background:#060a10;border:1px solid var(--border);border-radius:var(--r-md);padding:.8rem;height:460px;overflow:auto;font-family:SFMono-Regular,Consolas,monospace;font-size:.8rem;white-space:pre-wrap;word-break:break-word}.app{display:flex;min-height:100vh}.sidebar{width:232px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:1rem .75rem;gap:.4rem;transition:width .18s ease}.brand{display:flex;align-items:center;gap:.55rem;font-weight:700;font-size:1.1rem;letter-spacing:-.01em;padding:.25rem .5rem .9rem}.brand-text{white-space:nowrap;overflow:hidden}.sidebar nav{display:flex;flex-direction:column;gap:.1rem;flex:1;overflow-y:auto}.nav-group{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.8rem}.nav-group-title{text-transform:uppercase;letter-spacing:.07em;font-size:.66rem;color:var(--text-faint);padding:0 .7rem;margin-bottom:.3rem}.nav-link{display:flex;align-items:center;gap:.6rem;position:relative;color:var(--text-muted);text-decoration:none;padding:.5rem .7rem;border-radius:var(--r-sm);font-size:.92rem;white-space:nowrap}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.active{background:var(--accent-soft);color:var(--accent-text);font-weight:600}.nav-link.active:before{content:"";position:absolute;left:-.75rem;top:50%;transform:translateY(-50%);height:1.1rem;width:3px;border-radius:0 var(--r-full) var(--r-full) 0;background:var(--accent)}.nav-dot{flex:none;width:7px;height:7px;border-radius:50%;background:currentColor;opacity:.55}.nav-link.active .nav-dot{opacity:1}.sidebar-footer{border-top:1px solid var(--border);padding:.8rem .5rem .2rem;display:flex;flex-direction:column;gap:.6rem}.user-chip{display:flex;align-items:center;gap:.55rem}.user-avatar{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-border)}.user-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;overflow:hidden}.user-name{font-size:.88rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge{display:inline-block;width:fit-content;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-full);padding:.02rem .5rem;font-size:.7rem;text-transform:capitalize;color:var(--text-muted)}.role-badge.super{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-text)}.content{flex:1;min-width:0;padding:1.6rem 2rem;overflow:auto}.nav-collapse{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);border:1px solid var(--border);border-radius:var(--r-sm);padding:.3rem;cursor:pointer}.nav-collapse:hover{background:var(--surface-2);color:var(--text)}.nav-collapse svg{transition:transform .18s ease}.app.nav-collapsed .sidebar{width:64px;padding-left:.5rem;padding-right:.5rem}.app.nav-collapsed .brand-text,.app.nav-collapsed .nav-link span,.app.nav-collapsed .nav-group-title,.app.nav-collapsed .user-meta,.app.nav-collapsed .sidebar-footer .btn span,.app.nav-collapsed .sidebar-footer .link-btn{display:none}.app.nav-collapsed .nav-link{justify-content:center}.app.nav-collapsed .nav-collapse svg{transform:rotate(180deg)}.app.nav-collapsed .sidebar-footer .btn{justify-content:center}.nav-toggle{display:none;position:fixed;top:.7rem;left:.7rem;z-index:1200;background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--r-sm);padding:.35rem .5rem;cursor:pointer;align-items:center}.nav-scrim{display:none}@media (max-width: 760px){.nav-toggle{display:inline-flex}.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-100%);transition:transform .2s ease;z-index:1150;width:248px}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-2)}.nav-collapse{display:none}.nav-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:1140}.content{padding:3.4rem 1rem 1.5rem}}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:radial-gradient(1200px 600px at 50% -10%,rgba(31,182,201,.1),transparent 60%),radial-gradient(800px 500px at 90% 110%,rgba(79,156,240,.08),transparent 60%)}.login-card{width:360px;max-width:100%;display:flex;flex-direction:column;gap:.7rem;padding:1.6rem}.login-brand{display:flex;align-items:center;gap:.6rem;margin-bottom:.2rem}.login-brand h1{font-size:1.25rem}.field-row{display:flex;flex-direction:column;gap:.3rem}.input-affix{position:relative;display:flex;align-items:center}.input-affix input{width:100%;padding-right:2.4rem}.input-affix .affix-btn{position:absolute;right:.4rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem;display:inline-flex;border-radius:var(--r-sm)}.input-affix .affix-btn:hover{color:var(--text)}.health-banner{display:flex;align-items:center;gap:.9rem;padding:1rem 1.2rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-1);margin-top:.4rem}.health-banner.tone-ok{border-color:var(--ok-border);background:linear-gradient(180deg,var(--ok-bg),transparent 120%),var(--surface)}.health-banner.tone-warn{border-color:var(--warn-border);background:linear-gradient(180deg,var(--warn-bg),transparent 120%),var(--surface)}.health-banner.tone-fail{border-color:var(--fail-border);background:linear-gradient(180deg,var(--fail-bg),transparent 120%),var(--surface)}.health-icon{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--surface-2)}.health-banner.tone-ok .health-icon{color:var(--ok-fg)}.health-banner.tone-warn .health-icon{color:var(--warn-fg)}.health-banner.tone-fail .health-icon{color:var(--fail-fg)}.health-body{display:flex;flex-direction:column;gap:.1rem;min-width:0}.health-title{font-size:1.05rem;font-weight:650}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.9rem;margin-top:.6rem}.tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-top:1rem}.metric{display:flex;flex-direction:column;gap:.15rem;padding:.9rem 1rem}.metric-head{display:flex;align-items:center;gap:.45rem;color:var(--text-muted);font-size:.82rem}.metric-head svg{color:var(--accent-text)}.metric-value{font-size:1.5rem;font-weight:600;letter-spacing:-.01em}.metric-sub{color:var(--text-muted);font-size:.8rem}.tile-label{color:var(--text-muted);font-size:.82rem}.tile-value{font-size:1.4rem;margin-top:.4rem}.checks-list{display:flex;flex-direction:column}.check-row{display:flex;align-items:center;gap:.7rem;padding:.7rem .4rem;border-bottom:1px solid var(--border)}.check-row:last-child{border-bottom:none}.check-icon{flex:none;display:inline-flex}.check-icon.ok{color:var(--ok-fg)}.check-icon.warn{color:var(--warn-fg)}.check-icon.fail{color:var(--fail-fg)}.check-name{font-weight:550;min-width:9rem}.check-detail{color:var(--text-muted);font-size:.86rem}.toast-stack{position:fixed;bottom:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:1000;max-width:360px}.toast{display:flex;align-items:center;gap:.6rem;padding:.6rem .8rem;border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);box-shadow:var(--shadow-2);font-size:.88rem;animation:toast-in .18s ease}@keyframes toast-in{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.toast-success{border-left:3px solid var(--ok-solid)}.toast-error{border-left:3px solid var(--danger)}.toast-info{border-left:3px solid var(--accent)}.toast-close{margin-left:auto;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;line-height:1}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1100}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:1.3rem;width:380px;max-width:calc(100vw - 2rem);display:flex;flex-direction:column;gap:.6rem;box-shadow:var(--shadow-2)}.modal h3{margin:0}.modal-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:.4rem}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1100;display:flex;justify-content:flex-end}.drawer{width:460px;max-width:calc(100vw - 2rem);height:100%;background:var(--surface);border-left:1px solid var(--border);padding:1.2rem;overflow:auto;box-shadow:var(--shadow-2);animation:drawer-in .18s ease}@keyframes drawer-in{0%{transform:translate(20px);opacity:.6}to{transform:translate(0);opacity:1}}.state-block{display:flex;align-items:center;gap:.7rem;padding:1.4rem 0}.spinner{width:16px;height:16px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton-wrap{display:flex;flex-direction:column;gap:.5rem}.skeleton-row,.skeleton-block{border-radius:var(--r-sm);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}.skeleton-row{height:14px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}