:root{color-scheme:dark;--oxb-bg: #070a10;--oxb-surface: #0d111a;--oxb-surface-2: #131925;--oxb-card: rgba(18, 24, 35, .86);--oxb-border: rgba(156, 171, 194, .18);--oxb-text: #f5f7fb;--oxb-muted: #9aa7bb;--oxb-soft: #cbd5e1;--oxb-accent: #3b82f6;--oxb-accent-strong: #2563eb;--oxb-success: #22c55e;--oxb-warning: #f59e0b;--oxb-danger: #ef4444;--oxb-info: #38bdf8}[data-theme=light]{color-scheme:light;--oxb-bg: #f6f7f9;--oxb-surface: #ffffff;--oxb-surface-2: #eef2f7;--oxb-card: rgba(255, 255, 255, .92);--oxb-border: rgba(15, 23, 42, .12);--oxb-text: #111827;--oxb-muted: #64748b;--oxb-soft: #334155}.oxb-btn{align-items:center;border:1px solid transparent;border-radius:8px;cursor:pointer;display:inline-flex;font:inherit;font-weight:700;gap:8px;min-height:38px;padding:0 14px;transition:background .14s ease,border-color .14s ease,transform .14s ease}.oxb-btn:disabled{cursor:not-allowed;opacity:.52}.oxb-btn:not(:disabled):active{transform:translateY(1px)}.oxb-btn-primary{background:var(--oxb-accent);color:#fff}.oxb-btn-primary:hover{background:var(--oxb-accent-strong)}.oxb-btn-secondary{background:var(--oxb-surface-2);border-color:var(--oxb-border);color:var(--oxb-text)}.oxb-btn-danger{background:#ef44441f;border-color:#ef444457;color:#fecaca}.oxb-btn-ghost{background:transparent;color:var(--oxb-soft)}.oxb-btn-icon{display:inline-flex}.oxb-badge{align-items:center;border:1px solid var(--oxb-border);border-radius:999px;display:inline-flex;font-size:12px;font-weight:800;line-height:1;padding:5px 8px}.oxb-badge-neutral{background:#94a3b81f;color:var(--oxb-soft)}.oxb-badge-success{background:#22c55e1f;border-color:#22c55e47;color:#86efac}.oxb-badge-warning{background:#f59e0b1f;border-color:#f59e0b4d;color:#fcd34d}.oxb-badge-danger{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}.oxb-badge-info{background:#38bdf81f;border-color:#38bdf84d;color:#7dd3fc}.oxb-card{background:var(--oxb-card);border:1px solid var(--oxb-border);border-radius:10px;box-shadow:0 16px 48px #0206172e}.oxb-card-header{align-items:center;border-bottom:1px solid var(--oxb-border);display:flex;justify-content:space-between;padding:16px 18px}.oxb-card-header h2{font-size:16px;letter-spacing:0;margin:0}.oxb-eyebrow{color:var(--oxb-muted);font-size:11px;font-weight:800;letter-spacing:.08em;margin:0 0 6px;text-transform:uppercase}*{box-sizing:border-box}body{background:radial-gradient(circle at top left,rgba(59,130,246,.14),transparent 32rem),var(--oxb-bg);color:var(--oxb-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0}button,input,textarea{font:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#080d17f0;border-right:1px solid var(--oxb-border);display:flex;flex-direction:column;height:100vh;padding:18px;position:sticky;top:0}.brand{align-items:center;background:transparent;border:0;color:var(--oxb-text);cursor:pointer;display:flex;gap:12px;margin-bottom:28px;padding:0;text-align:left;width:100%}.brand-mark{align-items:center;background:linear-gradient(145deg,#2563eb,#38bdf8);border-radius:9px;display:inline-flex;font-weight:900;height:38px;justify-content:center;width:38px}.brand strong,.brand small{display:block}.brand small,.nav-section p,.nav-group p,.eyebrow{color:var(--oxb-muted);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.nav-section,.nav-group{display:grid;gap:6px;margin-bottom:22px}.sidebar-footer{border-top:1px solid var(--oxb-border);margin-top:auto;padding-top:14px}.logout-button{justify-content:center;width:100%}.nav-section button,.nav-group button{align-items:center;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--oxb-soft);cursor:pointer;display:flex;gap:10px;min-height:38px;padding:0 10px;text-align:left}.nav-section button:hover,.nav-group button:hover,.nav-section button.active,.nav-group button.active{background:#3b82f621;border-color:#3b82f647;color:#fff}.main{min-width:0}.topbar{align-items:center;background:#070a10d1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--oxb-border);display:flex;gap:18px;justify-content:space-between;min-height:72px;padding:0 28px;position:sticky;top:0;z-index:5}.topbar h1,.page-title h2,.hero-panel h2{letter-spacing:0;margin:0}.topbar-actions{align-items:center;display:flex;gap:10px}.user-chip{border:1px solid var(--oxb-border);border-radius:8px;display:grid;min-width:132px;padding:7px 10px}.user-chip small,.muted,.list-row small{color:var(--oxb-muted)}.content{margin:0 auto;max-width:1360px;padding:32px}.page-grid{display:grid;gap:22px}.hero-panel{align-items:center;background:linear-gradient(135deg,#2563ebe0,#0e1523f5);border:1px solid rgba(147,197,253,.24);border-radius:14px;display:flex;justify-content:space-between;min-height:178px;padding:30px}.hero-panel h2{font-size:clamp(30px,5vw,54px)}.hero-badges,.action-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.two.uneven{grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.card-body{padding:18px}.rows{display:grid;padding:0}.list-row{align-items:center;border-bottom:1px solid var(--oxb-border);display:flex;gap:14px;justify-content:space-between;min-height:64px;padding:14px 18px}.list-row-button{background:transparent;border-left:0;border-right:0;border-top:0;color:inherit;cursor:pointer;text-align:left;width:100%}.list-row-button:hover{background:#3b82f614}.list-row:last-child{border-bottom:0}.list-row strong,.list-row small{display:block}.metric{display:grid;gap:10px;padding:18px}.metric span{color:var(--oxb-muted);font-size:12px;font-weight:800;text-transform:uppercase}.metric strong{font-size:30px}.quick-card{align-items:center;background:var(--oxb-card);border:1px solid var(--oxb-border);border-radius:10px;color:var(--oxb-text);display:flex;gap:10px;min-height:76px;padding:18px;text-decoration:none}.page-title{align-items:end;display:flex;justify-content:space-between}.page-title.with-actions{gap:16px}.search-box{align-items:center;background:var(--oxb-surface);border:1px solid var(--oxb-border);border-radius:8px;display:flex;gap:8px;min-height:42px;padding:0 12px;width:min(420px,100%)}.search-box input{background:transparent;border:0;color:var(--oxb-text);outline:0;width:100%}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:1040px;width:100%}th,td{border-bottom:1px solid var(--oxb-border);padding:14px 18px;text-align:left}th{color:var(--oxb-muted);cursor:pointer;font-size:12px;text-transform:uppercase}.link-button{background:transparent;border:0;color:#93c5fd;cursor:pointer;font-weight:800;padding:0}.table-subtitle{color:var(--oxb-muted);display:block;margin-top:4px}.table-empty{color:var(--oxb-muted);min-height:84px;padding:28px;text-align:center}.empty-state{align-items:center;color:var(--oxb-muted);display:flex;justify-content:center;min-height:96px;text-align:center}.empty-state.large{display:grid;gap:10px;min-height:320px;padding:30px}.stack{display:grid;gap:12px}.application-form label{display:grid;gap:7px}.application-form label span{color:var(--oxb-soft);font-size:13px;font-weight:700}.application-form textarea{background:var(--oxb-surface);border:1px solid var(--oxb-border);border-radius:8px;color:var(--oxb-text);min-height:82px;outline:0;padding:10px 12px;resize:vertical}.application-form textarea:focus{border-color:#3b82f69e}.form-actions{display:flex;gap:10px;justify-content:flex-end}.form-error{color:#fca5a5;margin:0}.drawer-backdrop{background:#0206179e;display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:30}.account-drawer{background:var(--oxb-bg);border-left:1px solid var(--oxb-border);box-shadow:-24px 0 70px #0000006b;height:100vh;overflow-y:auto;width:min(980px,calc(100vw - 260px))}.account-drawer-page{border:1px solid var(--oxb-border);border-radius:12px;box-shadow:none;height:auto;min-height:0;overflow:visible;width:100%}.account-drawer-page .drawer-header{position:static}.drawer-header{align-items:center;background:#070a10f0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--oxb-border);display:flex;gap:16px;justify-content:space-between;padding:22px 24px;position:sticky;top:0;z-index:2}.drawer-header h2{font-size:28px;margin:0 0 4px}.drawer-actions{display:flex;gap:10px}.drawer-content{display:grid;gap:16px;padding:20px}.detail-summary{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.summary-tile,.info-block,.detail-section{background:var(--oxb-card);border:1px solid var(--oxb-border);border-radius:10px}.summary-tile{align-items:center;display:flex;gap:12px;justify-content:space-between;min-height:64px;padding:14px}.summary-tile>.role-list{justify-content:flex-end}.summary-tile .summary-label,.info-block span,.detail-reason span{color:var(--oxb-muted);font-size:12px;font-weight:800;text-transform:uppercase}.detail-section{display:grid;gap:14px;padding:16px}.detail-section-title{align-items:center;display:flex;justify-content:space-between}.detail-section-title h3{margin:0}.detail-grid{display:grid;gap:14px}.detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.info-block{display:grid;gap:8px;min-width:0;padding:14px}.info-block strong{overflow-wrap:anywhere}.compact-list{border:1px solid var(--oxb-border);border-radius:10px;overflow:hidden}.compact-row{align-items:center;border-bottom:1px solid var(--oxb-border);display:flex;gap:14px;justify-content:space-between;min-height:58px;padding:12px 14px}.compact-row:last-child{border-bottom:0}.compact-row strong,.compact-row small,.compact-row span{display:block}.compact-row small{color:var(--oxb-muted)}.compact-row p{margin:8px 0 0}.compact-row code{color:var(--oxb-soft);overflow-wrap:anywhere}.character-row{align-items:flex-start}.character-hero{align-items:center;display:flex;justify-content:space-between;gap:18px;padding:22px}.character-hero h3{font-size:30px;margin:0 0 12px}.domain-grid{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.domain-metrics{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.slot-access-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.slot-card{background:#0f172a47;border:1px solid var(--oxb-border);border-radius:10px;display:grid;gap:14px;padding:14px}.slot-card-head{align-items:center;display:flex;gap:12px;justify-content:space-between}.slot-card-head small{color:var(--oxb-muted);display:block;margin-top:4px}.slot-card-body{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.detail-reason{display:grid;gap:8px}.detail-reason input{background:var(--oxb-surface);border:1px solid var(--oxb-border);border-radius:8px;color:var(--oxb-text);min-height:40px;outline:0;padding:0 12px}.detail-reason input:focus{border-color:#3b82f69e}.role-list{display:flex;flex-wrap:wrap;gap:8px}.role-list.inline{align-items:center;display:inline-flex}.role-action-group{display:grid;gap:10px}.role-action-group-title{display:grid;gap:4px}.role-action-group-title small{color:var(--oxb-muted)}.role-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.role-action,.whitelist-actions{align-items:center;background:#0f172a5c;border:1px solid var(--oxb-border);border-radius:10px;display:flex;gap:12px;justify-content:space-between;min-height:72px;padding:12px}.role-action small,.whitelist-actions small{color:var(--oxb-muted);display:block;margin-top:4px}.action-row.compact{margin-top:0}.panel-alert{background:#3b82f61a;border:1px solid rgba(59,130,246,.28);border-radius:10px;color:var(--oxb-soft);padding:12px 14px}.panel-alert.danger{background:#ef44441f;border-color:#ef444452;color:#fecaca}.menu-button{display:none}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{inset:0 auto 0 0;position:fixed;transform:translate(-102%);transition:transform .16s ease;width:280px;z-index:20}.app-shell[data-sidebar-open=true] .sidebar{transform:translate(0)}.menu-button{display:inline-flex}.topbar{padding:0 16px}.topbar-actions{display:none}.content{padding:20px}.grid.two,.grid.two.uneven,.grid.three,.grid.four,.detail-summary,.detail-grid.two,.domain-grid,.domain-metrics,.slot-access-grid,.slot-card-body,.role-grid{grid-template-columns:1fr}.account-drawer{width:100vw}.account-drawer-page{width:100%}.drawer-header{align-items:flex-start;flex-direction:column}.drawer-actions{width:100%}.hero-panel{align-items:flex-start;flex-direction:column;gap:22px}}