:root{--primary:#175a80;--primary-dark:#0f4463;--primary-light:#e8f1f6;--bg:#f6f7f9;--surface:#fff;--text:#1a2733;--text-muted:#5b6b7a;--border:#dde3e9;--danger:#b91c1c;--danger-bg:#fdeaea;--ok:#15803d;--ok-bg:#e9f7ee;--radius:8px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.5}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0;font-size:18px;font-weight:700}h2{margin:0 0 var(--space-3);font-size:15px;font-weight:600}.shell{min-height:100dvh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);width:208px;padding:var(--space-6) var(--space-4);gap:var(--space-2);flex-direction:column;flex-shrink:0;display:flex}.sidebar .brand{color:var(--primary);padding:0 var(--space-2) var(--space-4);border-bottom:1px solid var(--border);margin-bottom:var(--space-2);font-size:15px;font-weight:700}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar nav a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius);color:var(--text);min-height:36px;font-weight:500;display:flex}.sidebar nav a:hover{background:var(--primary-light);text-decoration:none}.sidebar nav a.active{background:var(--primary);color:#fff}.sidebar nav a.active svg{stroke:#fff}.sidebar nav svg{width:16px;height:16px;stroke:var(--text-muted);flex-shrink:0}.main{padding:var(--space-6) var(--space-8);flex:1;max-width:1200px}.page-head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-head p{color:var(--text-muted);margin:var(--space-1) 0 0;font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4);margin-bottom:var(--space-4)}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);white-space:nowrap;font-size:11px;font-weight:600}td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border);vertical-align:middle}tbody tr:hover{background:#fafbfc}td.num{font-variant-numeric:tabular-nums;text-align:right}.badge{border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-bg);color:var(--ok)}.badge.off{color:var(--text-muted);background:#eef0f2}.badge.owner{background:var(--primary-light);color:var(--primary)}button,.btn{font:inherit;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);min-height:32px;color:var(--text);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}button:hover{background:var(--primary-light);border-color:var(--primary)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}button.primary{background:var(--primary);border-color:var(--primary);color:#fff}button.primary:hover{background:var(--primary-dark)}button.danger{color:var(--danger)}button.danger:hover{background:var(--danger-bg);border-color:var(--danger)}button.ghost{background:0 0;border-color:#0000}button.ghost:hover{background:var(--primary-light)}button:disabled{opacity:.5;cursor:default}input,select{font:inherit;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);min-height:32px;color:var(--text);padding:6px 10px;font-size:13px}input::placeholder{color:#9aa7b3}label{color:var(--text-muted);gap:4px;font-size:12px;font-weight:600;display:grid}.row{gap:var(--space-2);flex-wrap:wrap;align-items:end;display:flex}.toggle-access{border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;min-height:30px;padding:0;display:inline-flex}.toggle-access.on{background:var(--ok-bg);border-color:var(--ok);color:var(--ok)}.toggle-access.off{color:#9aa7b3}.toggle-access svg{width:14px;height:14px}.note{color:var(--text-muted);font-size:12px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@media (max-width:900px){.shell{flex-direction:column}.sidebar{width:100%;padding:var(--space-2) var(--space-4);flex-direction:row;align-items:center}.sidebar .brand{padding:0 var(--space-3) 0 0;border:none;margin:0}.sidebar nav{flex-direction:row}.main{padding:var(--space-4)}}