:root{--bg:#1b1c1e;--surface:#232426;--surface-2:#2b2c2f;--surface-3:#343538;--border:#3d3e42;--text:#ececea;--text-dim:#a8a9ad;--text-faint:#7b7c81;--accent:#6b9bff;--accent-dim:#33518f;--danger:#ff6b6b;--warn:#ffb454;--ok:#4ec9a5;--radius:6px;--sidebar-w:264px;--panel-w:340px;--header-h:56px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{font-size:16px}body{background:var(--bg);color:var(--text);margin:0;font:1rem/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.875rem}.shell{grid-template-columns:var(--sidebar-w) 1fr;height:100dvh;display:grid;overflow:hidden}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;height:100dvh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{border-bottom:1px solid var(--border);letter-spacing:.2px;align-items:center;gap:10px;padding:14px 16px;font-weight:600;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #9b6bff);border-radius:5px;place-items:center;width:28px;height:28px;font-size:.875rem;display:grid}.nav{padding:8px 0 24px}.nav-group-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:14px 16px 6px;font-size:.75rem}.nav-item{color:var(--text-dim);border-left:2px solid #0000;align-items:center;gap:8px;padding:6px 16px;display:flex}.nav-item:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav-item.active{background:var(--surface-2);color:var(--text);border-left-color:var(--accent)}.nav-emoji{text-align:center;flex:0 0 1.5rem;width:1.5rem;font-size:1rem;line-height:1}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item .badge{font-size:.6875rem}.main{flex-direction:column;min-width:0;min-height:0;display:flex}.topbar{flex:0 0 var(--header-h);height:var(--header-h);border-bottom:1px solid var(--border);background:var(--surface);align-items:center;gap:12px;padding:0 16px;display:flex}.content{flex:1;min-height:0;overflow:auto}.search-wrap{flex:1;position:relative}.search-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:7px 12px}.search-input:focus{border-color:var(--accent-dim)}.search-results{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);z-index:40;max-height:60vh;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 12px 32px #00000073}.search-hit{border-bottom:1px solid var(--border);color:var(--text);padding:8px 12px;display:block}.search-hit:last-child{border-bottom:none}.search-hit:hover,.search-hit.focused{background:var(--surface-3);text-decoration:none}.search-hit-title{align-items:baseline;gap:8px;display:flex}.search-hit-sub{color:var(--text-faint);font-size:.875rem}.search-foot{color:var(--text-faint);border-top:1px solid var(--border);background:var(--surface);padding:6px 12px;font-size:.75rem}.avatar{background:var(--accent-dim);width:34px;height:34px;color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;font-size:.8125rem;font-weight:600;display:grid}.menu{right:12px;top:calc(var(--header-h) - 4px);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);z-index:50;min-width:260px;position:absolute;box-shadow:0 12px 32px #00000073}.menu-section{border-bottom:1px solid var(--border);padding:10px 12px}.menu-section:last-child{border-bottom:none}.page{padding:20px 24px}.page-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.page-title{margin:0 0 4px;font-size:1.375rem}.page-desc{color:var(--text-dim);max-width:72ch;margin:0 0 16px}.tabs{border-bottom:1px solid var(--border);gap:2px;margin-bottom:16px;display:flex}.tab{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 14px}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.detail-layout{grid-template-columns:1fr var(--panel-w);align-items:start;gap:20px;display:grid}@media (width<=1100px){.detail-layout{grid-template-columns:1fr}}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:.9375rem;font-weight:600;display:flex}.card-body{padding:12px 14px}.card-body.tight{padding:0}.chip{background:var(--surface-3);color:var(--text-dim);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.75rem;display:inline-flex}.chip.ok{color:var(--ok);background:#4ec9a526}.chip.warn{color:var(--warn);background:#ffb45426}.chip.danger{color:var(--danger);background:#ff6b6b26}.chip.accent{color:var(--accent);background:#6b9bff26}.banner{border-radius:var(--radius);border:1px solid var(--border);align-items:flex-start;gap:10px;margin-bottom:14px;padding:9px 14px;display:flex}.banner.warn{background:#ffb45414;border-color:#ffb45466}.banner.danger{background:#ff6b6b14;border-color:#ff6b6b66}.banner.info{border-color:var(--accent-dim);background:#6b9bff14}.field{margin-bottom:12px}.field-label{color:var(--text-dim);align-items:center;gap:6px;margin-bottom:4px;font-size:.875rem;display:flex}.field-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);outline:none;width:100%;padding:6px 10px}.field-input:focus{border-color:var(--accent-dim)}.field-input:disabled{background:var(--surface);color:var(--text-faint);cursor:not-allowed}textarea.field-input{resize:vertical;min-height:72px}.field-hint{color:var(--text-faint);margin-top:3px;font-size:.75rem}.field.changed .field-input{border-color:var(--warn)}.btn{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:6px 12px}.btn:hover:not(:disabled){background:var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent-dim);border-color:var(--accent-dim);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent)}.btn.small{padding:3px 8px;font-size:.875rem}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-dim)}.faint{color:var(--text-faint)}.small{font-size:.875rem}.tiny{font-size:.8125rem}.table-scroll{max-height:calc(100vh - 280px);overflow:auto}table.grid{border-collapse:collapse;width:100%;font-size:.9375rem}table.grid th{z-index:1;background:var(--surface-2);text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:7px 10px;font-weight:600;position:sticky;top:0}table.grid td{border-bottom:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;max-width:320px;padding:6px 10px;overflow:hidden}table.grid tbody tr:hover{background:var(--surface-2);cursor:pointer}table.grid tbody tr.selected{background:var(--surface-3)}table.grid td.primary{color:var(--text);font-weight:600}.list-item{border-bottom:1px solid var(--border);align-items:baseline;gap:10px;padding:8px 14px;display:flex}.list-item:last-child{border-bottom:none}.empty{text-align:center;color:var(--text-faint);padding:28px}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.signin{place-items:center;min-height:100vh;padding:24px;display:grid}.signin-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;width:100%;max-width:420px;padding:28px}.lights{vertical-align:middle;align-items:center;gap:4px;display:inline-flex}.light{border:1px solid #00000059;border-radius:50%;width:10px;height:10px;display:inline-block}.lights.compact .light{gap:3px;width:8px;height:8px}.light.grey{background:#55585e}.light.red{background:#e5484d}.light.yellow{background:#f5c451}.light.green{background:#3ecf8e}table.grid td.lights-cell{white-space:nowrap;width:1%;padding-right:4px}.content{flex-direction:column;display:flex}.content>*{flex:none}.content>.page-fill{flex:auto}.page.page-fill{flex-direction:column;min-height:0;display:flex;overflow:hidden}.page-fill .table-card{flex-direction:column;flex:auto;min-height:0;display:flex}.page-fill .table-card .table-scroll{flex:auto;min-height:0;max-height:none}.details-empty{flex:auto;justify-content:center;align-items:center;min-height:0;padding:24px 0;display:flex}.details-empty>.card{width:100%;max-width:720px;margin:0}.toggle{color:var(--text-dim);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.875rem;display:inline-flex}.toggle input{margin:0}.chip.pill-grey{color:var(--text-dim);background:#55585e4d}.chip.pill-red{color:#ff8a8e;background:#e5484d2e}.chip.pill-yellow{color:var(--warn);background:#f5c4512e}.chip.pill-green{color:var(--ok);background:#3ecf8e2e}.tabs{align-items:stretch}.tab-spacer{flex:1}.tab.static{cursor:default;color:var(--text-dim);pointer-events:none;padding-right:6px;font-weight:600}.supporting-scroll{max-height:320px;overflow:auto}.supporting-scroll .grid tbody tr{cursor:pointer}