:root{font-family:Inter,"SF Pro Display","PingFang SC",system-ui,sans-serif;color:#edf4ff;background:#071018;font-synthesis:none;--panel:#101c27;--panel-2:#132331;--line:#223645;--muted:#8ca2b4;--cyan:#45d7c5;--blue:#5c8dff;--danger:#ff6b78;--warning:#ffbd63}*{box-sizing:border-box}body{margin:0;min-width:1080px;min-height:100vh;background:radial-gradient(circle at 78% 0,#173044 0,transparent 35%),#071018}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:26px 18px;border-right:1px solid var(--line);background:rgba(7,16,24,.88);backdrop-filter:blur(18px);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;color:#061016;font-weight:900;background:linear-gradient(135deg,var(--cyan),#9cf7e9);box-shadow:0 8px 32px #45d7c533}.brand strong,.brand small{display:block}.brand small{margin-top:2px;color:var(--muted);font-size:11px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;border-radius:10px;padding:11px 13px;text-align:left;color:var(--muted);background:transparent;cursor:pointer;font-size:14px}.nav-item:hover,.nav-item.active{color:#fff;background:#172a38}.nav-item.active{box-shadow:inset 3px 0 var(--cyan)}.back-link{margin-top:auto;padding:12px;color:var(--muted);text-decoration:none;font-size:13px}.back-link:hover{color:var(--cyan)}main{padding:32px 38px 56px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.eyebrow{margin:0 0 7px;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}h1,h2{margin:0}h1{font-size:29px;letter-spacing:-.03em}h2{font-size:18px;letter-spacing:-.015em}.top-actions{display:flex;align-items:center;gap:12px}.status{padding:7px 11px;border-radius:999px;font-size:12px;border:1px solid}.status.pending{color:var(--warning);border-color:#ffbd6355;background:#ffbd6310}.status.ok{color:var(--cyan);border-color:#45d7c555;background:#45d7c510}.status.error{color:var(--danger);border-color:#ff6b7855;background:#ff6b7810}.button{appearance:none;border:1px solid transparent;border-radius:9px;padding:9px 14px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.button:disabled{opacity:.5;cursor:not-allowed}.button.primary{color:#061016;background:linear-gradient(135deg,var(--cyan),#8defe2)}.button.secondary{color:#dce9f5;border-color:var(--line);background:#12212e}.notice{margin:-8px 0 20px;padding:12px 14px;border:1px solid #5c8dff55;border-radius:10px;color:#cfe0ff;background:#5c8dff12}.notice.error{border-color:#ff6b7855;color:#ffd5d9;background:#ff6b7812}.panel{display:none}.panel.active{display:block}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric,.card{border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,rgba(18,34,46,.94),rgba(12,24,34,.94));box-shadow:0 20px 55px #0004}.metric{padding:20px}.metric span,.metric small{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin:10px 0 7px;font-size:30px}.card{padding:22px;min-width:0}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.two-column{display:grid;grid-template-columns:minmax(420px,.85fr) minmax(560px,1.15fr);gap:18px}.two-column.narrow-form{grid-template-columns:minmax(340px,.65fr) minmax(650px,1.35fr)}form{display:grid;gap:15px}label{display:grid;gap:7px;color:#b7c9d6;font-size:12px;font-weight:700}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;color:#eef7ff;background:#09141d;font:inherit;font-size:13px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #45d7c514}textarea{resize:vertical;line-height:1.5}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:11px}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:11px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{position:sticky;top:0;color:var(--muted);background:#0c1923;font-size:10px;text-transform:uppercase;letter-spacing:.07em}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#ffffff04}.mono{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px}.pill{display:inline-block;padding:4px 7px;border-radius:999px;font-size:10px;font-weight:800}.pill.active{color:var(--cyan);background:#45d7c51a}.pill.suspended{color:var(--danger);background:#ff6b781a}.timeline{display:grid;gap:11px}.timeline-item{display:grid;grid-template-columns:155px 1fr;gap:18px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-item:last-child{border-bottom:0}.timeline time{color:var(--muted);font-size:11px}.timeline strong,.timeline small{display:block}.timeline small{margin-top:4px;color:var(--muted)}.empty{color:var(--muted);padding:20px 0}.audit-head{gap:20px}.filter-form{display:flex;gap:8px}.filter-form input{width:190px}.state-json{max-width:300px;white-space:pre-wrap;word-break:break-word;color:var(--muted)}.stack{display:grid;gap:18px;align-content:start}.form-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.button.danger{color:#fff;background:#8b2631;border-color:#b23b48}.button.danger:hover{background:#a6313e}@media(max-width:1180px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-column,.two-column.narrow-form{grid-template-columns:1fr}.shell{grid-template-columns:220px}main{padding:28px 26px}}

.card-head.compact{margin-bottom:15px}.rollout-impact{padding:12px 14px;border:1px solid #5c8dff55;border-radius:10px;color:#cfe0ff;background:#5c8dff12;font-size:12px;line-height:1.65}.rollout-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-help{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.6}
.template-copy-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.template-copy-row .button{white-space:nowrap}
.customer-metrics{grid-template-columns:repeat(2,minmax(0,1fr));max-width:720px}.compact-button{padding:5px 9px;font-size:11px}
.organization-branding-preview{display:flex;align-items:center;gap:14px;min-height:82px;padding:14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035)}.organization-branding-preview img{width:54px;height:54px;flex:none;object-fit:contain}.organization-branding-preview strong,.organization-branding-preview small{display:block}.organization-branding-preview strong{font-size:18px}.organization-branding-preview small{margin-top:4px;color:var(--muted)}.inline-check{display:flex;grid-template-columns:auto 1fr;align-items:center;gap:9px}.inline-check input{width:auto}.branding-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.product-mode-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{display:grid;gap:12px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}fieldset{min-width:0;margin:0;padding:14px;border:1px solid var(--line);border-radius:12px}legend{padding:0 7px;color:var(--muted);font-size:11px;font-weight:800}.product-mode-action-rows,.product-mode-skill-bindings{display:grid;gap:12px;margin-bottom:12px}.product-mode-action-row,.product-mode-skill-row{padding:13px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.025)}.product-mode-action-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.product-mode-skill-row{display:grid;grid-template-columns:minmax(0,1fr) 150px auto;align-items:end;gap:12px}.product-mode-skill-row strong,.product-mode-skill-row small{display:block}.product-mode-skill-row small{margin-top:4px;color:var(--muted);word-break:break-all}.product-mode-asset-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-mode-asset-previews{display:grid;grid-template-columns:140px minmax(0,1fr);gap:12px;margin:12px 0}.product-mode-asset-previews figure{min-width:0;margin:0;padding:9px;border:1px solid var(--line);border-radius:10px;background:#09141d}.product-mode-asset-previews img{display:block;width:100%;height:88px;object-fit:contain;border-radius:7px}.product-mode-asset-previews figure:last-child img{object-fit:cover}.product-mode-asset-previews figcaption{margin-top:7px;color:var(--muted);font-size:10px}.product-mode-detail{display:grid;gap:16px}.product-mode-detail-header{width:100%;height:150px;object-fit:cover;border-radius:12px}.product-mode-detail-brand{display:flex;align-items:center;gap:13px}.product-mode-detail-brand>img{width:54px;height:54px;object-fit:contain;border-radius:10px}.product-mode-detail-brand strong,.product-mode-detail-brand small{display:block}.product-mode-detail-brand small{margin-top:4px;color:var(--muted)}.product-mode-detail dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0}.product-mode-detail dl div{padding:10px;border:1px solid var(--line);border-radius:9px}.product-mode-detail dt{color:var(--muted);font-size:10px}.product-mode-detail dd{margin:4px 0 0;font-size:12px}.product-mode-detail-section ul{margin:9px 0 0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.8}.mode-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mode-checkbox{display:flex;grid-template-columns:none;align-items:flex-start;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px;background:rgba(255,255,255,.025)}.mode-checkbox input{width:auto;margin-top:2px}.mode-checkbox strong,.mode-checkbox small{display:block}.mode-checkbox small{margin-top:3px;color:var(--muted)}.mode-checkbox.disabled{opacity:.55}.grant-summary{display:grid;gap:4px;padding:12px;border:1px solid #5c8dff55;border-radius:10px;color:#cfe0ff;background:#5c8dff12;font-size:11px;line-height:1.55}.grant-summary p{margin:0}.selected-row{background:rgba(69,215,197,.075)}@media(max-width:1180px){.product-mode-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.form-grid.two,.form-grid.three,.product-mode-asset-editor,.product-mode-asset-previews,.mode-checkbox-grid,.product-mode-detail dl{grid-template-columns:1fr}.product-mode-skill-row{grid-template-columns:1fr}.product-mode-asset-previews img{height:110px}}

.product-mode-action-skill{display:grid;gap:10px;margin:12px 0}.product-mode-action-skill-pages{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.product-mode-action-skill-pages small{flex:1;color:var(--muted)}.product-mode-action-skill select{min-width:0;max-width:100%}

.product-mode-action-skill .template-copy-row{align-items:end}

[data-panel-id="users"] :is(th,td):nth-child(n+2):nth-child(-n+4){white-space:nowrap}