:root{--text-xs:0.8rem;--text-sm:0.9rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-offset:#f3f0ec;--color-border:#d4d1ca;--color-divider:#dcd9d5;--color-text:#28251d;--color-text-muted:#66635d;--color-text-faint:#9b9892;--color-text-inverse:#f9f8f4;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-success:#437a22;--color-warning:#964219;--color-blue:#006494;--color-error:#a12c7b;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 3px rgba(28,27,25,.08)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#171614;--color-surface:#1c1b19;--color-surface-offset:#22211f;--color-border:#393836;--color-divider:#262523;--color-text:#e1dfdb;--color-text-muted:#a9a59e;--color-text-faint:#77736d;--color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-success:#6daa45;--color-warning:#bb653b;--color-blue:#5591c7}}:root[data-theme=dark]{--color-bg:#171614;--color-surface:#1c1b19;--color-surface-offset:#22211f;--color-border:#393836;--color-divider:#262523;--color-text:#e1dfdb;--color-text-muted:#a9a59e;--color-text-faint:#77736d;--color-primary:#4f98a3;--color-primary-hover:#227f8b;--color-success:#6daa45;--color-warning:#bb653b;--color-blue:#5591c7}:root[data-theme=light]{--color-bg:#f7f6f2;--color-surface:#f9f8f5;--color-surface-offset:#f3f0ec;--color-border:#d4d1ca;--color-divider:#dcd9d5;--color-text:#28251d;--color-text-muted:#66635d;--color-text-faint:#9b9892;--color-primary:#01696f;--color-primary-hover:#0c4e54;--color-success:#437a22;--color-warning:#964219;--color-blue:#006494}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text)}a{color:inherit}table{border-collapse:collapse;width:100%}td,th{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-divider)}th{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);white-space:nowrap}td{font-size:var(--text-sm)}tr:hover td{background:var(--color-surface-offset)}.app-shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6);position:-webkit-sticky;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{display:flex;align-items:center;gap:var(--space-3)}.logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),var(--color-blue));color:#fff;display:grid;place-items:center;font-weight:700}.nav{display:grid;grid-gap:2px;gap:2px}.nav a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:var(--text-sm);text-decoration:none;transition:background .12s,color .12s}.nav a:hover{background:var(--color-surface-offset);color:var(--color-text)}.nav a.active{background:color-mix(in oklch,var(--color-primary) 16%,var(--color-surface));color:var(--color-primary);font-weight:600}.nav a .nav-icon{flex-shrink:0;display:inline-flex;opacity:.85}.nav a.active .nav-icon{opacity:1}.main{padding:var(--space-6);display:grid;grid-gap:var(--space-6);gap:var(--space-6);min-width:0}.topbar{gap:var(--space-4);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-divider);background:var(--color-bg);position:-webkit-sticky;position:sticky;top:0;z-index:5}.topbar,.topbar-search{display:flex;align-items:center}.topbar-search{flex:1 1;max-width:420px;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted)}.topbar-search input{border:none;outline:none;background:transparent;color:var(--color-text);font-size:var(--text-sm);width:100%}.topbar-actions{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;text-decoration:none;transition:background .12s,color .12s}.icon-btn:hover{background:var(--color-surface-offset);color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.card-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider)}.card-head h2,.card-head h3{margin:0;font-size:var(--text-lg)}.card-head p{margin:2px 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.card-body{padding:var(--space-5)}.table-wrap{overflow-x:auto}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--space-4);gap:var(--space-4)}.stat{padding:var(--space-5)}.stat .label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted)}.stat .value{font-size:var(--text-xl);margin-top:var(--space-3)}.badge{display:inline-flex;align-items:center;padding:.2rem .6rem;border-radius:999px;font-size:var(--text-xs);font-weight:600;white-space:nowrap}.badge-ok{background:rgba(67,122,34,.12);color:var(--color-success)}.badge-info{background:rgba(0,100,148,.12);color:var(--color-blue)}.badge-warn{background:rgba(150,66,25,.12);color:var(--color-warning)}.badge-err{background:rgba(161,44,123,.12);color:var(--color-error)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:999px;font-size:var(--text-sm);font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);cursor:pointer;text-decoration:none}.btn:hover{background:var(--color-surface-offset)}.btn-primary{background:var(--color-primary);color:#fff;border-color:transparent}.btn-primary:hover{background:var(--color-primary-hover)}.btn-danger{color:var(--color-error)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group.full{grid-column:1/-1}.form-group label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.form-group input,.form-group select,.form-group textarea{padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text);font-size:var(--text-sm)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-divider)}.kv-row{display:grid;grid-template-columns:200px 1fr;grid-gap:var(--space-4);gap:var(--space-4);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-divider)}.kv-label{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted)}code{background:var(--color-surface-offset);padding:2px 6px;border-radius:var(--radius-sm);font-size:.9em}.empty-state{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.error-text{color:var(--color-error);padding:var(--space-4)}.tabs{display:flex;gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.tabs a{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;border-bottom:2px solid transparent}.tabs a.active{color:var(--color-primary);border-color:var(--color-primary)}