:root{--color-primary: #0b3b8d;--radius: 10px;--shadow: 0 1px 2px rgba(16, 24, 40, .06), 0 2px 8px rgba(16, 24, 40, .06);--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, Noto Sans, "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}[data-theme=light],:root{--color-bg: #f4f6f9;--color-surface: #ffffff;--color-surface-2: #f0f3f8;--color-text: #1a2332;--color-text-secondary: #64748b;--color-muted: #6a778b;--color-border: #e2e8f0;--color-border-subtle: #f3f4f6;--color-sidebar-bg: #1e3a5f;--color-sidebar-text: #ffffff;--color-ok: #1f8a5b;--color-warn: #c58b00;--color-bad: #c23b3b;--color-info: #2b6cb0;--color-input-bg: #ffffff;--color-table-header-bg: rgba(240, 243, 248, .6);--color-table-hover: rgba(240, 243, 248, .55)}[data-theme=dark]{--color-bg: #0f1923;--color-surface: #1a2535;--color-surface-2: #1e2d3d;--color-text: #e2e8f0;--color-text-secondary: #94a3b8;--color-muted: #94a3b8;--color-border: #2d3748;--color-border-subtle: #233040;--color-sidebar-bg: #0a1628;--color-sidebar-text: #e2e8f0;--color-ok: #34d399;--color-warn: #fbbf24;--color-bad: #f87171;--color-info: #60a5fa;--color-input-bg: #1a2535;--color-table-header-bg: rgba(30, 45, 61, .8);--color-table-hover: rgba(30, 45, 61, .55);--shadow: 0 1px 2px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .2)}html,body{height:100%;margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font);font-size:14px}*{box-sizing:border-box}a{color:inherit}.mono{font-family:var(--mono);font-size:12px}.truncate{display:inline-block;max-width:520px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.appShell{display:flex;height:100vh;width:100%}.sidebar{width:250px;background:var(--color-sidebar-bg);color:var(--color-sidebar-text);display:flex;flex-direction:column}.sidebar__brand{display:flex;gap:12px;padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.brandMark{width:36px;height:36px;border-radius:10px;background:#ffffff1f;display:grid;place-items:center;overflow:hidden}.brandMark img{width:100%;height:100%;object-fit:contain}.brandLogoFallback{font-size:12px;font-weight:700;letter-spacing:.08em}.brandText{line-height:1.1}.brandName{font-weight:700;font-size:14px}.brandSub{font-size:12px;opacity:.8;margin-top:3px}.sidebar__nav{padding:10px;display:flex;flex-direction:column;gap:4px}.navItem{display:flex;gap:10px;align-items:center;padding:9px 10px;border-radius:10px;text-decoration:none;color:inherit;opacity:.9}.navItem:hover{background:#ffffff14;opacity:1}.navItem--active{background:#ffffff24;opacity:1}.navItem--disabled{opacity:.45;cursor:not-allowed}.navItem__icon{display:grid;place-items:center;width:22px;height:22px}.navItem__label{font-size:13px}.sidebar__footer{margin-top:auto;padding:12px 16px;border-top:1px solid rgba(255,255,255,.08)}.sidebarMeta{display:flex;justify-content:space-between;font-size:12px;opacity:.85}.mainArea{flex:1;display:flex;flex-direction:column;min-width:0}.topBar{height:56px;background:var(--color-primary);color:#fff;display:flex;align-items:center;padding:0 16px;justify-content:space-between}.topBar__left,.topBar__right{display:flex;align-items:center;gap:16px;min-width:0}.topBar__badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff24;padding:6px 10px;border-radius:999px;font-size:12px}.topBar__badgeDot{width:8px;height:8px;border-radius:999px;background:#fff;opacity:.9}.topBar__user{display:flex;align-items:center;gap:12px}.topBar__userMeta{text-align:right;line-height:1.1}.topBar__userName{font-size:12px;font-weight:700}.topBar__userSub{font-size:11px;opacity:.85;margin-top:2px}.pageArea{padding:18px;overflow:auto}.globalError{margin:12px 18px 0;padding:12px 14px;border-radius:var(--radius);background:#c23b3b14;border:1px solid rgba(194,59,59,.24)}.globalError__title{font-weight:700;margin-bottom:4px}.globalError__detail{font-family:var(--mono);font-size:12px;white-space:pre-wrap}.page{display:flex;flex-direction:column;gap:12px}.pageHeader{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.pageHeader__title{font-size:18px;font-weight:800}.pageHeader__subtitle{color:var(--color-muted);font-size:12px;margin-top:4px}.breadcrumbs{margin-top:6px;font-size:12px;color:var(--color-muted)}.breadcrumbs__sep{margin:0 6px;opacity:.7}.breadcrumbs__link{text-decoration:none;border-bottom:1px dotted rgba(106,119,139,.6)}.breadcrumbs__link:hover{color:var(--color-text)}.actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px}.card__title{font-weight:800;margin-bottom:10px}.kv{display:inline-flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:10px;background:#ffffff73;border:1px solid rgba(217,224,234,.7)}.kv__k{font-size:11px;color:var(--color-muted)}.kv__v{font-size:12px}.hSpacer{width:10px}.hSpacerLg{height:18px}.contextBar{display:flex;align-items:center;gap:10px;min-width:0}.contextChip{display:inline-flex;flex-direction:column;gap:2px;padding:6px 10px;border-radius:10px;background:#ffffff24;min-width:110px}.contextChip__label{font-size:10px;opacity:.85}.contextChip__value{font-size:12px;font-weight:700}.contextChip--disabled{opacity:.7}.contextSelect{display:inline-flex;flex-direction:column;gap:4px}.contextSelect__label{font-size:10px;opacity:.85}.contextPill{display:inline-flex;gap:8px;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff24;font-size:12px}.contextPill__k{opacity:.85}.kpiStrip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}@media (max-width: 1200px){.kpiStrip{grid-template-columns:repeat(3,minmax(0,1fr))}}.kpi{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px 12px;min-height:62px}.kpi__label{color:var(--color-muted);font-size:11px}.kpi__value{font-size:18px;font-weight:800;margin-top:4px}.kpi__sub{font-size:11px;color:var(--color-muted);margin-top:4px}.kpi__sub--empty{opacity:0}.filterBar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:10px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.filterBar__left,.filterBar__right{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.input,.select{height:34px;border:1px solid var(--color-border);border-radius:10px;padding:0 10px;background:var(--color-input-bg);color:var(--color-text);font-size:13px}.input{width:240px}.input--date{width:160px}.select{min-width:180px}.btn{height:34px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-surface);padding:0 12px;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn:hover{background:var(--color-surface-2)}.btn--primary{background:var(--color-primary);border-color:#fff3;color:#fff}.btn--primary:hover{filter:brightness(.98)}.btn--ghost{background:transparent;color:var(--color-text)}.btn:disabled,.select:disabled,.input:disabled{opacity:.5;cursor:not-allowed}.toggle{display:inline-flex;align-items:center;cursor:pointer}.toggle input{display:none}.toggle__ui{width:42px;height:22px;border-radius:999px;background:#e5e9f2;position:relative;border:1px solid var(--color-border)}.toggle__ui:after{content:"";width:18px;height:18px;border-radius:999px;background:#fff;border:1px solid var(--color-border);position:absolute;top:1px;left:2px;transition:all .15s ease}.toggle input:checked+.toggle__ui{background:#0b3b8d2e;border-color:#0b3b8d59}.toggle input:checked+.toggle__ui:after{left:21px;border-color:#0b3b8d59}.badge{display:inline-flex;padding:3px 8px;border-radius:999px;font-size:12px;border:1px solid var(--color-border);background:var(--color-surface);line-height:1.1}.badge--ok{border-color:#1f8a5b59;background:#1f8a5b14;color:var(--color-ok)}.badge--warn{border-color:#c58b0059;background:#c58b001a;color:var(--color-warn)}.badge--bad{border-color:#c23b3b59;background:#c23b3b1a;color:var(--color-bad)}.badge--info{border-color:#2b6cb059;background:#2b6cb01a;color:var(--color-info)}.badge--muted{opacity:.85}.linkish{color:var(--color-primary);font-weight:700;text-decoration:none}.tableWrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.table{width:100%;border-collapse:collapse;font-size:13px}.table__th,.table__td{padding:9px 10px;border-bottom:1px solid var(--color-border);vertical-align:middle}.table__th{font-size:12px;color:var(--color-muted);background:var(--color-table-header-bg);text-align:left;-webkit-user-select:none;user-select:none}.table__th--sortable{cursor:pointer}.table__thInner{display:inline-flex;align-items:center;gap:8px}.table__sort{font-size:10px;opacity:.8}.table__th--right,.table__td--right{text-align:right}.table__th--center,.table__td--center{text-align:center}.table__th--select,.table__td--select{width:32px;text-align:center}.table__tr:hover{background:var(--color-table-hover)}.table__tr--clickable{cursor:pointer}.table__tr--selected{background:#0b3b8d0f}.tablePager{display:flex;justify-content:space-between;align-items:center;padding:10px;font-size:12px;color:var(--color-muted)}.tablePager__right{display:flex;align-items:center;gap:6px}.tablePager__page{font-family:var(--mono);color:var(--color-text)}.tableLoading,.tableError{padding:12px 14px;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface)}.tableError{border-color:#c23b3b59;background:#c23b3b0f}.rowActions{display:inline-flex;gap:6px}.emptyState{padding:30px 14px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.emptyState__title{font-weight:800;margin-bottom:6px}.emptyState__detail{color:var(--color-muted);font-size:13px;margin-bottom:10px}.toastViewport{position:fixed;bottom:14px;right:14px;display:flex;flex-direction:column;gap:10px;z-index:1000}.toast{width:360px;border-radius:12px;border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow);padding:10px 12px;display:flex;justify-content:space-between;gap:10px}.toast__title{font-weight:800;font-size:13px}.toast__detail{margin-top:4px;color:var(--color-muted);font-size:12px;white-space:pre-wrap}.toast__close{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--color-muted)}.toast--success{border-color:#1f8a5b59}.toast--warning{border-color:#c58b0059}.toast--error{border-color:#c23b3b59}.toast--info{border-color:#2b6cb059}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182880;display:grid;place-items:center;z-index:1200;padding:20px}.modal{width:min(780px,100%);background:var(--color-surface);border-radius:14px;border:1px solid var(--color-border);box-shadow:var(--shadow);overflow:hidden}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--color-table-header-bg);border-bottom:1px solid var(--color-border)}.modal__title{font-weight:900}.modal__close{background:transparent;border:none;font-size:18px;cursor:pointer;color:var(--color-muted)}.modal__body{padding:14px}.modal__footer{padding:12px 14px;border-top:1px solid var(--color-border);background:var(--color-table-header-bg)}.formRow{display:grid;grid-template-columns:220px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid rgba(217,224,234,.6)}.formRow__label{color:var(--color-muted);font-size:12px}.formRow__control{display:flex;align-items:center;gap:10px}.colorSwatch{width:22px;height:22px;border-radius:8px;border:1px solid var(--color-border)}.tabBar{display:flex;gap:8px;flex-wrap:wrap}.tab{height:34px;padding:0 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;color:var(--color-text)}.tab--active{background:#0b3b8d1a;border-color:#0b3b8d59;color:var(--color-primary);font-weight:800}.permMatrixWrap{overflow:auto;border-radius:12px;border:1px solid var(--color-border)}.permMatrix{border-collapse:collapse;width:100%;font-size:12px}.permMatrix__th,.permMatrix__td{border-bottom:1px solid rgba(217,224,234,.6);border-right:1px solid rgba(217,224,234,.6);padding:8px;text-align:center}.permMatrix__th{background:#f0f3f899;color:var(--color-muted);font-weight:800}.permMatrix__th--rot{width:44px;vertical-align:bottom}.permMatrix__th--rot span{display:inline-block;writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}.permMatrix__td--role{text-align:left;min-width:210px}.permMatrix__td--ok{background:#1f8a5b0f;color:var(--color-ok);font-weight:900}.permRole__name{font-weight:900}.permRole__cat{color:var(--color-muted);font-size:11px;margin-top:2px}.codeBlock{font-family:var(--mono);font-size:12px;background:#f0f3f899;border:1px solid rgba(217,224,234,.8);border-radius:12px;padding:12px;overflow:auto}.text{font-size:13px;line-height:1.35}.text--muted{color:var(--color-muted)}.bullets{margin:8px 0 0 18px;color:var(--color-text);font-size:13px}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid rgba(255,255,255,.55);border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}