:root{color-scheme:light dark;--font-sans: "IBM Plex Sans", "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--bg: #f4f5f7;--bg-elevated: #ffffff;--bg-sidebar: #1c1f26;--bg-sidebar-hover: #2a2f3a;--border: #d8dde6;--border-strong: #b8c0ce;--text: #151820;--text-muted: #5c6575;--text-sidebar: #c8ced8;--text-sidebar-muted: #8b93a3;--accent: #0b6e4f;--accent-hover: #095c42;--accent-soft: #e4f3ec;--danger: #b42318;--danger-soft: #fef3f2;--warning: #b54708;--warning-soft: #fffaeb;--info: #175cd3;--info-soft: #eff8ff;--shadow: 0 1px 2px rgba(16, 24, 40, .06);--radius: 10px;--radius-sm: 6px;--sidebar-width: 240px;--focus: 0 0 0 3px rgba(11, 110, 79, .28)}[data-theme=dark]{--bg: #0f1218;--bg-elevated: #171b24;--bg-sidebar: #0b0d12;--bg-sidebar-hover: #1a1f2a;--border: #2a3140;--border-strong: #3a4356;--text: #e8ecf4;--text-muted: #9aa3b5;--text-sidebar: #c8ced8;--text-sidebar-muted: #7f8796;--accent: #3ecf8e;--accent-hover: #56dba0;--accent-soft: #13261e;--danger: #f97066;--danger-soft: #2a1515;--warning: #fdb022;--warning-soft: #2a2110;--info: #84caff;--info-soft: #102033;--shadow: 0 1px 2px rgba(0, 0, 0, .35);--focus: 0 0 0 3px rgba(62, 207, 142, .28)}*,*:before,*:after{box-sizing:border-box}html,body,#app{min-height:100%}body{margin:0;font-family:var(--font-sans);background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}:focus-visible{outline:none;box-shadow:var(--focus)}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.02em}p{margin:0}code,.mono{font-family:var(--font-mono);font-size:.9em}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh}.sidebar{background:var(--bg-sidebar);color:var(--text-sidebar);padding:1.25rem .85rem;display:flex;flex-direction:column;gap:1.5rem;border-right:1px solid rgba(255,255,255,.04)}.brand{display:flex;flex-direction:column;gap:.15rem;padding:.35rem .65rem .75rem}.brand-name{font-size:1.15rem;font-weight:700;letter-spacing:-.03em;color:#fff}.brand-sub{font-size:.75rem;color:var(--text-sidebar-muted);text-transform:uppercase;letter-spacing:.08em}.nav{display:flex;flex-direction:column;gap:.25rem}.nav a{display:flex;align-items:center;gap:.65rem;padding:.65rem .75rem;border-radius:var(--radius-sm);color:var(--text-sidebar);font-weight:500;transition:background .15s ease,color .15s ease}.nav a:hover{background:var(--bg-sidebar-hover);color:#fff}.nav a.router-link-active{background:#3ecf8e24;color:#fff}.sidebar-footer{margin-top:auto;padding:.65rem;display:flex;flex-direction:column;gap:.5rem}.main{display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg-elevated) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.page{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.page-header p{color:var(--text-muted);margin-top:.25rem}.panel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.panel-body{padding:1.1rem 1.2rem}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.metric{padding:1rem 1.1rem}.metric-label{color:var(--text-muted);font-size:.85rem}.metric-value{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;margin-top:.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid transparent;border-radius:var(--radius-sm);padding:.55rem .9rem;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-secondary:hover:not(:disabled){background:color-mix(in srgb,var(--bg) 70%,var(--bg-elevated))}.btn-ghost{background:transparent;color:var(--text-sidebar);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-sidebar-hover);color:#fff}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse}table.data th,table.data td{text-align:left;padding:.75rem 1rem;border-bottom:1px solid var(--border);vertical-align:top}table.data th{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}table.data tr:last-child td{border-bottom:none}table.data tbody tr{transition:background .12s ease}table.data tbody tr:hover{background:color-mix(in srgb,var(--accent-soft) 55%,transparent)}.badge{display:inline-flex;align-items:center;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.badge-active,.badge-published{background:var(--accent-soft);color:var(--accent)}.badge-disabled,.badge-revoked{background:var(--danger-soft);color:var(--danger)}.badge-draft{background:var(--warning-soft);color:var(--warning)}.badge-channel{background:var(--info-soft);color:var(--info)}.form-grid{display:grid;gap:.9rem}.form-grid.two{grid-template-columns:1fr 1fr}label.field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500}label.field span{color:var(--text-muted);font-weight:500}input,select,textarea{border:1px solid var(--border-strong);background:var(--bg-elevated);color:var(--text);border-radius:var(--radius-sm);padding:.6rem .75rem}input:disabled,select:disabled,textarea:disabled{opacity:.65}.stack{display:flex;flex-direction:column;gap:.75rem}.row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.state{padding:2rem 1.25rem;text-align:center;color:var(--text-muted)}.state.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0c128c;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:50}.modal{width:min(520px,100%);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 16px 40px #00000040}.modal header,.modal footer{padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.modal footer{border-bottom:none;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:.5rem}.modal .panel-body{padding:1.2rem}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.detail-item{display:flex;flex-direction:column;gap:.2rem}.detail-item span{color:var(--text-muted);font-size:.8rem}.linkish{color:var(--accent);font-weight:600}.linkish:hover{text-decoration:underline}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:20;flex-direction:row;align-items:center;overflow-x:auto;padding:.75rem;gap:.75rem}.brand{padding:.25rem .5rem;min-width:max-content}.nav{flex-direction:row}.sidebar-footer{margin-top:0;margin-left:auto}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.two,.detail-grid{grid-template-columns:1fr}}@media(max-width:640px){.metrics{grid-template-columns:1fr}.page{padding:1rem}}