:root{--c-bg:#f6f7f9;--c-surface:#fff;--c-border:#e4e7ec;--c-border-strong:#d0d5dd;--c-text:#1d2939;--c-text-muted:#667085;--c-primary:#145ea8;--c-primary-hover:#0f4a86;--c-primary-soft:#e6f0fb;--c-success:#198754;--c-warning:#b54708;--c-danger:#b42318;--c-danger-soft:#fef3f2;--radius:6px;--radius-sm:4px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 4px 12px #10182814;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"SF Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace}*{box-sizing:border-box}html,body,#root{background:var(--c-bg);min-height:100%;color:var(--c-text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-size:14px;line-height:1.5}a{color:var(--c-primary);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{color:var(--c-text);margin:0 0 12px;line-height:1.25}h1{font-size:22px;font-weight:600}h2{font-size:18px;font-weight:600}h3{font-size:15px;font-weight:600}p{margin:0 0 12px}code,pre{font-family:var(--font-mono)}pre{border-radius:var(--radius);background:#f0f2f5;padding:12px;font-size:12px;line-height:1.5;overflow-x:auto}code{background:#f0f2f5;border-radius:3px;padding:1px 5px;font-size:12px}pre code{font-size:inherit;color:inherit;background:0 0;border-radius:0;padding:0}[role=tooltip] code{color:#fff;background:#ffffff24;border-radius:3px;padding:1px 5px;font-size:.92em}::selection{background:var(--c-primary-soft)}.app-shell{grid-template-columns:240px 1fr;height:100vh;display:grid;overflow:hidden}.sidebar{color:#d0d5dd;background:#0e1726;flex-direction:column;gap:4px;height:100vh;padding:0 12px 18px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-brand{border-bottom:1px solid #1f2937;justify-content:flex-start;align-items:center;margin:0 -6px 6px;padding:2px 6px 4px;display:flex}.sidebar-brand img{max-width:140px;height:auto;display:block}.nav-section{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;padding:14px 8px 6px;font-size:11px}.nav-link{border-radius:var(--radius-sm);color:#d0d5dd;align-items:center;gap:10px;padding:7px 10px;font-size:13px;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#1f2937;text-decoration:none}.nav-link.active{background:var(--c-primary);color:#fff}.nav-link svg{opacity:.9;flex-shrink:0;width:16px;height:16px}.nav-link.nav-link-bottom{margin-top:auto}.nav-bottom-row{align-items:center;gap:8px;margin-top:auto;display:flex}.nav-bottom-row .nav-link{flex:1}.version-pill{color:#9aa4b2;font-variant-numeric:tabular-nums;white-space:nowrap;background:#1f2937;border:1px solid #2b3645;border-radius:999px;flex-shrink:0;padding:3px 8px;font-size:11px;line-height:1}.sidebar-footer{border-top:1px solid #1f2937;align-items:center;gap:4px;padding:10px 6px 6px;display:flex}.sidebar-user{color:#d0d5dd;border-radius:var(--radius-sm);flex:1;align-items:center;gap:8px;min-width:0;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .1s,color .1s;display:flex}.sidebar-user:hover{color:#fff;background:#1f2937;text-decoration:none}.sidebar-user.active{background:var(--c-primary);color:#fff}.sidebar-user svg{opacity:.85;flex-shrink:0;width:16px;height:16px}.sidebar-user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sidebar-logout{color:#9aa3ad;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:background .1s,color .1s;display:inline-flex}.sidebar-logout:hover{color:#fff;background:#7f1d1d}.sidebar-logout svg{width:16px;height:16px}.main-area{flex-direction:column;min-width:0;height:100vh;display:flex;overflow:hidden}.sidebar-search{border-radius:var(--radius-sm);color:#9aa3ad;font:inherit;cursor:text;text-align:left;background:#1f2937;border:1px solid #2d3748;align-items:center;gap:8px;width:100%;margin-bottom:6px;padding:7px 10px;font-size:13px;transition:background .1s,border-color .1s,color .1s;display:flex}.sidebar-search:hover{border-color:var(--c-primary,#2563eb);color:#fff;background:#283446}.sidebar-search-icon{opacity:.8;flex-shrink:0;width:14px;height:14px}.sidebar-search-label{flex:1}.sidebar-search-kbd{color:#9aa3ad;background:#0e1726;border:1px solid #2d3748;border-radius:3px;padding:2px 5px;font:10px/1 ui-monospace,SFMono-Regular,Menlo,monospace}.page{flex:1;width:100%;min-height:0;padding:24px;overflow-y:auto}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.page-header h1{margin:0}.page-fill{flex-direction:column;flex:1;gap:12px;width:100%;min-height:0;padding:18px 24px;display:flex}.page-fill>.page-header,.page-fill>.toolbar{flex-shrink:0;margin-bottom:0}.page-fill>.tabbar{flex-shrink:0}.tab-content-fill{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.table-wrap{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.table-scroll{flex:1;min-height:0;overflow:scroll}.table-scroll table{box-shadow:none;border:none;border-radius:0;margin:0}.table-scroll thead th{z-index:2;box-shadow:inset 0 -1px 0 var(--c-border);background:#fafbfc;position:sticky;top:0}.table-scroll thead th:after{display:none}.table-footer{border-top:1px solid var(--c-border);color:var(--c-text-muted);background:#fafbfc;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;font-size:12px;display:flex}.table-footer .btn-sm{padding:3px 10px;font-size:12px}.table-scroll::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:#f0f2f5;width:12px;height:12px;display:block}.table-scroll::-webkit-scrollbar-track{background:#f0f2f5}.table-scroll::-webkit-scrollbar-thumb{background:#c0c6cf;border:2px solid #f0f2f5;border-radius:6px;min-height:30px}.table-scroll::-webkit-scrollbar-thumb:hover{background:#98a2b3}.table-scroll::-webkit-scrollbar-corner{background:#f0f2f5}@supports (scrollbar-color:auto) and (not selector(::-webkit-scrollbar)){.table-scroll{scrollbar-width:auto;scrollbar-color:#c0c6cf #f0f2f5}}.login-shell{background:radial-gradient(at 30% 20%,#eaf1ff 0%,#0000 55%),radial-gradient(at 70% 80%,#f1ebff 0%,#0000 55%),linear-gradient(#f5f7fb 0%,#e8edf4 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card-shell{background:var(--c-surface);border-radius:18px;grid-template-columns:1fr 1fr;width:100%;max-width:960px;min-height:520px;display:grid;overflow:hidden;box-shadow:0 24px 60px #0f172a2e,0 2px 6px #0f172a0f}@media (max-width:820px){.login-card-shell{grid-template-columns:1fr;max-width:420px;min-height:0}.login-hero{display:none}}.login-hero{background:radial-gradient(at 20% 20%,#eef4ff 0%,#0000 55%),radial-gradient(at 80% 80%,#f0eaff 0%,#0000 55%),linear-gradient(#fbfcff 0%,#eef2f8 100%);justify-content:center;align-items:center;padding:40px 32px;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";background:radial-gradient(circle,#2870ed1a,#0000 70%);border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-120px}.login-hero-inner{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:460px;display:flex;position:relative}.login-hero-logo img{filter:drop-shadow(0 8px 24px #145ea81f);width:100%;max-width:320px;height:auto}.login-hero-title{color:var(--c-text);margin:14px 0 0;font-size:32px;font-weight:700}.login-hero-sub{color:var(--c-text-muted);max-width:380px;margin:0;font-size:15px;line-height:1.55}.login-hero-features{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:16px;display:flex}.login-feature{border:1px solid var(--c-border);color:var(--c-text);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:13px;font-weight:500;display:inline-flex;box-shadow:0 1px 2px #0000000a}.login-feature-icon{background:var(--c-primary-soft);width:24px;height:24px;color:var(--c-primary);border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.login-feature-icon svg{width:14px;height:14px}.login-panel{color:#d0d5dd;background:#0e1726;justify-content:center;align-items:center;padding:40px;display:flex}.login-form{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.login-form-head{margin-bottom:8px}.login-form-head h2{color:#fff;margin:0 0 6px;font-size:24px;font-weight:600}.login-form-sub{color:#98a2b3;margin:0;font-size:13px}.login-input{align-items:center;display:flex;position:relative}.login-input-icon{color:#6b7280;pointer-events:none;display:inline-flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.login-input .input{color:#fff;border-radius:var(--radius-sm);background:#1a2436;border:1px solid #2a3548;width:100%;padding:11px 12px 11px 40px;font-size:14px;transition:border-color .1s,box-shadow .1s}.login-input .input::placeholder{color:#6b7280}.login-input .input:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 3px #2870ed40}.login-input-toggle{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.login-input-toggle:hover{color:#fff;background:#2a3548}.login-submit{justify-content:center;width:100%;margin-top:4px;padding:12px;font-size:14px;font-weight:600}.login-form-foot{color:#6b7280;text-align:center;border-top:1px solid #2a3548;margin-top:18px;padding-top:16px;font-size:12px}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:16px}.btn{border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:500;line-height:1.4;transition:background .1s,border-color .1s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--c-text-muted);background:#f8fafc}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.btn-primary:hover:not(:disabled){background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.btn-danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-danger:hover:not(:disabled){background:#98261b;border-color:#98261b}.btn-sm{padding:4px 10px;font-size:12px}.btn-ghost{color:var(--c-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){color:var(--c-text);background:#f0f2f5}.input,.select,.textarea{border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);width:100%;font-size:13px;font-family:var(--font);background:var(--c-surface);color:var(--c-text);padding:7px 10px}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-soft);outline:none}.textarea{resize:vertical;min-height:80px;font-family:var(--font-mono)}.field{margin-bottom:14px}.field label{color:var(--c-text);margin-bottom:4px;font-size:12px;font-weight:500;display:block}.field .help{color:var(--c-text-muted);margin-top:4px;font-size:12px}.field-row{gap:12px;display:flex}.field-row .field{flex:1}table{border-collapse:collapse;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);width:100%;overflow:hidden}th,td{text-align:left;padding:9px 12px;font-size:13px}th{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--c-border);background:#fafbfc;font-size:12px;font-weight:600}tbody tr{border-bottom:1px solid var(--c-border)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#fafbfc}td.actions{text-align:right}table.table-compact{table-layout:fixed;width:100%;font-size:13px}table.table-compact th,table.table-compact td{white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #f0f2f5;padding:4px 10px;overflow:hidden}table.table-compact th:last-child,table.table-compact td:last-child{border-right:none}table.table-compact th{padding:6px 10px}table.table-compact td.col-menu{text-align:center;width:36px;padding:2px 6px}table.table-compact td.col-icon{text-align:center;width:60px}table.table-compact tbody tr{cursor:default}table.table-rows-clickable tbody tr{cursor:pointer;transition:background .1s}table.table-rows-clickable tbody tr:hover{background:var(--c-primary-soft)}table.table-compact tbody tr.token-row.clickable{cursor:pointer;transition:background .1s}table.table-compact tbody tr.token-row.clickable:hover{background:var(--c-primary-soft)}table.table-compact tbody tr.token-row.revoked,table.table-compact tbody tr.token-row.revoked:hover{background:var(--c-danger-soft)}table.table-compact tr.version-row-open{background:var(--c-primary-soft)}table.table-compact tr.version-row-detail td{white-space:normal;border-bottom:2px solid var(--c-primary-soft);background:#fafbfc;padding:14px 16px;overflow:visible}table.table-compact tr.version-row-detail:hover td{background:#fafbfc}.row-menu-trigger{border-radius:var(--radius-sm);cursor:pointer;color:var(--c-text-muted);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:4px 6px;line-height:0;transition:background .1s,color .1s,border-color .1s;display:inline-flex}.row-menu-trigger:hover{color:var(--c-text);border-color:var(--c-border);background:#f0f2f5}.row-menu-trigger[aria-expanded=true]{background:var(--c-primary-soft);color:var(--c-primary);border-color:var(--c-primary)}.row-menu-dropdown{z-index:100;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;min-width:180px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.row-menu-item{text-align:left;cursor:pointer;color:var(--c-text);border-radius:var(--radius-sm);background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:13px;display:flex}.row-menu-item:hover:not(:disabled){background:#f0f2f5}.row-menu-item:disabled{color:var(--c-text-muted);cursor:not-allowed;opacity:.6}.row-menu-item.destructive{color:var(--c-danger)}.row-menu-item.destructive:hover:not(:disabled){background:var(--c-danger-soft)}.row-menu-icon{align-items:center;width:14px;display:inline-flex}.badge{letter-spacing:.02em;border-radius:10px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.badge-default{color:var(--c-text-muted);background:#f0f2f5}.badge-success{color:#027a48;background:#d1fadf}.badge-warning{color:var(--c-warning);background:#fef0c7}.badge-danger{background:var(--c-danger-soft);color:var(--c-danger)}.badge-info{background:var(--c-primary-soft);color:var(--c-primary)}.badge-mono{font-family:var(--font-mono);padding:1px 6px;font-size:11px}.alert{border-radius:var(--radius-sm);border:1px solid;margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-error{background:var(--c-danger-soft);color:var(--c-danger);border-color:#fda29b}.alert-success{color:#027a48;background:#d1fadf;border-color:#6ce9a6}.alert-info{background:var(--c-primary-soft);color:var(--c-primary);border-color:#b9dafd}.modal-backdrop{z-index:1000;-webkit-overflow-scrolling:touch;background:#0f172a73;justify-content:center;align-items:flex-start;padding:20px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-y:auto}.modal{background:var(--c-surface);border-radius:var(--radius);width:100%;max-width:460px;box-shadow:var(--shadow-md);max-height:calc(100vh - 40px);margin:auto;padding:22px 24px;overflow-y:scroll}.modal h2{margin-bottom:8px;font-size:16px}.modal p{color:var(--c-text-muted);font-size:13px}.modal-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.modal::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:#e4e7ec;width:12px;height:12px;display:block}.modal::-webkit-scrollbar-track{border-radius:0 var(--radius) var(--radius) 0;background:#e4e7ec}.modal::-webkit-scrollbar-thumb{background:#98a2b3;border:2px solid #e4e7ec;border-radius:6px;min-height:30px}.modal::-webkit-scrollbar-thumb:hover{background:#667085}.modal::-webkit-scrollbar-corner{background:#e4e7ec}@supports (scrollbar-color:auto) and (not selector(::-webkit-scrollbar)){.modal{scrollbar-width:auto;scrollbar-color:#98a2b3 #e4e7ec}}.modal-wide{max-width:560px}.modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.modal-head h2{margin-bottom:0}.modal-subtitle{margin-top:8px}.modal-body{font-size:13px}.modal-close{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.modal-close:hover{background:var(--c-bg);color:var(--c-text)}.wizard-steps{flex-wrap:wrap;gap:6px;display:flex}.wizard-step{color:var(--c-text-muted);align-items:center;gap:6px;font-size:11px;font-weight:500;display:inline-flex}.wizard-step:not(:last-child):after{content:"";background:var(--c-border-strong);width:14px;height:1px;margin-left:4px}.wizard-step-num{background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;line-height:1;display:inline-flex}.wizard-step-current{color:var(--c-primary)}.wizard-step-current .wizard-step-num{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.wizard-step-done{color:var(--c-success)}.wizard-step-done .wizard-step-num{background:var(--c-success);border-color:var(--c-success);color:#fff}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.stat-card .stat-label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.stat-card .stat-value{margin-top:4px;font-size:26px;font-weight:600}.stat-card .stat-meta{color:var(--c-text-muted);margin-top:4px;font-size:12px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.toolbar .spacer{flex:1}.copyable{border-radius:var(--radius-sm);font-family:var(--font-mono);cursor:pointer;background:#f0f2f5;align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:inline-flex}.filter-bar{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);flex-wrap:wrap;flex-shrink:0;align-items:flex-end;gap:8px;padding:10px 12px;display:flex}.filter-field{flex-direction:column;gap:2px;min-width:0;display:flex}.filter-field label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:11px}.filter-field .input,.filter-field .select{box-sizing:border-box;min-width:140px;height:28px;padding:5px 8px;font-size:12px;line-height:1.2}.filter-field input[type=datetime-local]{font-family:var(--font)}.filter-field input[type=datetime-local]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6;margin-left:4px;padding:0}.filter-field input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{opacity:1}.combobox{position:relative}.combobox-input{display:flex;position:relative}.combobox-input .input{padding-right:22px}.combobox-clear{cursor:pointer;width:18px;height:18px;color:var(--c-text-muted);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.combobox-clear:hover{color:var(--c-text);background:#f0f2f5}.combobox-list{z-index:50;background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);min-width:100%;max-height:240px;margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 2px);left:0;right:0;overflow-y:auto}.combobox-item{cursor:pointer;border-radius:3px;align-items:baseline;gap:8px;padding:6px 8px;font-size:12px;display:flex}.combobox-item.is-focus{background:var(--c-primary-soft);color:var(--c-primary)}.combobox-item.is-current:before{content:"✓ ";color:var(--c-primary);font-weight:600}.combobox-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.combobox-item-hint{color:var(--c-text-muted);font-size:11px}.combobox-empty{color:var(--c-text-muted);text-align:center;padding:8px;font-size:12px;font-style:italic}.audit-detail-table{width:100%;margin-bottom:8px}.audit-detail-table th{text-align:left;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em;vertical-align:top;background:0 0;width:90px;padding:4px 8px 4px 0;font-size:11px}.audit-detail-table td{padding:4px 0;font-size:13px}.audit-diff-table{border:1px solid var(--c-border);border-radius:var(--radius-sm);width:100%;overflow:hidden}.audit-diff-table th,.audit-diff-table td{vertical-align:top;border-bottom:1px solid var(--c-border);padding:6px 10px;font-size:12px}.audit-diff-table thead th{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.03em;background:#fafbfc;font-size:11px}.audit-diff-table tbody tr:last-child td{border-bottom:none}.audit-diff-before{background:var(--c-danger-soft);color:var(--c-danger);font-size:12px}.audit-diff-after{color:#027a48;background:#d1fadf;font-size:12px}.audit-diff-pill{font-family:var(--font-mono);color:inherit;white-space:nowrap;background:#ffffffb3;border:1px solid;border-radius:999px;padding:2px 8px;font-size:11px;display:inline-block}.audit-diff-after .audit-diff-pill{border-color:#6ce9a6}.audit-diff-before .audit-diff-pill{border-color:#fda29b}.audit-meta-pre{border-radius:var(--radius-sm);background:#f0f2f5;max-height:200px;margin:0;padding:10px 12px;font-size:11px;line-height:1.5;overflow:auto}.tabbar{border-bottom:1px solid var(--c-border);gap:4px;margin-bottom:18px;display:flex}.tabbar-with-action{align-items:center}.tabbar-action{margin-bottom:6px}.tab{cursor:pointer;color:var(--c-text-muted);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 14px;font-size:13px}.tab.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:500}.tab:hover{color:var(--c-text)}.muted{color:var(--c-text-muted)}.text-mono{font-family:var(--font-mono);font-size:12px}.chart{width:100%;height:220px}.kbd{border:1px solid var(--c-border-strong);font-family:var(--font-mono);background:#fafbfc;border-radius:3px;padding:1px 6px;font-size:11px;display:inline-block}.empty-state{text-align:center;color:var(--c-text-muted);border:1px dashed var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);padding:40px 20px}.empty-state h3{color:var(--c-text);margin-bottom:6px}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}@media (max-width:960px){.detail-grid{grid-template-columns:1fr}}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-bottom:16px;display:grid}.kpi-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;gap:4px;padding:14px 16px;display:flex}.kpi-label{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.kpi-value{font-size:26px;font-weight:600;line-height:1.1}.kpi-sub{color:var(--c-text-muted);margin-top:2px;font-size:12px}.period-switch{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);gap:2px;padding:2px;display:inline-flex}.period-btn{color:var(--c-text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:5px 12px;font-size:12px;font-weight:500;transition:background .1s,color .1s}.period-btn:hover:not(.is-active){color:var(--c-text);background:#f0f2f5}.period-btn.is-active{background:var(--c-primary);color:#fff}.chart-card{padding:18px 20px}.chart-header{justify-content:space-between;align-items:baseline;margin-bottom:12px;display:flex}.chart-header h3{margin:0}.bar-list{flex-direction:column;gap:10px;display:flex}.bar-row{flex-direction:column;gap:4px;display:flex}.bar-row-head{justify-content:space-between;align-items:baseline;gap:8px;font-size:12px;display:flex}.bar-row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.bar-row-value{color:var(--c-text-muted);font-variant-numeric:tabular-nums}.bar-row-track{background:#f0f2f5;border-radius:3px;height:6px;overflow:hidden}.bar-row-fill{background:linear-gradient(90deg, var(--c-primary), #4a8cf2);border-radius:3px;height:100%;transition:width .25s}.role-switch{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);gap:3px;padding:3px;display:inline-flex}.role-switch button{cursor:pointer;border-radius:var(--radius-sm);color:var(--c-text-muted);background:0 0;border:none;padding:5px 16px;font-size:13px;font-weight:500}.role-switch button.active{background:var(--c-surface);color:var(--c-text);box-shadow:var(--shadow-sm)}.perm-section{margin-bottom:14px}.perm-section-head{border-bottom:1px solid var(--c-border);align-items:center;gap:10px;margin-bottom:2px;padding-bottom:10px;display:flex}.perm-section-icon{border-radius:var(--radius);background:var(--c-primary-soft);width:32px;height:32px;color:var(--c-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.perm-section-title{font-size:14px;font-weight:600}.perm-section-count{color:var(--c-text-muted);margin-left:auto;font-size:12px}.perm-item{border-bottom:1px solid var(--c-border);cursor:pointer;align-items:center;gap:16px;padding:12px 0;display:flex}.perm-item:last-child{border-bottom:none}.perm-item.is-readonly{cursor:default}.perm-item.is-readonly .switch{opacity:.55}.perm-item-main{flex:1;min-width:0}.perm-item-name{flex-wrap:wrap;align-items:center;gap:8px;font-weight:500;display:flex}.perm-item-desc{color:var(--c-text-muted);margin-top:3px;font-size:12.5px}.perm-code{font-family:var(--font-mono);color:var(--c-text-muted);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:1px 6px;font-size:11px}.perm-item .switch{flex-shrink:0}.roles-savebar{background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-md);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding:12px 16px;display:flex;position:sticky;bottom:16px}.switch{width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch-slider{cursor:pointer;background:#cfd6dd;border-radius:20px;transition:all .15s;position:absolute;top:0;bottom:0;left:0;right:0}.switch-slider:before{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .15s;position:absolute;top:3px;left:3px}.switch input:checked+.switch-slider{background:var(--c-primary)}.switch input:checked+.switch-slider:before{transform:translate(16px)}.qr-block{text-align:center;border-radius:var(--radius);background:#fafbfc;padding:12px}.qr-block img{max-width:180px;margin:0 auto 12px;display:block}.integration-content{min-width:0;max-width:980px}.quickstart-step{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);grid-template-columns:48px minmax(0,1fr);gap:16px;margin-bottom:14px;padding:18px 20px;display:grid}@media (max-width:640px){.quickstart-step{grid-template-columns:1fr;padding:14px 16px}}.quickstart-step-num{background:var(--c-primary);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:600;display:flex}.quickstart-step-body{min-width:0}.quickstart-step-body h3{margin:0 0 6px;font-size:16px}.quickstart-step-body p{margin:0 0 10px;font-size:13px;line-height:1.5}.integration-cta{background:var(--c-primary-soft);border-radius:var(--radius);color:var(--c-text);border:1px solid #b9dafd;margin-top:18px;padding:14px 18px;font-size:13px}.integration-cta a{color:var(--c-primary);font-weight:500}.example-group{margin-bottom:28px}.example-group-title{border-bottom:2px solid var(--c-primary);margin:0 0 4px;padding-bottom:6px;font-size:18px;font-weight:600;display:inline-block}.example-block{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);min-width:0;max-width:100%;margin-top:14px;overflow:hidden}.example-group{min-width:0}.example-block-head{border-bottom:1px solid var(--c-border);background:#fafbfc;justify-content:space-between;align-items:center;padding:8px 14px;font-size:13px;display:flex}.example-block-title{font-weight:500}.example-block-lang{color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-family:var(--font-mono)}.docs-grid{grid-template-columns:280px 1fr;align-items:start;gap:14px;display:grid}@media (max-width:880px){.docs-grid{grid-template-columns:1fr}}.docs-list{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;gap:2px;padding:6px;display:flex}.docs-list-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:flex-start;padding:8px 10px;transition:background .1s;display:flex}.docs-list-item:hover{background:#f0f2f5}.docs-list-item.is-active{background:var(--c-primary-soft);color:var(--c-primary)}.docs-list-name{font-size:13px;font-weight:500}.docs-list-meta{color:var(--c-text-muted);margin-top:2px;font-size:11px}.docs-list-section{border-top:1px solid var(--c-border);margin-top:6px;padding:8px}.docs-content{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius);flex-direction:column;display:flex}.docs-content-head{border-bottom:1px solid var(--c-border);background:#fafbfc;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.docs-content-body{font-family:var(--font-mono);white-space:pre-wrap;max-height:70vh;color:var(--c-text);background:#fff;margin:0;padding:16px;font-size:12px;line-height:1.55;overflow:auto}.code-block{color:#d0d5dd;border-radius:var(--radius-sm);background:#0f1729;min-width:0;max-width:100%;margin:6px 0;position:relative;overflow:hidden}.code-block.is-bordered{border:1px solid #1f2937}.code-block pre{font-family:var(--font-mono);color:inherit;background:0 0;margin:0;padding:14px 90px 14px 16px;font-size:12.5px;line-height:1.55;overflow-x:auto}.code-block-copy{color:#d0d5dd;cursor:pointer;background:#1f2937;border:1px solid #2a3548;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500;transition:background .1s,color .1s;position:absolute;top:8px;right:8px}.code-block-copy:hover{color:#fff;background:#2a3548}.code-block-lang-tag{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-family:var(--font-mono);pointer-events:none;position:absolute;bottom:6px;right:10px}.profile-card{margin-bottom:14px}.profile-identity{align-items:center;gap:14px;display:flex}.profile-avatar{background:var(--c-primary-soft);width:48px;height:48px;color:var(--c-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-name{font-size:16px;font-weight:600}.security-row{border-bottom:1px solid var(--c-border);align-items:center;gap:14px;padding:14px 0;display:flex}.security-row:last-child{border-bottom:none}.security-row:first-of-type{padding-top:6px}.security-icon{border-radius:var(--radius);background:var(--c-bg);width:36px;height:36px;color:var(--c-text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.security-text{flex:1;min-width:0}.security-title{align-items:center;gap:8px;font-weight:600;display:flex}.security-row .btn{flex-shrink:0}.totp-secret{font-family:var(--font-mono);letter-spacing:.06em;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-sm);word-break:break-all;margin-top:6px;padding:6px 10px;font-size:13px;display:inline-block}.totp-code-input{font-family:var(--font-mono);letter-spacing:.4em;text-align:center;font-size:20px}.recovery-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0 4px;display:grid}.recovery-code{font-family:var(--font-mono);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-sm);text-align:center;letter-spacing:.04em;padding:8px 10px;font-size:14px}.checkbox-row{cursor:pointer;align-items:flex-start;gap:8px;font-size:13px;display:flex}.checkbox-row input{margin-top:2px}.scope-tree{border:1px solid var(--c-border);border-radius:var(--radius-sm);max-height:260px;padding:4px 10px;overflow-y:auto}.scope-product{padding:5px 0}.scope-product+.scope-product{border-top:1px solid var(--c-border)}.scope-item{cursor:pointer;align-items:center;gap:8px;padding:3px 0;font-size:13px;font-weight:400;display:flex}.scope-item input{flex-shrink:0;margin:0}.scope-sub{color:var(--c-text-muted);padding-left:24px}.scope-tree-tall{max-height:min(52vh,440px)}.scope-summary{border:1px solid var(--c-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.scope-summary-info{align-items:center;gap:8px;min-width:0;font-size:13px;display:flex}.scope-summary-detail{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.scope-summary .btn{flex-shrink:0}