:root{--ink: #13161c;--ink-soft: #5d6878;--ink-faint: #8b95a5;--line: #e2e6ec;--line-strong: #cdd4de;--paper: #ffffff;--ground: #f5f7fa;--accent: #1b4f93;--accent-hover: #163f77;--accent-soft: #eaf1fb;--accent-ink: #ffffff;--ok: #11684a;--ok-soft: #e8f5ef;--warn: #8a5300;--warn-soft: #fdf4e3;--danger: #a01c28;--danger-hover: #87141f;--danger-soft: #fdeff0;--radius: 10px;--radius-sm: 7px;--shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 12px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 40px rgba(16, 24, 40, .16);color-scheme:light;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Nirmala UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;line-height:1.25}code.mono,.mono{font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:.86em}.muted{color:var(--ink-soft)}.nowrap{white-space:nowrap}.right{text-align:right}.danger-text{color:var(--danger)}ul.tight{margin:.4rem 0 0;padding-left:1.1rem}ul.tight li{margin-bottom:.15rem}button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--paper);color:var(--ink);padding:.45rem .85rem;font-weight:500;transition:background .12s,border-color .12s,box-shadow .12s}button:hover:not(:disabled){background:var(--ground);border-color:var(--ink-faint)}button:disabled{cursor:not-allowed;opacity:.5}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}button.danger{background:var(--danger);border-color:var(--danger);color:#fff;font-weight:600}button.danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}button.warn{background:var(--warn-soft);border-color:#e8d4a8;color:var(--warn);font-weight:600}button.icon{border:none;background:none;padding:.25rem .45rem;color:var(--ink-soft);font-size:1rem}button.icon:hover{background:var(--ground)}input[type=text],input[type=password],input[type=search],input:not([type]){font:inherit;width:100%;padding:.5rem .7rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--paper);color:var(--ink)}input:focus-visible,button:focus-visible,.nav:focus-visible{outline:2px solid var(--accent);outline-offset:1px}input[type=checkbox]{width:1.05rem;height:1.05rem;accent-color:var(--accent);flex-shrink:0;margin:0}.login-screen{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.login-card{width:100%;max-width:24rem;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:2rem;box-shadow:var(--shadow)}.brand{font-size:1.75rem;font-weight:700;margin-bottom:.2rem}.login-card .brand-sub{margin:0 0 1.5rem;color:var(--ink-soft);font-size:.9rem}.field{margin-bottom:1rem}.field label{display:block;margin-bottom:.3rem;font-size:.85rem;font-weight:600;color:var(--ink-soft)}.field-hint{margin:.35rem 0 0;font-size:.8rem;color:var(--ink-faint)}.alert{margin:0 0 1rem;padding:.7rem .85rem;border-radius:var(--radius-sm);font-size:.88rem;border:1px solid}.alert.error{background:var(--danger-soft);border-color:#f2ccd0;color:var(--danger)}.alert.warn{background:var(--warn-soft);border-color:#eedcb4;color:var(--warn)}.alert.tight-alert{margin-bottom:.9rem}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--paper);border-right:1px solid var(--line);padding:1.25rem .9rem;display:flex;flex-direction:column;gap:1.25rem;position:sticky;top:0;height:100vh}.brand-mark{padding:0 .5rem}.brand-text{display:block;font-size:1.4rem;font-weight:700}.brand-sub{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.sidebar ul{list-style:none;margin:0;padding:0;display:grid;gap:.2rem;align-content:start;flex:1}.nav{width:100%;text-align:left;border:none;background:none;border-radius:var(--radius-sm);padding:.55rem .7rem;display:grid;gap:.05rem}.nav:hover{background:var(--ground)}.nav.active{background:var(--accent-soft)}.nav.active .nav-label{color:var(--accent);font-weight:650}.nav-label{font-weight:550}.nav-hint{font-size:.75rem;color:var(--ink-faint)}.sidebar-foot{border-top:1px solid var(--line);padding-top:.9rem;display:grid;gap:.6rem}.whoami{padding:0 .5rem;font-size:.85rem;line-height:1.35}.whoami strong{display:block}.whoami .mono{color:var(--ink-faint)}main{padding:1.75rem 2rem 3rem;max-width:1400px}.page-head{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.page-head h2{font-size:1.35rem}.page-head p{margin:.2rem 0 0;font-size:.88rem}.page-head>:last-child:not(:first-child){margin-left:auto}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.85rem;margin-bottom:1.5rem}.stat{text-align:left;display:grid;gap:.1rem;padding:1rem;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-value{font-size:1.9rem;font-weight:700;line-height:1.1}.stat-label{font-size:.85rem;font-weight:600;color:var(--ink-soft)}.stat-hint{font-size:.75rem;color:var(--ink-faint)}.stat.tone-ok .stat-value{color:var(--ok)}.stat.tone-warn .stat-value{color:var(--warn)}.stat.tone-danger .stat-value{color:var(--danger)}.stat.tone-warn{border-color:#eedcb4}.stat.tone-danger{border-color:#f2ccd0}.panel{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;margin-bottom:1.25rem}.panel-head{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-bottom:1px solid var(--line)}.panel-head h3{font-size:.95rem}.panel-head .search{max-width:22rem}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}@media (max-width: 1000px){.two-col,.shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.88rem}th,td{text-align:left;padding:.65rem 1rem;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:#fafbfc;white-space:nowrap}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#fafbfd}tr.row-removed td{opacity:.6}tr.row-failed{background:var(--danger-soft)}td.details{max-width:22rem;font-size:.82rem}.pill{display:inline-block;padding:.12rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid;white-space:nowrap}.pill.active{background:var(--ok-soft);border-color:#bfe0d1;color:var(--ok)}.pill.blocked{background:var(--warn-soft);border-color:#eedcb4;color:var(--warn)}.pill.removed{background:var(--danger-soft);border-color:#f2ccd0;color:var(--danger)}.pill.admin{background:var(--accent-soft);border-color:#c6d9f2;color:var(--accent)}.service-list,.activity,.device-list{list-style:none;margin:0;padding:0}.service-list li,.activity li{display:flex;gap:.7rem;padding:.75rem 1rem;border-bottom:1px solid var(--line)}.service-list li:last-child,.activity li:last-child{border-bottom:none}.service-list p,.activity p{margin:.1rem 0 0;font-size:.82rem}.dot{width:.55rem;height:.55rem;border-radius:50%;margin-top:.42rem;flex-shrink:0}.dot.ok{background:var(--ok)}.dot.bad{background:var(--danger)}.device-list li{display:flex;align-items:center;gap:.8rem;padding:.65rem 0;border-bottom:1px solid var(--line)}.device-list li:last-child{border-bottom:none}.device-list li>div{flex:1}.device-list p{margin:.1rem 0 0;font-size:.8rem}.pager{display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border-top:1px solid var(--line);font-size:.85rem}.empty,.loading{padding:2.5rem 1rem;text-align:center;color:var(--ink-soft)}.empty-title{margin:0;font-weight:600;color:var(--ink)}.empty-hint{margin:.3rem 0 0;font-size:.86rem}.spinner{display:inline-block;width:.9rem;height:.9rem;margin-right:.5rem;vertical-align:-.1rem;border:2px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182859;z-index:40}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(32rem,100vw);background:var(--paper);border-left:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:41;display:flex;flex-direction:column}.drawer-head{display:flex;align-items:flex-start;gap:1rem;padding:1.1rem 1.25rem;border-bottom:1px solid var(--line)}.drawer-head h3{font-size:1.05rem}.drawer-head p{margin:.15rem 0 0;font-size:.82rem}.drawer-head>:last-child{margin-left:auto}.drawer-body{overflow-y:auto;padding:1.25rem}.summary{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1rem;padding-bottom:1.1rem;margin-bottom:1.1rem;border-bottom:1px solid var(--line);font-size:.86rem}.summary .label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-faint);font-weight:600;margin-bottom:.15rem}.drawer-section{margin-bottom:1.6rem}.drawer-section h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-faint);margin-bottom:.7rem}.action-row{display:flex;align-items:flex-start;gap:1rem;padding:.8rem 0;border-bottom:1px solid var(--line)}.action-row:last-child{border-bottom:none}.action-row>div{flex:1}.action-row p{margin:.15rem 0 0;font-size:.82rem}.action-row button{white-space:nowrap}.toggle-row{display:flex;align-items:flex-start;gap:.6rem;padding:.5rem 0;cursor:pointer;font-size:.88rem}.toggle-row input{margin-top:.18rem}.drawer-actions{display:flex;gap:.5rem;margin-top:.9rem}.danger-zone{border:1px solid #f2ccd0;background:var(--danger-soft);border-radius:var(--radius);padding:1rem}.danger-zone h4{color:var(--danger)}.danger-zone p{margin:0 0 .8rem;font-size:.84rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:grid;place-items:center;padding:1.5rem;z-index:60}.modal{width:100%;max-width:30rem;background:var(--paper);border-radius:14px;box-shadow:var(--shadow-lg);overflow:hidden}.modal.danger{border-top:4px solid var(--danger)}.modal-head{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.modal-head h3{font-size:1.02rem;flex:1}.modal-body{padding:1.25rem}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.25rem}.credential{display:flex;align-items:center;gap:.6rem;background:var(--ground);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:.7rem .85rem}.credential-value{flex:1;font-size:1.1rem;letter-spacing:.04em;-webkit-user-select:all;user-select:all;word-break:break-all}.toasts{position:fixed;bottom:1.25rem;right:1.25rem;display:grid;gap:.5rem;z-index:80;max-width:24rem}.toast{padding:.7rem .9rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);font-size:.87rem;border:1px solid;animation:rise .16s ease-out}.toast.ok{background:var(--ok-soft);border-color:#bfe0d1;color:var(--ok)}.toast.error{background:var(--danger-soft);border-color:#f2ccd0;color:var(--danger)}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}