:root {
  --bg: #080b12;
  --surface: #10151f;
  --surface-2: #151b27;
  --surface-3: #1b2331;
  --border: rgba(255,255,255,.075);
  --border-strong: rgba(255,255,255,.13);
  --text: #f4f7fb;
  --muted: #8c98aa;
  --subtle: #657187;
  --primary: #8b7cff;
  --primary-2: #6d5df5;
  --cyan: #43d9c3;
  --success: #50d890;
  --warning: #f5b94c;
  --danger: #ff6b7a;
  --info: #65a8ff;
  --sidebar: 252px;
  --radius: 18px;
  --shadow: 0 24px 70px rgba(0,0,0,.32);
}
* { box-sizing: border-box; }
html, body { min-height: 100%; }
body { margin: 0; background: var(--bg); color: var(--text); font: 14px/1.55 Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", sans-serif; }
button, input, select { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible { outline: 2px solid rgba(139,124,255,.72); outline-offset: 2px; }
code, .mono { font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.app-shell { min-height: 100vh; display: grid; grid-template-columns: var(--sidebar) minmax(0,1fr); }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 20; width: var(--sidebar); padding: 24px 16px 18px; display: flex; flex-direction: column; background: linear-gradient(180deg,#111623 0%,#0d111a 100%); border-right: 1px solid var(--border); }
.brand { height: 54px; padding: 0 10px; display: flex; align-items: center; gap: 12px; }
.brand strong { display:block; font-size:15px; letter-spacing:.02em; }
.brand small { display:block; color:var(--muted); margin-top:1px; font-size:11px; }
.brand-mark { width:38px; height:38px; border-radius:12px; display:flex; align-items:flex-end; justify-content:center; gap:3px; padding:9px; background:linear-gradient(145deg,var(--primary),#5144c9); box-shadow:0 8px 24px rgba(109,93,245,.3); }
.brand-mark span { width:4px; border-radius:8px; background:#fff; animation:levels 1.8s ease-in-out infinite; }
.brand-mark span:nth-child(1){height:45%}.brand-mark span:nth-child(2){height:95%;animation-delay:-.4s}.brand-mark span:nth-child(3){height:68%;animation-delay:-.8s}
@keyframes levels { 0%,100%{transform:scaleY(.7)} 50%{transform:scaleY(1)} }
.nav { flex:1 1 auto; margin-top:28px; display:flex; flex-direction:column; gap:5px; overflow-y:auto; min-height:0; }
.bottom-nav { flex:0 0 auto; display:flex; flex-direction:column; gap:5px; margin-top:12px; padding:12px 3px 0; border-top:1px solid var(--border); }
.bottom-nav .nav-item { color:#b3bdcb; }
.nav-group { margin: 18px 12px 6px; color:var(--subtle); font-size:10px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.nav-item { width:100%; border:0; background:transparent; border-radius:11px; display:flex; align-items:center; gap:11px; padding:10px 12px; color:#99a4b7; cursor:pointer; text-align:left; transition:.18s ease; }
.nav-item:hover { color:var(--text); background:rgba(255,255,255,.04); }
.nav-item.active { color:#fff; background:linear-gradient(90deg,rgba(139,124,255,.2),rgba(139,124,255,.07)); box-shadow:inset 2px 0 var(--primary); }
.nav-icon { width:20px; height:20px; display:grid; place-items:center; flex:0 0 20px; overflow:hidden; color:currentColor; }
.nav-icon svg { width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.nav-label { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nav-item small { margin-left:auto; color:var(--subtle); font-size:10px; }
.sidebar-foot { margin-top:auto; border-top:1px solid var(--border); padding:16px 8px 0; }
.service-dot { display:flex; gap:10px; align-items:center; }
.service-dot > span { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 4px rgba(80,216,144,.1),0 0 14px rgba(80,216,144,.55); }
.service-dot strong,.service-dot small { display:block; }.service-dot strong{font-size:11px}.service-dot small{font-size:10px;color:var(--muted);margin-top:1px}
.ghost-button { border:1px solid var(--border); background:transparent; border-radius:9px; cursor:pointer; color:var(--muted); padding:7px 10px; }
.sign-out { width:100%; margin-top:14px; font-size:11px; }
.sign-out:hover { border-color:rgba(255,107,122,.35); color:var(--danger); }
.read-only-notice { display:flex; align-items:center; gap:12px; margin:0 0 16px; padding:12px 16px; border:1px solid rgba(101,168,255,.28); border-radius:14px; background:rgba(101,168,255,.09); color:var(--text); }
.read-only-notice strong { flex:0 0 auto; color:#8fc3ff; }
.read-only-notice span { color:var(--muted); font-size:13px; }
body[data-admin-role="viewer"] input:disabled,
body[data-admin-role="viewer"] select:disabled,
body[data-admin-role="viewer"] textarea:disabled { cursor:not-allowed; opacity:.72; }
.workspace { grid-column:2; min-width:0; }
.topbar { position:sticky; top:0; z-index:10; height:88px; padding:0 clamp(20px,3vw,42px); display:flex; align-items:center; justify-content:space-between; background:rgba(8,11,18,.82); border-bottom:1px solid var(--border); backdrop-filter:blur(20px); }
.topbar-copy { display:flex; align-items:center; gap:12px; }.topbar h1 { margin:0; font-size:20px; letter-spacing:-.02em; }.topbar p { margin:2px 0 0; color:var(--muted); font-size:12px; }
.topbar-actions { display:flex; align-items:center; gap:10px; }
.live-pill { display:flex; align-items:center; gap:8px; color:var(--muted); border:1px solid var(--border); border-radius:99px; padding:7px 11px; font-size:11px; background:rgba(255,255,255,.02); }
.live-pill i { width:6px; height:6px; border-radius:50%; background:var(--success); box-shadow:0 0 8px var(--success); }
.live-pill.loading i { background:var(--warning); box-shadow:0 0 8px var(--warning); }
.live-pill.unsaved { color:#f2c66f; border-color:rgba(245,185,76,.24); background:rgba(245,185,76,.055); }
.live-pill.unsaved i { background:var(--warning); box-shadow:0 0 8px var(--warning); }
.icon-button { width:36px; height:36px; display:grid; place-items:center; border:1px solid var(--border); background:var(--surface); border-radius:10px; cursor:pointer; font-size:19px; }
.icon-button:hover { background:var(--surface-2); border-color:var(--border-strong); }.mobile-menu{display:none}
.content { width:min(1480px,100%); padding:30px clamp(20px,3vw,42px) 56px; margin:0 auto; }
.hero { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin-bottom:22px; }
.hero h2 { margin:0 0 5px; font-size:25px; letter-spacing:-.035em; }.hero p { margin:0; color:var(--muted); }.eyebrow { color:var(--primary); font-size:10px; font-weight:800; letter-spacing:.14em; margin:0 0 8px; }
.generated { color:var(--subtle); font-size:11px; white-space:nowrap; }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:22px; }
.metric-card,.panel,.queue-card { border:1px solid var(--border); background:linear-gradient(145deg,rgba(21,27,39,.96),rgba(14,19,29,.96)); border-radius:var(--radius); box-shadow:0 12px 35px rgba(0,0,0,.12); }
.metric-card { padding:19px; position:relative; overflow:hidden; min-height:130px; }
.metric-card::after { content:""; position:absolute; width:90px; height:90px; border-radius:50%; top:-45px; right:-28px; background:var(--glow,rgba(139,124,255,.15)); filter:blur(4px); }
.metric-head { display:flex; align-items:center; justify-content:space-between; color:var(--muted); font-size:11px; }.metric-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:rgba(255,255,255,.045);font-size:15px}
.metric-value { font-size:30px; font-weight:750; letter-spacing:-.04em; margin-top:14px; line-height:1; }.metric-note { color:var(--subtle); margin-top:9px; font-size:10px; }
.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(320px,.85fr); gap:16px; align-items:start; }
.panel { overflow:hidden; }.panel + .panel { margin-top:16px; }.panel-head { padding:17px 19px; border-bottom:1px solid var(--border); display:flex; align-items:center; justify-content:space-between; gap:12px; }.panel-head h3 { margin:0; font-size:13px; }.panel-head p{margin:2px 0 0;color:var(--muted);font-size:10px}.panel-head-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.panel-body { padding:18px 19px; }
.text-button { border:0; background:transparent; color:var(--primary); cursor:pointer; font-size:11px; }.text-button:hover{text-decoration:underline}
.table-link { border:0; padding:0; background:transparent; color:#8eb9ff; cursor:pointer; font:inherit; font-weight:650; }.table-link:hover{text-decoration:underline;color:#b8d3ff}
.user-table-links{display:flex;align-items:center;gap:12px;white-space:nowrap}.user-table-links .table-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.user-table-links small{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:rgba(101,168,255,.12);color:#a9c7ff;font-size:9px}.resource-page-head{margin-bottom:14px}.back-link{color:#8eb9ff;text-decoration:none;font-size:11px}.back-link:hover{text-decoration:underline}.user-resource-links a{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px;border:1px solid var(--border);border-radius:11px;background:rgba(101,168,255,.045);cursor:pointer;color:var(--text);text-decoration:none}.user-resource-links a:hover{border-color:rgba(101,168,255,.42);background:rgba(101,168,255,.09)}.user-resource-links a strong{font-size:18px}.user-resource-links a span{color:var(--muted);font-size:9px}
.rvc-table-actions{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.rvc-table-actions .table-link{display:inline-flex;align-items:center;gap:5px;text-decoration:none}.rvc-table-actions small{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:rgba(80,216,144,.12);color:var(--success);font-size:9px}.rvc-empty{color:var(--subtle);font-size:10px}.hero-action{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap}
.audio-preview-button{height:30px;padding:0 11px;border:1px solid rgba(101,168,255,.32);border-radius:8px;background:rgba(101,168,255,.09);color:#a9c7ff;cursor:pointer;font:inherit;font-size:10px;font-weight:700;white-space:nowrap}.audio-preview-button:hover{border-color:rgba(101,168,255,.65);background:rgba(101,168,255,.16)}.audio-preview-button:disabled{opacity:.55;cursor:wait}.audio-preview-button.is-playing{border-color:rgba(80,216,144,.55);background:rgba(80,216,144,.12);color:#77e1ae}.catalog-preview-action{display:flex;min-width:128px;flex-direction:column;gap:5px}.catalog-preview-progress{display:none;height:4px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.08)}.catalog-preview-progress span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--success));transition:width .15s linear}.catalog-preview-action>small{display:none;color:var(--subtle);font:8px/1.2 "SFMono-Regular",Consolas,monospace;text-align:center}.catalog-preview-action.active .catalog-preview-progress,.catalog-preview-action.active>small{display:block}.data-table tbody tr.is-previewing{background:rgba(80,216,144,.055)}.audio-preview-panel{display:grid;grid-template-columns:minmax(180px,1fr) minmax(280px,2fr);align-items:center;gap:18px;margin-bottom:14px;padding:15px 18px;border:1px solid rgba(101,168,255,.24);border-radius:14px;background:linear-gradient(135deg,rgba(101,168,255,.09),rgba(139,124,255,.05))}.audio-preview-panel.hidden{display:none}.audio-preview-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.audio-preview-head div{min-width:0}.audio-preview-head span,.audio-preview-head strong{display:block}.audio-preview-head span{margin-bottom:4px;color:var(--subtle);font-size:8px;letter-spacing:.1em;text-transform:uppercase}.audio-preview-head strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.audio-preview-close{border:0;background:transparent;color:var(--muted);cursor:pointer;font-size:9px}.audio-preview-close:hover{color:var(--text)}.audio-preview-panel audio{width:100%;height:34px;filter:invert(.88) hue-rotate(180deg)}
.table-wrap { overflow:auto; }.data-table { width:100%; border-collapse:collapse; min-width:760px; }.data-table th { text-align:left; color:var(--subtle); font-size:9px; letter-spacing:.09em; text-transform:uppercase; font-weight:700; padding:11px 14px; border-bottom:1px solid var(--border); }.data-table td { padding:13px 14px; border-bottom:1px solid rgba(255,255,255,.045); color:#c8d0dc; font-size:12px; }.data-table tr:last-child td{border-bottom:0}.data-table tbody tr{cursor:pointer;transition:.15s}.data-table tbody tr:hover{background:rgba(139,124,255,.045)}
.task-id { display:flex; flex-direction:column; gap:2px; }.task-id strong{color:var(--text);font-weight:650}.task-id small{color:var(--subtle);font-family:monospace}
.user-data-table{min-width:1240px}.last-login{display:flex;min-width:190px;flex-direction:column;gap:2px}.last-login strong{color:var(--text);font-size:10px}.last-login small{color:var(--subtle);font-size:8px}.last-login-empty{color:var(--subtle);font-size:10px}
.user-list-data-table{width:100%;min-width:1480px;table-layout:fixed}.user-list-data-table .user-column-identity{width:11%}.user-list-data-table .user-column-account{width:6.5%}.user-list-data-table .user-column-invitation{width:7%}.user-list-data-table .user-column-status{width:5.5%}.user-list-data-table .user-column-priority{width:6%}.user-list-data-table .user-column-resources{width:20%}.user-list-data-table .user-column-voice{width:13.5%}.user-list-data-table .user-column-rvc{width:10.5%}.user-list-data-table .user-column-login{width:14.5%}.user-list-data-table .user-column-created{width:5.5%}.user-list-data-table th{padding:11px 10px;letter-spacing:.04em;white-space:nowrap}.user-list-data-table td{padding:14px 10px;vertical-align:middle}.user-list-data-table th:first-child,.user-list-data-table td:first-child{min-width:112px}.user-list-data-table th:nth-child(2),.user-list-data-table td:nth-child(2),.user-list-data-table th:nth-child(3),.user-list-data-table td:nth-child(3),.user-list-data-table th:nth-child(4),.user-list-data-table td:nth-child(4),.user-list-data-table th:nth-child(5),.user-list-data-table td:nth-child(5){text-align:center}.user-list-data-table th:last-child,.user-list-data-table td:last-child{text-align:right}.user-list-data-table .task-id{min-width:0}.user-list-data-table .task-id>strong,.user-list-data-table .task-id>small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list-data-table .invitation-code{height:26px;padding:0 6px;font-size:10px;letter-spacing:.04em}.user-list-data-table .badge{gap:4px;padding:3px 6px;font-size:9px}.user-list-data-table .priority-badge{padding:3px 6px;font-size:9px}.user-list-data-table .user-table-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;white-space:nowrap}.user-list-data-table .user-table-links .table-link{min-width:0;justify-content:space-between;padding:6px 8px;border:1px solid rgba(101,168,255,.12);border-radius:8px;background:rgba(101,168,255,.035);font-size:10px}.user-list-data-table .user-table-links .table-link:hover{border-color:rgba(101,168,255,.35);background:rgba(101,168,255,.08);text-decoration:none}.user-list-data-table .user-table-links small{flex:0 0 auto}.user-list-data-table .voice-identity-stack{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:6px}.user-list-data-table .last-login{width:100%;min-width:0}.user-list-data-table .last-login small:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.team-account-data-table{min-width:780px}.team-account-data-table .team-account-row{cursor:pointer}.team-account-members{display:flex;min-width:190px;flex-direction:column;align-items:flex-start;gap:3px}.team-account-member{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:4px 0}.team-account-member strong{overflow:hidden;color:var(--text);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.team-account-member small{color:var(--subtle);font-size:8px;white-space:nowrap}.team-overview-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px;padding:15px;border:1px solid rgba(101,168,255,.24);border-radius:13px;background:rgba(101,168,255,.055)}.team-overview-summary div{flex:0 0 auto}.team-overview-summary span,.team-overview-summary strong{display:block}.team-overview-summary span{color:var(--subtle);font-size:8px;letter-spacing:.09em;text-transform:uppercase}.team-overview-summary strong{margin-top:4px;font-size:22px}.team-overview-summary p{max-width:400px;margin:0;color:var(--muted);font-size:10px;line-height:1.65}.team-member-resource-table{min-width:850px}.team-member-resource-table tbody tr{cursor:default}.team-resource-link{display:flex;min-width:72px;flex-direction:column;gap:2px;color:var(--text);text-decoration:none}.team-resource-link strong{font-size:16px}.team-resource-link small{color:#8eb9ff;font-size:8px}.team-resource-link:hover small{text-decoration:underline}.team-member-detail-button{height:32px;padding:0 10px;white-space:nowrap}
.personal-invitation-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.personal-invitation-generator{margin-bottom:18px}.personal-invitation-generator form{display:flex;align-items:flex-end;gap:12px;padding:18px 20px}.personal-invitation-generator label{width:min(260px,100%)}.personal-invitation-generator label>span{display:block;margin-bottom:7px;color:var(--muted);font-size:10px;font-weight:700}.personal-invitation-export{display:flex;align-items:flex-end;justify-content:flex-end;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border);background:rgba(101,168,255,.035)}.personal-invitation-export>div{margin-right:auto}.personal-invitation-export strong,.personal-invitation-export small,.personal-invitation-export label>span{display:block}.personal-invitation-export strong{font-size:11px}.personal-invitation-export small{margin-top:4px;color:var(--muted);font-size:9px}.personal-invitation-export label{width:160px}.personal-invitation-export label>span{margin-bottom:6px;color:var(--muted);font-size:9px;font-weight:700}.personal-invitation-export button{white-space:nowrap}.personal-invitation-table{min-width:980px}.invitation-code-cell{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.invitation-code{display:inline-flex;align-items:center;height:30px;padding:0 10px;border:1px solid rgba(139,124,255,.27);border-radius:8px;background:rgba(139,124,255,.08);color:#c8c1ff;font:750 12px/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.08em;white-space:nowrap}.invitation-code-copy{height:30px;padding:0 9px;border:1px solid rgba(101,168,255,.28);border-radius:8px;background:rgba(101,168,255,.08);color:#a9c7ff;cursor:pointer;font:inherit;font-size:9px;font-weight:700}.invitation-code-copy:hover{border-color:rgba(101,168,255,.6);background:rgba(101,168,255,.15)}.badge.personal-invitation-unused{color:var(--success)}.badge.personal-invitation-used{color:var(--primary)}.invitation-user-link{display:flex;min-width:180px;flex-direction:column;align-items:flex-start;gap:3px;padding:0;border:0;background:transparent;color:var(--text);text-align:left;cursor:pointer}.invitation-user-link strong{font-size:11px}.invitation-user-link small{color:var(--subtle);font-size:8px}.invitation-user-link:hover strong{color:#bcb3ff;text-decoration:underline}
.personal-invitation-policy{margin-bottom:18px}.personal-invitation-policy form{display:flex;align-items:center;gap:14px;padding:18px 20px}.personal-invitation-policy .system-toggle-card{flex:1}.personal-invitation-policy form>.primary-button{flex:0 0 auto;white-space:nowrap}
.login-session-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-session-table{min-width:1180px}.admin-session-table tbody tr{cursor:default}.admin-session-table .task-id small{display:block;max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-entry-url{display:inline-block;max-width:270px;overflow:hidden;color:#a9c7ff;text-overflow:ellipsis;white-space:nowrap;text-decoration:none}.session-entry-url:hover{text-decoration:underline}
.song-code{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid rgba(101,168,255,.2);border-radius:7px;background:rgba(101,168,255,.07);color:#a9c7ff;font:700 9px/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.035em;white-space:nowrap}
.badge { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; border:1px solid currentColor; border-radius:99px; padding:3px 8px; font-size:9px; font-weight:700; background:rgba(255,255,255,.025); }.badge::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.running,.badge.executing,.badge.cancel_requested{color:var(--info)}.badge.queued,.badge.creating,.badge.waiting_dispatch,.badge.waiting_gpu{color:var(--warning)}.badge.succeeded{color:var(--success)}.badge.failed,.badge.cancelled{color:var(--danger)}.badge.active,.badge.ready,.badge.available,.badge.own_result,.badge.shared_reuse{color:var(--success)}.badge.suspended,.badge.pending,.badge.partial,.badge.processing,.badge.processing_queued,.badge.personal_inference{color:var(--warning)}.badge.deleted,.badge.orphaned,.badge.missing,.badge.rejected,.badge.unknown,.badge.runtime_unknown{color:var(--danger)}
.task-type { display:inline-flex; color:#bdc5d2; border-radius:7px; padding:4px 7px; background:rgba(255,255,255,.04); font-size:10px; }
.queue-mini { display:flex; flex-direction:column; gap:11px; }.queue-mini-row { padding:13px 14px; border:1px solid var(--border); border-radius:12px; background:rgba(255,255,255,.018); }.queue-mini-top{display:flex;align-items:center;justify-content:space-between}.queue-mini strong{font-size:11px}.queue-mini b{font-size:18px}.queue-mini-meta{display:flex;justify-content:space-between;color:var(--subtle);font-size:9px;margin-top:7px}
.type-bars { display:flex; flex-direction:column; gap:13px; }.bar-meta{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--muted);font-size:10px}.bar-track{height:6px;border-radius:99px;background:rgba(255,255,255,.05);overflow:hidden}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary-2),var(--cyan))}
.filters { display:grid; grid-template-columns:minmax(220px,1fr) 170px 180px auto; gap:10px; padding:15px 18px; border-bottom:1px solid var(--border); }.input,.select { width:100%; height:38px; border:1px solid var(--border); background:#0d121b; color:var(--text); border-radius:10px; padding:0 12px; }.input::placeholder{color:#596477}.select{cursor:pointer}.secondary-button,.primary-button,.danger-button { height:38px; border-radius:10px; padding:0 15px; cursor:pointer; border:1px solid var(--border); font-weight:650; font-size:11px; }.secondary-button{background:var(--surface-3)}.primary-button{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 8px 24px rgba(109,93,245,.22)}.danger-button{border-color:rgba(255,107,122,.3);background:rgba(255,107,122,.1);color:var(--danger)}
.pager { padding:14px 18px; display:flex; align-items:center; justify-content:space-between; border-top:1px solid var(--border); color:var(--muted); font-size:10px; }.pager-actions{display:flex;gap:7px}.pager button{height:30px;min-width:30px;border:1px solid var(--border);border-radius:8px;background:var(--surface-2);cursor:pointer}.pager button:disabled{opacity:.35;cursor:default}
.empty { padding:42px 20px; text-align:center; color:var(--muted); }.empty-symbol{width:46px;height:46px;display:grid;place-items:center;margin:0 auto 10px;border-radius:14px;background:rgba(139,124,255,.1);color:var(--primary);font-size:21px}.empty strong{display:block;color:var(--text);margin-bottom:3px}
.queue-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:15px; }.queue-card{padding:20px}.queue-card-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.queue-card h3{margin:0;font-size:14px}.queue-card code{display:block;color:var(--muted);font-size:9px;margin-top:4px}.queue-health{width:9px;height:9px;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success);margin-top:4px}.queue-health.offline{background:var(--danger);box-shadow:0 0 12px var(--danger)}.queue-number{font-size:38px;font-weight:750;letter-spacing:-.05em;margin-top:24px;line-height:1}.queue-label{color:var(--muted);font-size:10px;margin-top:7px}.queue-transport{margin-top:8px;color:var(--subtle);font-size:8px}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:19px}.queue-stat{padding:10px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid var(--border)}.queue-stat span,.queue-stat strong{display:block}.queue-stat span{color:var(--subtle);font-size:8px}.queue-stat strong{font-size:11px;margin-top:3px}.pollers{margin-top:17px;padding-top:15px;border-top:1px solid var(--border)}.pollers h4{font-size:9px;color:var(--subtle);letter-spacing:.1em;text-transform:uppercase;margin:0 0 9px}.poller{display:flex;justify-content:space-between;gap:10px;padding:7px 0;color:var(--muted);font-size:9px}.poller code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:65%}
.skeleton { position:relative; overflow:hidden; background:rgba(255,255,255,.04); border-radius:8px; color:transparent!important; min-height:12px; }.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);animation:shimmer 1.3s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}
.login-layer { position:fixed; inset:0; z-index:100; display:grid; place-items:center; padding:20px; background:radial-gradient(circle at 50% 15%,rgba(109,93,245,.2),transparent 34%),rgba(6,8,13,.96); backdrop-filter:blur(16px); }.login-layer.hidden{display:none}.login-card{width:min(430px,100%);padding:38px;border:1px solid var(--border-strong);border-radius:24px;background:linear-gradient(145deg,rgba(24,30,43,.98),rgba(13,17,26,.98));box-shadow:var(--shadow)}.login-card h2{margin:0;font-size:25px;letter-spacing:-.035em}.login-card>p:not(.eyebrow){color:var(--muted);margin:10px 0 25px}.login-card label{display:block;color:#cbd3df;font-size:11px;font-weight:650;margin-bottom:7px}.token-field{display:flex;height:44px;border:1px solid var(--border-strong);background:#090d14;border-radius:11px;overflow:hidden}.token-field:focus-within{border-color:var(--primary)}.token-field input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);padding:0 13px}.token-field button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:0 13px;font-size:10px}.login-submit{width:100%;height:44px;margin-top:10px}.form-error{min-height:18px!important;margin:7px 0!important;color:var(--danger)!important;font-size:10px}.login-symbol{display:flex;align-items:flex-end;gap:5px;width:54px;height:54px;padding:13px;margin-bottom:25px;border-radius:16px;background:linear-gradient(145deg,var(--primary),#4e40c0);box-shadow:0 16px 34px rgba(109,93,245,.28)}.login-symbol span{width:5px;background:white;border-radius:4px}.login-symbol span:nth-child(1){height:45%}.login-symbol span:nth-child(2){height:90%}.login-symbol span:nth-child(3){height:65%}.login-symbol span:nth-child(4){height:35%}
.drawer-layer { position:fixed; inset:0; z-index:60; pointer-events:none; }.drawer-layer.open{pointer-events:auto}.drawer-scrim{position:absolute;inset:0;border:0;background:rgba(2,4,8,.65);opacity:0;transition:.2s;backdrop-filter:blur(3px)}.drawer{position:absolute;top:0;right:0;width:min(620px,100%);height:100%;background:#0d121b;border-left:1px solid var(--border-strong);box-shadow:-20px 0 70px rgba(0,0,0,.38);transform:translateX(102%);transition:.25s ease;overflow:auto;scroll-behavior:smooth}.drawer-layer.open .drawer-scrim{opacity:1}.drawer-layer.open .drawer{transform:none}.drawer-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:start;padding:22px 24px;background:rgba(13,18,27,.94);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}.drawer-head h2{margin:0;font-size:18px}.drawer-head p{margin:4px 0 0;color:var(--muted);font-size:10px}.drawer-close{border:1px solid var(--border);background:var(--surface-2);width:32px;height:32px;border-radius:9px;cursor:pointer}.drawer-body{padding:22px 24px 40px}.detail-actions{display:flex;gap:8px;margin-bottom:18px}.user-resource-links{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:14px}.user-resource-links button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:13px;border:1px solid var(--border);border-radius:11px;background:rgba(101,168,255,.045);cursor:pointer;color:var(--text)}.user-resource-links button:hover{border-color:rgba(101,168,255,.42);background:rgba(101,168,255,.09)}.user-resource-links strong{font-size:18px}.user-resource-links span{color:var(--muted);font-size:9px}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}.detail-item{padding:12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.018)}.detail-item span,.detail-item strong{display:block}.detail-item span{color:var(--subtle);font-size:8px;text-transform:uppercase;letter-spacing:.09em}.detail-item strong{font-size:11px;margin-top:4px;overflow-wrap:anywhere}.section-title{font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin:22px 0 9px}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.section-title-row .section-title{margin:0}.resource-action{display:inline-flex;align-items:center;text-decoration:none;height:32px;padding:0 11px}.user-dataset-path{margin:8px 0;color:var(--muted);font-size:9px}.user-dataset-path code{color:#a9c7ff}.user-rvc-section,section[id^="user-"]{scroll-margin-top:84px}.execution-card{padding:15px;border-radius:13px;border:1px solid rgba(101,168,255,.2);background:rgba(101,168,255,.055)}.execution-line{display:flex;justify-content:space-between;gap:15px;margin-top:8px;font-size:10px;color:var(--muted)}.execution-line:first-child{margin-top:0}.execution-line strong{color:var(--text);text-align:right}.timeline{position:relative;padding-left:20px}.timeline::before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:1px;background:var(--border-strong)}.event{position:relative;padding:0 0 16px}.event:last-child{padding-bottom:0}.event::before{content:"";position:absolute;left:-19px;top:5px;width:7px;height:7px;border-radius:50%;background:var(--primary);box-shadow:0 0 0 4px #171629}.event-top{display:flex;justify-content:space-between;gap:10px}.event strong{font-size:10px}.event time{color:var(--subtle);font-size:8px}.event p{margin:4px 0 0;color:var(--muted);font-size:9px;overflow-wrap:anywhere}.code-block{margin:0;padding:14px;max-height:240px;overflow:auto;border:1px solid var(--border);border-radius:11px;background:#080b11;color:#aeb9c9;font:9px/1.65 monospace;white-space:pre-wrap;overflow-wrap:anywhere}.compact-select{width:auto;min-width:110px;height:38px}.detail-list{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:11px;overflow:hidden}.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-bottom:1px solid var(--border);font-size:10px}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:#c9d1dd}.detail-list small{color:var(--subtle);font-family:monospace}.muted-copy{padding:12px;margin:0;color:var(--muted);font-size:10px}.policy-form{padding:19px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.policy-field{display:block}.policy-field>span{display:block;margin-bottom:6px;color:#d2d9e4;font-size:10px;font-weight:700}.policy-field small{display:block;margin-top:5px;color:var(--subtle);font-size:8px;line-height:1.45}.policy-check{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.policy-check input{accent-color:var(--primary)}.policy-form>.primary-button{grid-column:1/-1}.audit-list{padding:8px 18px 18px}.audit-list>div:not(.empty){display:grid;grid-template-columns:auto 1fr;gap:5px 10px;padding:11px 0;border-bottom:1px solid var(--border)}.audit-list>div:last-child{border-bottom:0}.audit-list strong{font-size:10px}.audit-list small{grid-column:2;color:var(--subtle);font-size:8px}
.settings-page-hero{align-items:center;margin-bottom:26px}.settings-version{display:inline-flex;align-items:center;justify-content:center;height:31px;padding:0 12px;border:1px solid rgba(139,124,255,.22);border-radius:99px;background:rgba(139,124,255,.07);color:#bcb3ff;font-size:10px;font-weight:750;white-space:nowrap}.settings-surface{overflow:hidden;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(21,28,40,.98),rgba(12,17,26,.98));box-shadow:0 18px 50px rgba(0,0,0,.14)}.settings-surface-head{min-height:90px;padding:19px 21px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.settings-surface-head.compact{min-height:auto;padding-bottom:16px}.settings-surface-head h3{margin:2px 0 0;font-size:15px;letter-spacing:-.01em}.settings-surface-head p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.settings-kicker{display:block;color:#8174e9;font-size:8px;font-weight:800;letter-spacing:.13em}.instant-badge,.routing-default{display:inline-flex;align-items:center;flex:0 0 auto;height:25px;padding:0 9px;border-radius:99px;background:rgba(80,216,144,.08);color:#7ee6ac;font-size:8px;font-weight:700}.settings-save-bar{position:sticky;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px 15px 19px;border:1px solid var(--border-strong);border-radius:16px;background:rgba(18,24,35,.92);box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.settings-save-bar strong,.settings-save-bar span{display:block}.settings-save-bar strong{font-size:11px}.settings-save-bar span{margin-top:3px;color:var(--muted);font-size:9px}.settings-save-button{min-width:132px;height:42px}.settings-save-button:disabled{opacity:.62;cursor:wait}
.client-release-version-form{margin-bottom:18px}.client-release-version-fields{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,.7fr) auto;align-items:end;gap:16px;padding:20px 22px}.client-release-version-fields .settings-save-button{margin-bottom:1px}.client-release-list{display:grid;gap:18px}.client-release-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 22px}.client-release-wide{grid-column:1/-1}.client-release-options{display:flex;align-items:center;gap:22px;padding:0 22px 20px;color:var(--muted);font-size:9px}.client-release-options>span{margin-left:auto}.client-release-save{margin:0 18px 18px}.client-release-form .system-field>span,.client-release-version-form .system-field>span{display:block;margin-bottom:7px;color:#d2d9e4;font-size:10px;font-weight:700}.client-release-form .system-field small,.client-release-version-form .system-field small{display:block;margin-top:6px;color:var(--subtle);font-size:8px;line-height:1.5}.client-release-form textarea{resize:vertical;min-height:88px}
.library-settings-form{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;align-items:start}.library-policy-panel{grid-row:1}.library-settings-side{display:flex;flex-direction:column;gap:14px}.library-option-list{padding:8px 21px 20px}.library-option-card{position:relative;display:grid;grid-template-columns:43px minmax(0,1fr) auto;align-items:center;gap:14px;padding:17px 3px;border-bottom:1px solid var(--border);cursor:pointer;transition:.18s ease}.library-option-card:last-child{border-bottom:0}.library-option-card:hover{padding-left:9px;padding-right:9px;border-radius:13px;background:rgba(139,124,255,.035)}.library-option-card.disabled{opacity:.42;cursor:not-allowed}.library-option-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(139,124,255,.24);border-radius:13px;background:rgba(139,124,255,.09);color:#bcb3ff;font-size:10px;font-weight:800}.library-option-icon.lyrics{border-color:rgba(101,168,255,.24);background:rgba(101,168,255,.08);color:#9bc4ff}.library-option-icon.dereverb{border-color:rgba(67,217,195,.22);background:rgba(67,217,195,.07);color:#75e2d2}.library-option-copy{min-width:0}.library-option-copy strong,.library-option-copy small,.library-option-copy em{display:block}.library-option-copy strong{color:#edf1f7;font-size:12px}.library-option-copy small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.55}.library-option-copy em{margin-top:6px;color:var(--subtle);font-size:8px;font-style:normal}.pipeline-state{display:inline-flex;align-items:center;height:25px;padding:0 9px;border-radius:99px;background:rgba(80,216,144,.08);color:#7ee6ac;font-size:8px;font-weight:700}.pipeline-state.off{background:rgba(245,185,76,.09);color:#f2cb82}.pipeline-steps{padding:18px 20px 21px}.pipeline-step{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:10px;transition:.18s ease}.pipeline-step>i{width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(139,124,255,.28);border-radius:9px;background:rgba(139,124,255,.1);color:#c6beff;font-size:9px;font-style:normal;font-weight:800}.pipeline-step strong,.pipeline-step span{display:block}.pipeline-step strong{font-size:10px}.pipeline-step span{margin-top:2px;color:var(--subtle);font-size:8px}.pipeline-step b{padding:3px 7px;border-radius:99px;background:rgba(80,216,144,.08);color:#7ee6ac;font-size:7px}.pipeline-step.off{opacity:.43}.pipeline-step.off b{background:rgba(255,255,255,.05);color:var(--muted)}.pipeline-step.always b{background:rgba(101,168,255,.08);color:#9bc4ff}.pipeline-connector{width:1px;height:17px;margin:4px 0 4px 13px;background:linear-gradient(var(--primary),rgba(139,124,255,.12))}.library-safety-note{padding:17px 18px;border:1px solid rgba(101,168,255,.18);border-radius:17px;background:linear-gradient(145deg,rgba(101,168,255,.07),rgba(101,168,255,.025))}.library-safety-note span{display:inline-block;margin-bottom:7px;color:#8eb9ff;font-size:8px;font-weight:800;letter-spacing:.08em}.library-safety-note strong{display:block;font-size:11px}.library-safety-note p{margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.library-save-bar{grid-column:1/-1}
.gpu-page-hero{margin-bottom:24px}.gpu-hero-summary{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.gpu-hero-summary>span{height:31px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;border:1px solid var(--border);border-radius:99px;background:rgba(255,255,255,.018);color:var(--muted);font-size:9px}.gpu-hero-summary b{color:var(--text);font-size:11px}.gpu-hero-summary i{width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}.gpu-hero-summary .waiting{border-color:rgba(245,185,76,.2);color:#f2cb82}.gpu-hero-summary .waiting i{background:var(--warning);box-shadow:0 0 8px var(--warning)}.gpu-inventory-section{margin-bottom:18px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:11px;padding:0 2px}.section-heading h3{margin:2px 0 0;font-size:14px}.section-heading>span{color:var(--subtle);font-size:9px}.gpu-device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.gpu-device-card{position:relative;min-height:170px;padding:16px 17px;overflow:hidden;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(20,27,39,.98),rgba(11,16,24,.98));box-shadow:0 12px 34px rgba(0,0,0,.12)}.gpu-device-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#657187,transparent);opacity:.5}.gpu-device-card.configured{border-color:rgba(80,216,144,.18)}.gpu-device-card.configured::before{background:linear-gradient(90deg,transparent,var(--success),transparent);opacity:.75}.gpu-device-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.gpu-index{color:#aeb8c7;font-size:9px;font-weight:800;letter-spacing:.08em}.gpu-device-status{display:inline-flex;align-items:center;gap:5px;color:var(--subtle);font-size:8px}.gpu-device-status i{width:5px;height:5px;border-radius:50%;background:#657187}.configured .gpu-device-status{color:#7ee6ac}.configured .gpu-device-status i{background:var(--success);box-shadow:0 0 7px var(--success)}.gpu-chip-art{position:absolute;top:42px;right:16px;width:52px;height:40px;border:1px solid rgba(139,124,255,.18);border-radius:10px;background:linear-gradient(145deg,rgba(139,124,255,.1),rgba(67,217,195,.035));display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-3deg)}.gpu-chip-art::before,.gpu-chip-art::after{content:"";position:absolute;left:-5px;right:-5px;height:1px;background:repeating-linear-gradient(90deg,#786de0 0 3px,transparent 3px 8px)}.gpu-chip-art::before{top:8px}.gpu-chip-art::after{bottom:8px}.gpu-chip-art span{width:4px;height:18px;border-radius:2px;background:rgba(139,124,255,.35)}.gpu-chip-art span:nth-child(2){height:26px;background:rgba(67,217,195,.42)}.gpu-device-card h3{position:relative;z-index:1;max-width:calc(100% - 60px);min-height:39px;margin:19px 0 13px;font-size:13px;line-height:1.45}.gpu-device-meta{display:grid;grid-template-columns:70px minmax(0,1fr);gap:8px;padding-top:12px;border-top:1px solid var(--border)}.gpu-device-meta small,.gpu-device-meta strong{display:block}.gpu-device-meta small{color:var(--subtle);font-size:7px;text-transform:uppercase;letter-spacing:.08em}.gpu-device-meta strong{margin-top:3px;color:#d7dee8;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gpu-inventory-empty{grid-column:1/-1;min-height:112px;display:flex;align-items:center;justify-content:center;gap:15px;padding:20px;border:1px dashed var(--border-strong);border-radius:18px;background:rgba(255,255,255,.012)}.gpu-inventory-empty>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(139,124,255,.08);color:#aaa0ff;font-size:9px;font-weight:800}.gpu-inventory-empty strong{display:block;font-size:11px}.gpu-inventory-empty p{max-width:620px;margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.gpu-settings-form{display:flex;flex-direction:column;gap:16px}.gpu-config-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:16px;align-items:stretch}.gpu-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:19px 21px 13px}.gpu-field-grid .policy-field:nth-child(3){grid-column:1/-1;max-width:calc(50% - 7px)}.gpu-field-grid .policy-field>span{font-size:10px}.gpu-field-grid .policy-field small{font-size:8px}.gpu-mode-explain{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin:3px 21px 20px}.gpu-mode-explain>div{padding:11px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.017)}.gpu-mode-explain strong,.gpu-mode-explain span{display:block}.gpu-mode-explain strong{font-size:9px}.gpu-mode-explain span{margin-top:3px;color:var(--subtle);font-size:8px;line-height:1.45}.runtime-dot{display:inline-flex;align-items:center;gap:6px;color:var(--subtle);font-size:8px}.runtime-dot::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--subtle)}.runtime-dot.online{color:#7ee6ac}.runtime-dot.online::before{background:var(--success);box-shadow:0 0 8px var(--success)}.gpu-runtime-list{padding:8px 20px}.gpu-runtime-list>div{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px;padding:10px 1px;border-bottom:1px solid var(--border)}.gpu-runtime-list>div:last-child{border-bottom:0}.gpu-runtime-list span{color:var(--subtle);font-size:8px}.gpu-runtime-list strong{font-size:9px;text-align:right;overflow-wrap:anywhere}.gpu-restart,.gpu-applied{display:flex;align-items:center;gap:12px;margin:7px 20px 19px;padding:12px 13px;border:1px solid rgba(245,185,76,.25);border-radius:12px;background:rgba(245,185,76,.055)}.gpu-restart>div{min-width:120px}.gpu-restart strong,.gpu-applied strong{display:block;font-size:9px}.gpu-restart p,.gpu-applied p{margin:3px 0 0;color:var(--muted);font-size:8px}.gpu-restart code{margin-left:auto;padding:8px 9px;border-radius:8px;background:#080b11;color:#f2cb82;font-size:8px;overflow-wrap:anywhere}.gpu-applied{border-color:rgba(80,216,144,.2);background:rgba(80,216,144,.045)}.gpu-applied>i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(80,216,144,.1);color:#7ee6ac;font-size:12px;font-style:normal}.routing-default{background:rgba(101,168,255,.08);color:#9bc4ff}.gpu-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;padding:19px 21px 21px}.gpu-route-card{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:13px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.017);transition:.18s ease}.gpu-route-card:focus-within{border-color:rgba(139,124,255,.4);background:rgba(139,124,255,.035)}.gpu-route-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(139,124,255,.09);color:#bcb3ff;font-size:8px;font-weight:800}.gpu-route-copy strong,.gpu-route-copy small{display:block}.gpu-route-copy strong{font-size:10px}.gpu-route-copy small{margin-top:2px;color:var(--subtle);font-size:7px}.gpu-route-card .input{grid-column:1/-1;margin-top:2px}.gpu-save-bar{margin-top:0}
.inference-hero{align-items:center;margin-bottom:26px}.inference-version{display:inline-flex;align-items:center;height:30px;padding:0 11px;border:1px solid rgba(139,124,255,.2);border-radius:99px;background:rgba(139,124,255,.07);color:#b9afff;font-size:10px;font-weight:700;white-space:nowrap}.inference-settings-form{display:flex;flex-direction:column;gap:16px}.inference-engine-grid{display:grid;grid-template-columns:minmax(320px,.72fr) minmax(520px,1.28fr);gap:18px;align-items:stretch}.inference-engine-card{position:relative;overflow:hidden;min-height:100%;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(22,29,42,.98),rgba(12,17,26,.98));box-shadow:0 18px 48px rgba(0,0,0,.16)}.inference-engine-card::before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,var(--engine-accent),transparent);opacity:.85}.inference-engine-ddsp{--engine-accent:var(--cyan)}.inference-engine-rvc{--engine-accent:var(--primary)}.inference-engine-head{min-height:92px;padding:20px 22px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.018),transparent)}.engine-name{display:flex;align-items:flex-start;gap:13px;min-width:0}.engine-code{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:56px;height:32px;padding:0 10px;border:1px solid color-mix(in srgb,var(--engine-accent) 28%,transparent);border-radius:9px;background:color-mix(in srgb,var(--engine-accent) 10%,transparent);color:color-mix(in srgb,var(--engine-accent) 76%,white);font-size:9px;font-weight:800;letter-spacing:.07em}.engine-name h3{margin:0;font-size:14px;letter-spacing:-.01em}.engine-name p{margin:4px 0 0;color:var(--muted);font-size:9px;line-height:1.55}.engine-role{flex:0 0 auto;padding:4px 8px;border-radius:99px;background:rgba(67,217,195,.08);color:#78e5d5;font-size:8px;font-weight:700}.engine-role.preferred{background:rgba(139,124,255,.1);color:#b9afff}.inference-engine-body{padding:8px 22px 22px}.inference-setting-row{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}.inference-setting-copy{min-width:0}.inference-setting-copy strong{display:block;color:#e8edf5;font-size:12px}.inference-setting-copy p{max-width:520px;margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.6}.settings-switch{position:relative;display:inline-flex;flex:0 0 auto;cursor:pointer}.settings-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.settings-switch-track{position:relative;width:46px;height:26px;border:1px solid var(--border-strong);border-radius:99px;background:#090d14;box-shadow:inset 0 2px 5px rgba(0,0,0,.28);transition:.2s ease}.settings-switch-track i{position:absolute;left:3px;top:3px;width:18px;height:18px;border-radius:50%;background:#737e90;box-shadow:0 2px 7px rgba(0,0,0,.35);transition:.2s ease}.settings-switch input:checked+.settings-switch-track{border-color:rgba(139,124,255,.54);background:linear-gradient(135deg,var(--primary),var(--primary-2));box-shadow:0 0 0 4px rgba(139,124,255,.08)}.settings-switch input:checked+.settings-switch-track i{transform:translateX(20px);background:#fff}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid rgba(139,124,255,.72);outline-offset:3px}.inference-divider{height:1px;background:var(--border)}.sidechain-section{transition:.2s ease}.sidechain-section.disabled .sidechain-controls{opacity:.42}.sidechain-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transition:.2s ease}.inference-number-field{display:block;padding:14px;border:1px solid var(--border);border-radius:13px;background:rgba(255,255,255,.018);transition:.18s ease}.inference-number-field:focus-within{border-color:rgba(139,124,255,.42);background:rgba(139,124,255,.035)}.inference-number-field>span{display:block;color:#d7dee9;font-size:10px;font-weight:700}.inference-number-field>small{display:block;min-height:27px;margin:4px 0 10px;color:var(--subtle);font-size:8px;line-height:1.5}.number-input-wrap{height:39px;display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;background:#090d14;overflow:hidden}.number-input-wrap:focus-within{border-color:var(--primary)}.number-input-wrap input{width:100%;min-width:0;height:100%;padding:0 11px;border:0;outline:0;background:transparent;color:var(--text);font-size:12px;font-weight:700}.number-input-wrap>span{flex:0 0 auto;padding:0 11px;border-left:1px solid var(--border);color:var(--subtle);font-size:8px}.number-input-wrap input:disabled{cursor:not-allowed;color:var(--subtle)}.inference-save-bar{position:sticky;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 16px 15px 19px;border:1px solid var(--border-strong);border-radius:16px;background:rgba(18,24,35,.9);box-shadow:0 18px 50px rgba(0,0,0,.32);backdrop-filter:blur(18px)}.inference-save-bar strong,.inference-save-bar span{display:block}.inference-save-bar strong{font-size:11px}.inference-save-bar span{margin-top:3px;color:var(--muted);font-size:9px}.inference-save-button{min-width:112px;height:42px}.inference-save-button:disabled{opacity:.62;cursor:wait}
.toast-region{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{min-width:260px;max-width:380px;padding:12px 14px;border:1px solid var(--border-strong);border-radius:11px;background:#171d28;box-shadow:var(--shadow);font-size:11px;animation:toast-in .2s ease}.toast.error{border-color:rgba(255,107,122,.35)}.toast.success{border-color:rgba(80,216,144,.35)}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}}
.sidebar-scrim{display:none}
@media (max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.inference-engine-grid{grid-template-columns:1fr}.queue-grid{grid-template-columns:1fr 1fr}.filters{grid-template-columns:1fr 1fr}.filters .input{grid-column:1/-1}}
@media (max-width:1100px){.library-settings-form{grid-template-columns:1fr}.library-settings-side{display:grid;grid-template-columns:1.1fr .9fr}.library-save-bar{grid-column:1}.gpu-config-grid{grid-template-columns:1fr}.gpu-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.app-shell{display:block}.workspace{grid-column:auto}.sidebar{transform:translateX(-102%);transition:.22s}.sidebar.open{transform:none}.sidebar-scrim{display:block;position:fixed;inset:0;z-index:19;border:0;background:rgba(0,0,0,.56);opacity:0;pointer-events:none;transition:.2s}.sidebar-scrim.open{opacity:1;pointer-events:auto}.mobile-menu{display:grid}.topbar{height:76px;padding:0 16px}.topbar p,.live-pill{display:none}.content{padding:22px 15px 42px}.hero{align-items:start;flex-direction:column}.metrics,.login-session-metrics{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:15px;min-height:118px}.metric-value{font-size:25px}.queue-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr;padding:12px}.filters .input{grid-column:auto}.detail-grid,.policy-form,.sidechain-controls{grid-template-columns:1fr}.policy-form>.primary-button{grid-column:auto}.drawer-head,.drawer-body{padding-left:17px;padding-right:17px}.inference-engine-head{padding:17px}.inference-engine-body{padding:5px 17px 17px}.inference-setting-row{gap:16px}.engine-role{display:none}.inference-save-bar{position:static;align-items:stretch;flex-direction:column}.inference-save-button{width:100%}}
@media (max-width:760px){.settings-page-hero{margin-bottom:20px}.settings-surface-head{min-height:auto;padding:17px}.client-release-version-fields,.client-release-fields{grid-template-columns:1fr;padding:17px}.client-release-wide{grid-column:auto}.client-release-options{align-items:flex-start;flex-direction:column;gap:10px;padding:0 17px 17px}.client-release-options>span{margin-left:0}.client-release-save{margin:0 14px 14px}.library-settings-side{display:flex}.library-option-list{padding:6px 15px 15px}.library-option-card{grid-template-columns:39px minmax(0,1fr) auto;gap:11px;padding:15px 2px}.library-option-icon{width:39px;height:39px}.settings-save-bar{position:static;align-items:stretch;flex-direction:column}.settings-save-button{width:100%}.gpu-hero-summary{justify-content:flex-start}.section-heading{align-items:flex-start;flex-direction:column;gap:3px}.gpu-field-grid{grid-template-columns:1fr;padding:17px}.gpu-field-grid .policy-field:nth-child(3){grid-column:auto;max-width:none}.gpu-mode-explain{grid-template-columns:1fr;margin:0 17px 17px}.gpu-route-grid{grid-template-columns:1fr;padding:17px}.gpu-runtime-list{padding-left:17px;padding-right:17px}.gpu-restart,.gpu-applied{margin-left:17px;margin-right:17px}.gpu-restart{align-items:flex-start;flex-direction:column}.gpu-restart code{width:100%;margin:0}.routing-default,.instant-badge{display:none}}
@media (max-width:430px){.metrics{grid-template-columns:1fr}.login-card{padding:28px 22px}.topbar h1{font-size:17px}.generated{white-space:normal}}
.priority-badge{display:inline-flex;align-items:center;border-radius:99px;padding:4px 8px;background:rgba(139,124,255,.1);color:#b9afff;font-size:9px;font-weight:700;white-space:nowrap}.priority-badge.priority-1,.priority-badge.priority-2{background:rgba(245,185,76,.11);color:#f2cb82}.priority-badge.priority-4,.priority-badge.priority-5{background:rgba(255,255,255,.045);color:var(--muted)}.priority-editor{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:9px;margin:0 0 15px;padding:13px;border:1px solid rgba(139,124,255,.2);border-radius:12px;background:rgba(139,124,255,.055)}.priority-editor strong,.priority-editor small{display:block}.priority-editor strong{font-size:11px}.priority-editor small{margin-top:3px;color:var(--muted);font-size:8px}
.user-resource-links.drawer-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.user-inference-editor{margin:0 0 15px;padding:14px;border:1px solid rgba(67,217,195,.2);border-radius:12px;background:rgba(67,217,195,.045)}.user-inference-head,.user-inference-option{display:flex;align-items:center;justify-content:space-between;gap:16px}.user-inference-head{padding-bottom:10px;border-bottom:1px solid var(--border)}.user-inference-head strong,.user-inference-head small,.user-inference-option strong,.user-inference-option small{display:block}.user-inference-head strong,.user-inference-option strong{font-size:11px}.user-inference-head small,.user-inference-option small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.45}.user-inference-head .primary-button{height:34px;padding:0 12px}.user-inference-option{padding:12px 0}.user-inference-option+.user-inference-option{border-top:1px solid var(--border)}
.voice-identity-stack{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.ddsp-reference-list{display:flex;flex-direction:column;gap:10px}.ddsp-reference-card{padding:13px;border:1px solid var(--border);border-radius:12px;background:rgba(67,217,195,.035)}.ddsp-reference-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ddsp-reference-head>div{display:flex;align-items:center;gap:9px;min-width:0}.ddsp-reference-head strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.ddsp-reference-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:12px 0 0}.ddsp-reference-card dl>div{min-width:0;padding:8px;border:1px solid rgba(255,255,255,.05);border-radius:8px;background:rgba(0,0,0,.12)}.ddsp-reference-card dl>div.wide{grid-column:1/-1}.ddsp-reference-card dt{color:var(--subtle);font-size:8px}.ddsp-reference-card dd{margin:4px 0 0;color:#d5dce6;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ddsp-reference-player{width:100%;height:34px;margin-top:10px;filter:invert(.88) hue-rotate(180deg)}
.rvc-live-panel{margin-bottom:18px}.rvc-phase-track{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.rvc-phase{position:relative;display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.015);color:var(--subtle);font-size:9px}.rvc-phase i{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:rgba(255,255,255,.04);font-size:8px;font-style:normal;font-weight:800}.rvc-phase.done{border-color:rgba(80,216,144,.18);color:#8be8b4;background:rgba(80,216,144,.035)}.rvc-phase.done i{background:rgba(80,216,144,.13);color:#8be8b4}.rvc-phase.active{border-color:rgba(139,124,255,.34);color:#c5bdff;background:rgba(139,124,255,.07)}.rvc-phase.active i{background:var(--primary);color:#fff;box-shadow:0 0 14px rgba(139,124,255,.35)}.rvc-progress-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.rvc-progress-copy strong,.rvc-progress-copy span{display:block}.rvc-progress-copy strong{font-size:13px}.rvc-progress-copy span{margin-top:4px;color:var(--muted);font-size:9px}.rvc-progress-copy b{color:#bdb5ff;font-size:18px;white-space:nowrap}.rvc-progress-bar{height:8px;margin:10px 0 16px;overflow:hidden;border:1px solid rgba(255,255,255,.055);border-radius:99px;background:#080c13}.rvc-progress-bar i{display:block;height:100%;min-width:2px;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--cyan));box-shadow:0 0 16px rgba(67,217,195,.25);transition:width .4s ease}.rvc-live-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.rvc-live-metrics>div{padding:12px;border:1px solid var(--border);border-radius:11px;background:rgba(255,255,255,.018)}.rvc-live-metrics span,.rvc-live-metrics strong,.rvc-live-metrics small{display:block}.rvc-live-metrics span{color:var(--subtle);font-size:8px;text-transform:uppercase;letter-spacing:.07em}.rvc-live-metrics strong{margin-top:5px;font-size:11px}.rvc-live-metrics small{margin-top:3px;color:var(--muted);font-size:8px}.warning-text{color:#f2cb82!important}.rvc-parameter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:14px}.rvc-parameter-grid .detail-item,.rvc-workflow-grid .detail-item{background:rgba(101,168,255,.025)}.rvc-workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0}
.ddsp-reference-actions{display:flex!important;flex:0 0 auto}.ddsp-regenerate-button{height:32px;padding:0 11px}.ddsp-unregistered-notice{margin-top:10px;padding:12px;border:1px solid rgba(245,185,76,.24);border-radius:11px;background:rgba(245,185,76,.055)}.ddsp-unregistered-notice strong,.ddsp-unregistered-notice span{display:block}.ddsp-unregistered-notice strong{color:#f2cb82;font-size:10px}.ddsp-unregistered-notice span{margin-top:5px;color:#cbd3df;font-size:8px;overflow-wrap:anywhere}.ddsp-unregistered-notice p{margin:6px 0 0;color:var(--muted);font-size:8px;line-height:1.5}
@media (max-width:600px){.priority-editor{grid-template-columns:1fr}.priority-editor .compact-select{width:100%}}
@media (max-width:760px){.audio-preview-panel{grid-template-columns:1fr;gap:11px;padding:14px}.audio-preview-panel audio{height:38px}}
@media (max-width:900px){.rvc-live-metrics,.rvc-parameter-grid,.rvc-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.rvc-phase-track{grid-template-columns:1fr}.rvc-progress-copy{align-items:flex-start;flex-direction:column;gap:7px}.rvc-live-metrics,.rvc-parameter-grid,.rvc-workflow-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* 2026 operations console visual refresh */
:root {
  --bg: #070a10;
  --surface: #111722;
  --surface-2: #171e2b;
  --surface-3: #1d2635;
  --surface-glass: rgba(16,22,33,.84);
  --border: rgba(184,200,224,.10);
  --border-strong: rgba(184,200,224,.18);
  --text: #f3f6fb;
  --muted: #a0acbd;
  --subtle: #748196;
  --primary: #9285ff;
  --primary-2: #6f60f6;
  --cyan: #4ad9ca;
  --success: #57d995;
  --warning: #f3bb59;
  --danger: #ff7484;
  --info: #70adff;
  --sidebar: 276px;
  --radius: 20px;
  --radius-small: 13px;
  --shadow: 0 26px 80px rgba(0,0,0,.38);
  --shadow-soft: 0 14px 38px rgba(0,0,0,.20);
}

html { background:#070a10; scrollbar-color:#374155 #0b0f16; }
body {
  min-width:320px;
  background:
    radial-gradient(circle at 78% -18%, rgba(111,96,246,.14), transparent 33rem),
    radial-gradient(circle at 16% 102%, rgba(74,217,202,.07), transparent 30rem),
    var(--bg);
  color:var(--text);
  font-size:14px;
  line-height:1.6;
  letter-spacing:.002em;
}
body::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 70%);
}
::selection { background:rgba(146,133,255,.34); color:#fff; }
button,input,select,textarea { font-size:13px; }
button { transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease; }
button:not(:disabled):active { transform:translateY(1px); }
button:disabled { cursor:not-allowed; opacity:.55; }
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible {
  outline:3px solid rgba(146,133,255,.35);
  outline-offset:2px;
}

.sidebar {
  padding:22px 16px 18px;
  background:
    linear-gradient(180deg,rgba(20,27,40,.98),rgba(10,14,21,.985)),
    var(--surface);
  border-right-color:rgba(184,200,224,.12);
  box-shadow:18px 0 60px rgba(0,0,0,.14);
}
.brand { height:64px; padding:0 10px; gap:13px; }
.brand-mark {
  width:42px;
  height:42px;
  border-radius:14px;
  background:linear-gradient(145deg,#a497ff 0%,#6f60f6 58%,#4e43bd 100%);
  box-shadow:0 12px 30px rgba(111,96,246,.32),inset 0 1px rgba(255,255,255,.28);
}
.brand strong { font-size:15px; font-weight:760; letter-spacing:.015em; }
.brand small { margin-top:2px; color:#8794a8; font-size:11px; }
.nav { margin-top:22px; gap:4px; padding-right:3px; }
.bottom-nav {
  margin-top:14px;
  padding:14px 3px 0;
  border-top-color:rgba(184,200,224,.12);
}
.bottom-nav .nav-item {
  background:rgba(255,255,255,.022);
  border-color:rgba(255,255,255,.045);
}
.bottom-nav .nav-item:hover { background:rgba(255,255,255,.055); }
.nav::-webkit-scrollbar { width:5px; }
.nav::-webkit-scrollbar-thumb { border-radius:99px; background:rgba(255,255,255,.10); }
.nav-group { margin:20px 12px 7px; color:#657287; font-size:10px; letter-spacing:.16em; }
.nav-item {
  min-height:42px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  color:#a4afc0;
  font-size:13px;
  font-weight:560;
}
.nav-item:hover {
  color:#f1f4f9;
  border-color:rgba(255,255,255,.055);
  background:rgba(255,255,255,.045);
}
.nav-item.active {
  color:#fff;
  border-color:rgba(146,133,255,.20);
  background:linear-gradient(90deg,rgba(146,133,255,.20),rgba(146,133,255,.07));
  box-shadow:inset 3px 0 #9285ff,0 8px 22px rgba(0,0,0,.10);
}
.nav-icon { width:22px; height:22px; flex-basis:22px; }
.nav-icon svg { width:20px; height:20px; stroke-width:1.75; }
.sidebar-foot { padding:18px 9px 0; }
.service-dot { gap:11px; }
.service-dot > span { width:9px; height:9px; }
.service-dot strong { font-size:12px; }
.service-dot small { font-size:10px; }
.sign-out { height:38px; margin-top:15px; border-radius:11px; font-size:12px; }

.topbar {
  height:82px;
  padding:0 clamp(22px,3vw,46px);
  background:rgba(7,10,16,.76);
  border-bottom-color:rgba(184,200,224,.09);
  box-shadow:0 8px 28px rgba(0,0,0,.08);
  backdrop-filter:blur(24px) saturate(135%);
}
.topbar h1 { font-size:21px; font-weight:760; letter-spacing:-.025em; }
.topbar p { margin-top:3px; color:#8995a8; font-size:12px; }
.live-pill {
  min-height:36px;
  padding:8px 13px;
  border-color:rgba(184,200,224,.12);
  background:rgba(17,23,34,.72);
  color:#a9b4c4;
  font-size:11px;
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.live-pill i { width:7px; height:7px; }
.icon-button {
  width:38px;
  height:38px;
  border-radius:12px;
  background:rgba(17,23,34,.82);
  box-shadow:inset 0 1px rgba(255,255,255,.025);
}
.icon-button:hover { border-color:rgba(146,133,255,.34); background:#1a2230; color:#fff; }
.icon-button.is-loading { color:#bcb4ff; opacity:.82; animation:refresh-spin .8s linear infinite; }
@keyframes refresh-spin { to { transform:rotate(360deg); } }
.content { width:min(1580px,100%); padding:36px clamp(22px,3vw,46px) 68px; }

.hero { align-items:center; gap:24px; margin-bottom:26px; }
.hero h2 { margin-bottom:7px; font-size:28px; font-weight:770; letter-spacing:-.038em; line-height:1.22; }
.hero p { max-width:820px; color:#9aa6b8; font-size:13px; }
.eyebrow { margin-bottom:9px; color:#9e93ff; font-size:10px; letter-spacing:.18em; }
.generated,.settings-version,.inference-version {
  min-height:30px;
  display:inline-flex;
  align-items:center;
  padding:0 11px;
  border:1px solid rgba(184,200,224,.10);
  border-radius:999px;
  background:rgba(17,23,34,.68);
  color:#8491a5;
  font-size:11px;
}

.metrics { gap:16px; margin-bottom:24px; }
.metric-card,.panel,.queue-card,.settings-surface,.inference-engine-card {
  border-color:rgba(184,200,224,.11);
  background:linear-gradient(145deg,rgba(22,29,42,.95),rgba(12,17,26,.96));
  box-shadow:var(--shadow-soft),inset 0 1px rgba(255,255,255,.025);
}
.metric-card {
  min-height:148px;
  padding:22px;
  border-radius:19px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.metric-card:hover {
  transform:translateY(-2px);
  border-color:rgba(184,200,224,.18);
  box-shadow:0 20px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035);
}
.metric-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,var(--glow,rgba(146,133,255,.4)),transparent);
  opacity:.85;
}
.metric-card::after { width:124px; height:124px; top:-70px; right:-38px; filter:blur(12px); opacity:.8; }
.metric-head { position:relative; z-index:1; color:#a0acbd; font-size:12px; font-weight:620; }
.metric-icon {
  width:34px;
  height:34px;
  border:1px solid rgba(255,255,255,.055);
  border-radius:11px;
  background:rgba(255,255,255,.045);
  font-size:16px;
}
.metric-value { position:relative; z-index:1; margin-top:18px; font-size:34px; font-weight:780; }
.metric-note { position:relative; z-index:1; margin-top:11px; color:#7f8ca0; font-size:11px; line-height:1.45; }

.dashboard-grid { gap:18px; }
.panel { border-radius:20px; }
.panel + .panel { margin-top:18px; }
.panel-head { min-height:68px; padding:17px 21px; }
.panel-head h3 { font-size:14px; font-weight:720; }
.panel-head p { margin-top:3px; color:#8794a8; font-size:11px; }
.panel-body { padding:21px; }
.panel-head-actions { gap:9px; }
.text-button { min-height:34px; padding:0 5px; color:#a89eff; font-size:12px; font-weight:650; }
.text-button:hover { color:#d2ccff; text-decoration:none; }

.table-wrap {
  scrollbar-color:#374155 #101620;
  scrollbar-width:thin;
}
.table-wrap::-webkit-scrollbar { width:10px; height:10px; }
.table-wrap::-webkit-scrollbar-track { background:#101620; }
.table-wrap::-webkit-scrollbar-thumb { border:2px solid #101620; border-radius:99px; background:#374155; }
.data-table { min-width:820px; }
.data-table th {
  position:sticky;
  top:0;
  z-index:1;
  padding:13px 16px;
  background:rgba(13,18,27,.97);
  color:#7f8da2;
  font-size:10px;
  letter-spacing:.10em;
  box-shadow:0 1px var(--border);
}
.data-table td {
  padding:15px 16px;
  border-bottom-color:rgba(184,200,224,.07);
  color:#ccd4df;
  font-size:13px;
  line-height:1.45;
}
.data-table tbody tr:nth-child(even) { background:rgba(255,255,255,.009); }
.data-table tbody tr:hover { background:linear-gradient(90deg,rgba(146,133,255,.075),rgba(146,133,255,.025)); }
.data-table tbody tr[role="button"]:focus-visible {
  outline:2px solid rgba(146,133,255,.48);
  outline-offset:-2px;
  background:rgba(146,133,255,.07);
}
.task-id { gap:3px; }
.task-id strong { font-size:13px; font-weight:690; }
.task-id small { color:#778499; font-size:11px; }
.task-worker strong,.task-worker small { display:block; }
.task-worker strong { max-width:180px; overflow:hidden; color:#d9e0ea; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.task-worker small { margin-top:3px; color:#758297; font-size:10px; }
.task-type { padding:5px 9px; border:1px solid rgba(255,255,255,.055); border-radius:8px; font-size:11px; }
.badge { padding:4px 9px; border-color:color-mix(in srgb,currentColor 40%,transparent); font-size:10px; letter-spacing:.01em; }
.badge::before { width:6px; height:6px; box-shadow:0 0 8px currentColor; }
.song-code { height:27px; padding:0 9px; border-radius:8px; font-size:10px; }
.priority-badge { padding:5px 9px; font-size:10px; }
.last-login { gap:3px; }
.last-login strong { font-size:12px; }
.last-login small { font-size:10px; }
.session-entry-url,.table-link,.back-link { font-size:12px; }
.user-table-links { gap:14px; }

.filters {
  gap:11px;
  padding:17px 20px;
  background:rgba(9,13,20,.42);
}
.input,.select {
  height:42px;
  border-color:rgba(184,200,224,.13);
  border-radius:11px;
  background:#0b1018;
  color:#edf2f8;
  font-size:13px;
}
.input:hover,.select:hover { border-color:rgba(184,200,224,.22); }
.input:focus,.select:focus { border-color:rgba(146,133,255,.58); box-shadow:0 0 0 3px rgba(146,133,255,.08); }
.input::placeholder { color:#657287; }
.secondary-button,.primary-button,.danger-button {
  height:42px;
  padding:0 17px;
  border-radius:11px;
  font-size:12px;
  font-weight:700;
}
.secondary-button { border-color:rgba(184,200,224,.13); background:#1a2331; }
.secondary-button:hover { border-color:rgba(146,133,255,.32); background:#222c3c; }
.primary-button {
  background:linear-gradient(135deg,#9a8dff,#7162f6);
  box-shadow:0 10px 26px rgba(111,96,246,.24),inset 0 1px rgba(255,255,255,.22);
}
.primary-button:not(:disabled):hover { box-shadow:0 14px 32px rgba(111,96,246,.34),inset 0 1px rgba(255,255,255,.26); transform:translateY(-1px); }
.danger-button:hover { border-color:rgba(255,116,132,.48); background:rgba(255,116,132,.15); }
.audio-preview-button { height:34px; padding:0 13px; border-radius:9px; font-size:11px; }
.pager { min-height:58px; padding:14px 20px; font-size:11px; }
.pager button { height:34px; min-width:34px; border-radius:9px; }
.library-artifacts { display:flex; flex-wrap:wrap; gap:8px; }
.library-artifact { padding:7px 10px; border:1px solid rgba(184,200,224,.12); border-radius:9px; color:#748196; background:rgba(255,255,255,.015); font-size:11px; }
.library-artifact.ready { border-color:rgba(67,217,195,.25); color:#73dec9; background:rgba(67,217,195,.055); }
.library-paths { display:flex; flex-direction:column; gap:8px; }
.library-paths>div { padding:11px 12px; border:1px solid rgba(184,200,224,.1); border-radius:10px; background:#090e15; }
.library-paths span,.library-paths code { display:block; }
.library-paths span { margin-bottom:5px; color:#748196; font-size:9px; text-transform:uppercase; letter-spacing:.08em; }
.library-paths code { color:#b9c5d6; font-size:10px; overflow-wrap:anywhere; }
.library-detail-editor { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:22px; padding:16px; border:1px solid rgba(146,133,255,.2); border-radius:13px; background:rgba(146,133,255,.045); }
.library-editor-head { grid-column:1/-1; }
.library-editor-head strong,.library-editor-head small,.library-detail-editor label>span { display:block; }
.library-editor-head strong { font-size:12px; }
.library-editor-head small { margin-top:4px; color:#7e8a9d; font-size:10px; line-height:1.5; }
.library-detail-editor label>span { margin-bottom:6px; color:#9aa6b8; font-size:10px; }
.library-detail-editor .primary-button { grid-column:1/-1; justify-self:start; }
.library-source-missing { margin-top:22px; padding:14px; border:1px solid rgba(245,185,76,.2); border-radius:12px; background:rgba(245,185,76,.045); }
.library-source-missing strong,.library-source-missing span { display:block; }
.library-source-missing strong { font-size:11px; }
.library-source-missing span { margin-top:4px; color:#9a8f72; font-size:10px; line-height:1.5; }
.library-delete-zone { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-top:18px; padding:16px; border:1px solid rgba(255,116,132,.2); border-radius:13px; background:rgba(255,116,132,.035); }
.library-delete-zone strong,.library-delete-zone span { display:block; }
.library-delete-zone strong { color:#ffd2d8; font-size:11px; }
.library-delete-zone span { max-width:360px; margin-top:4px; color:#987983; font-size:9px; line-height:1.55; }
.library-delete-zone .danger-button { flex:0 0 auto; }

.queue-mini { gap:12px; }
.queue-mini-row {
  padding:15px 16px;
  border-color:rgba(184,200,224,.10);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
.queue-mini strong { font-size:12px; }
.queue-mini b { font-size:20px; }
.queue-mini-meta { margin-top:8px; color:#7f8ca0; font-size:10px; }
.bar-meta { font-size:11px; }
.bar-track { height:7px; }
.overview-metrics { grid-template-columns:repeat(4,minmax(0,1fr)); }
.overview-resource-panel .panel-body { padding-top:17px; }
.overview-resource-pills {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin-bottom:18px;
}
.overview-resource-pills span {
  min-width:0;
  padding:10px 11px;
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(255,255,255,.018);
  color:#8592a5;
  font-size:10px;
}
.overview-resource-pills span b {
  margin-right:4px;
  color:#e6ebf3;
  font-size:13px;
}
.overview-resource-pills span.warning {
  border-color:rgba(243,187,89,.2);
  background:rgba(243,187,89,.05);
  color:#d8b66f;
}
.overview-resource-pills span.warning b { color:#f3c66f; }
.overview-resource-bars { display:flex; flex-direction:column; gap:16px; }
.overview-resource-row > div:first-child {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:baseline;
  gap:5px 12px;
}
.overview-resource-row span { color:#a6b1c1; font-size:11px; }
.overview-resource-row strong { color:#e8edf5; font-size:11px; }
.overview-resource-row small {
  grid-column:1/-1;
  color:#6f7d91;
  font-size:9px;
}
.overview-progress {
  height:7px;
  margin-top:7px;
  overflow:hidden;
  border-radius:99px;
  background:#080c13;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);
}
.overview-progress i {
  display:block;
  height:100%;
  min-width:2px;
  border-radius:inherit;
  background:linear-gradient(90deg,var(--primary),var(--cyan));
  box-shadow:0 0 12px rgba(74,217,202,.2);
}
.queue-card { padding:22px; }
.queue-card h3 { font-size:15px; }
.queue-card code { font-size:10px; }
.queue-number { margin-top:26px; font-size:42px; }
.queue-label { font-size:11px; }
.queue-transport { font-size:10px; }
.queue-stat { padding:12px; }
.queue-stat span { font-size:9px; }
.queue-stat strong { font-size:13px; }
.pollers h4,.poller { font-size:10px; }
.empty { padding:52px 22px; }
.empty-symbol { width:50px; height:50px; border-radius:16px; }
.empty strong { font-size:14px; }

.settings-surface { border-radius:20px; overflow:hidden; }
.settings-surface-head { padding:20px 22px; }
.settings-surface-head h3 { font-size:15px; }
.settings-surface-head p { font-size:11px; }
.settings-kicker { font-size:9px; }
.policy-field > span,.gpu-field-grid .policy-field > span { font-size:12px; }
.policy-field small,.gpu-field-grid .policy-field small { font-size:10px; line-height:1.5; }
.library-option-copy strong { font-size:13px; }
.library-option-copy small,.library-option-copy em { font-size:10px; }
.inference-engine-head { min-height:104px; padding:22px 24px; }
.engine-name h3 { font-size:16px; }
.engine-name p { font-size:11px; }
.engine-code { min-width:62px; height:35px; font-size:10px; }
.engine-role { padding:5px 9px; font-size:9px; }
.inference-engine-body { padding:9px 24px 24px; }
.inference-setting-row { padding:20px 0; }
.inference-setting-copy strong { font-size:13px; }
.inference-setting-copy p { font-size:11px; }
.inference-number-field { padding:16px; }
.inference-number-field > span { font-size:11px; }
.inference-number-field > small { font-size:10px; }
.number-input-wrap { height:42px; }
.number-input-wrap > span { font-size:10px; }
.settings-save-bar,.inference-save-bar {
  padding:17px 18px 17px 21px;
  border-radius:17px;
  background:rgba(18,24,35,.92);
  box-shadow:0 20px 55px rgba(0,0,0,.34);
}
.settings-save-bar strong,.inference-save-bar strong { font-size:12px; }
.settings-save-bar span,.inference-save-bar span { font-size:10px; }
.gpu-device-card { border-radius:17px; }
.gpu-resident-memory-row {
  min-height:84px;
  padding:20px 22px;
  border-bottom:1px solid var(--border);
  background:rgba(255,255,255,.012);
}
.gpu-resident-memory-row .inference-setting-copy {
  flex:1 1 auto;
  padding-right:24px;
}
.gpu-resident-memory-row .inference-setting-copy p {
  max-width:none;
}
.gpu-resident-memory-row .settings-switch {
  align-self:center;
}
.gpu-workers-section { margin-bottom:20px; }
.gpu-snapshot-warning {
  display:flex;
  align-items:center;
  gap:11px;
  margin:-9px 0 16px;
  padding:11px 13px;
  border:1px solid rgba(245,185,76,.25);
  border-radius:12px;
  background:rgba(245,185,76,.055);
}
.gpu-snapshot-warning>i {
  width:8px;
  height:8px;
  flex:0 0 auto;
  border-radius:50%;
  background:var(--warning);
  box-shadow:0 0 9px rgba(245,185,76,.55);
}
.gpu-snapshot-warning strong,.gpu-snapshot-warning span { display:block; }
.gpu-snapshot-warning strong { color:#f2cb82; font-size:10px; }
.gpu-snapshot-warning span { margin-top:2px; color:#bca173; font-size:9px; line-height:1.45; }
.gpu-worker-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:13px; }
.gpu-worker-card {
  position:relative;
  min-height:222px;
  padding:18px;
  overflow:hidden;
  border:1px solid rgba(184,200,224,.11);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(21,29,42,.97),rgba(11,16,24,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.gpu-worker-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:2px;
  background:linear-gradient(90deg,transparent,#657187,transparent);
}
.gpu-worker-card.online { border-color:rgba(80,216,144,.18); }
.gpu-worker-card.online::before { background:linear-gradient(90deg,transparent,var(--success),transparent); }
.gpu-worker-card.offline { opacity:.72; }
.gpu-worker-card.faulted { border-color:rgba(255,102,122,.32); }
.gpu-worker-card.faulted::before { background:linear-gradient(90deg,transparent,var(--danger),transparent); }
.gpu-worker-card.recovering { border-color:rgba(245,185,76,.34); }
.gpu-worker-card.recovering::before { background:linear-gradient(90deg,transparent,var(--warning),transparent); }
.gpu-worker-head { display:flex; align-items:flex-start; justify-content:space-between; gap:14px; }
.gpu-worker-head span,.gpu-worker-head strong { display:block; }
.gpu-worker-head span { color:#eef3f8; font-size:13px; font-weight:720; }
.gpu-worker-head strong { max-width:210px; margin-top:4px; overflow:hidden; color:#7f8da1; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.gpu-worker-head>b { display:inline-flex; align-items:center; gap:6px; color:#7f8da1; font-size:10px; font-weight:650; }
.gpu-worker-head>b i { width:7px; height:7px; border-radius:50%; background:#657187; }
.gpu-worker-card.online .gpu-worker-head>b { color:#7ee6ac; }
.gpu-worker-card.online .gpu-worker-head>b i { background:var(--success); box-shadow:0 0 8px var(--success); }
.gpu-worker-card.faulted .gpu-worker-head>b { color:#ff7d8e; }
.gpu-worker-card.faulted .gpu-worker-head>b i { background:var(--danger); box-shadow:0 0 8px var(--danger); }
.gpu-worker-card.recovering .gpu-worker-head>b { color:#f2cb82; }
.gpu-worker-card.recovering .gpu-worker-head>b i { background:var(--warning); box-shadow:0 0 8px var(--warning); }
.gpu-worker-load { display:grid; grid-template-columns:auto 1fr; align-items:end; gap:3px 10px; margin-top:18px; }
.gpu-worker-load>strong { color:#f0f5fa; font-size:24px; }
.gpu-worker-load>strong small { color:#8390a3; font-size:13px; font-weight:600; }
.gpu-worker-load>span { padding-bottom:4px; color:#8290a4; font-size:10px; }
.gpu-worker-load>div { grid-column:1/-1; height:5px; overflow:hidden; border-radius:99px; background:#0a0f17; }
.gpu-worker-load>div i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7469df,#43d9c3); }
.gpu-worker-card.many-gpus { grid-column:1/-1; }
.gpu-worker-device-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:8px; margin-top:14px; }
.gpu-worker-device {
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(184,200,224,.1);
  border-radius:11px;
  background:rgba(4,8,14,.28);
}
.gpu-worker-device.standby { opacity:.58; }
.gpu-worker-device-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.gpu-worker-device-head strong { color:#dce4ee; font-size:9px; }
.gpu-worker-device-head span { color:#7f8da1; font-size:8px; white-space:nowrap; }
.gpu-worker-device>b {
  display:block;
  margin-top:7px;
  overflow:hidden;
  color:#aeb9c8;
  font-size:9px;
  font-weight:620;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.gpu-worker-device-memory { display:grid; gap:5px; margin-top:9px; }
.gpu-worker-device-memory>span { height:4px; overflow:hidden; border-radius:99px; background:#090e16; }
.gpu-worker-device-memory>span i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#7469df,#43d9c3); }
.gpu-worker-device-memory small { color:#647286; font-size:8px; }
.gpu-worker-device-empty {
  grid-column:1/-1;
  padding:12px;
  border:1px dashed rgba(184,200,224,.12);
  border-radius:11px;
  color:#687589;
  font-size:9px;
  text-align:center;
}
.gpu-worker-meta { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 12px; margin-top:16px; }
.gpu-worker-meta span { min-width:0; color:#687589; font-size:9px; }
.gpu-worker-meta b { display:block; margin-top:3px; overflow:hidden; color:#c3ccd8; font-size:10px; font-weight:620; text-overflow:ellipsis; white-space:nowrap; }
.gpu-worker-capabilities { display:flex; flex-wrap:wrap; align-items:center; gap:5px; margin-top:14px; padding-top:12px; border-top:1px solid var(--border); }
.gpu-worker-capabilities small { margin-right:3px; color:var(--subtle); font-size:8px; }
.gpu-worker-capabilities em { padding:4px 7px; border:1px solid rgba(146,133,255,.16); border-radius:7px; background:rgba(146,133,255,.06); color:#bcb4ff; font-size:8px; font-style:normal; }
.gpu-worker-fault { display:grid; gap:4px; margin-top:13px; padding:10px 11px; border:1px solid rgba(255,102,122,.22); border-radius:10px; background:rgba(255,102,122,.055); }
.gpu-worker-fault strong { color:#ff98a5; font-size:9px; }
.gpu-worker-fault span { overflow-wrap:anywhere; color:#b9828a; font-size:8px; line-height:1.45; }
.gpu-worker-recovery { display:grid; gap:4px; margin-top:13px; padding:10px 11px; border:1px solid rgba(245,185,76,.24); border-radius:10px; background:rgba(245,185,76,.055); }
.gpu-worker-recovery strong { color:#f2cb82; font-size:9px; }
.gpu-worker-recovery span { overflow-wrap:anywhere; color:#bca173; font-size:8px; line-height:1.45; }
.gpu-device-meta { grid-template-columns:repeat(2,minmax(0,1fr)); }
.gpu-device-meta .gpu-device-uuid { grid-column:1/-1; }
.gpu-memory-policy {
  margin:3px 21px 14px;
  padding:14px;
  border:1px solid rgba(139,124,255,.18);
  border-radius:13px;
  background:linear-gradient(135deg,rgba(139,124,255,.055),rgba(67,217,195,.025));
}
.gpu-memory-policy-head { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.gpu-memory-policy-head strong,.gpu-memory-policy-head span { display:block; }
.gpu-memory-policy-head strong { color:#e6eaf2; font-size:10px; }
.gpu-memory-policy-head span { margin-top:3px; color:#778599; font-size:8px; }
.gpu-memory-policy-head button {
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid rgba(139,124,255,.3);
  border-radius:8px;
  background:rgba(139,124,255,.09);
  color:#c4bcff;
  font-size:8px;
  cursor:pointer;
}
.gpu-memory-policy-rules { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; margin-top:12px; }
.gpu-memory-policy-rules>div { display:grid; grid-template-columns:1fr auto; gap:2px 8px; padding:10px; border:1px solid var(--border); border-radius:10px; background:rgba(4,8,14,.24); }
.gpu-memory-policy-rules span { color:#96a3b5; font-size:8px; }
.gpu-memory-policy-rules strong { grid-row:1/3; grid-column:2; align-self:center; color:#d8d2ff; font-size:20px; }
.gpu-memory-policy-rules small { color:#647286; font-size:7px; line-height:1.4; }
.gpu-ddsp-memory-rule { display:flex; align-items:flex-start; gap:9px; margin-top:10px; padding:10px 11px; border:1px solid rgba(245,185,76,.18); border-radius:10px; background:rgba(245,185,76,.04); }
.gpu-ddsp-memory-rule strong { flex:0 0 auto; color:#f2cb82; font-size:8px; }
.gpu-ddsp-memory-rule span { color:#8f8068; font-size:8px; line-height:1.5; }
@media (max-width:900px) {
  .gpu-worker-card.many-gpus .gpu-worker-device-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:560px) {
  .gpu-worker-device-grid,.gpu-worker-card.many-gpus .gpu-worker-device-grid { grid-template-columns:1fr; }
  .gpu-memory-policy-head { align-items:flex-start; flex-direction:column; }
  .gpu-memory-policy-rules { grid-template-columns:1fr; }
}
.gpu-device-card h3 { font-size:14px; }
.gpu-device-meta small { font-size:9px; }
.gpu-device-meta strong { font-size:11px; }
.gpu-mode-explain strong { font-size:11px; }
.gpu-mode-explain span { font-size:10px; }
.gpu-runtime-list span { font-size:10px; }
.gpu-runtime-list strong { font-size:11px; }
.gpu-restart strong,.gpu-applied strong { font-size:11px; }
.gpu-restart p,.gpu-applied p,.gpu-restart code { font-size:10px; }
.gpu-route-copy strong { font-size:11px; }
.gpu-route-copy small { font-size:9px; }

.drawer {
  width:min(720px,100%);
  background:linear-gradient(180deg,#111722,#0b1018);
  border-left-color:rgba(184,200,224,.16);
}
.drawer-head { padding:25px 28px; background:rgba(14,20,30,.92); }
.drawer-head h2 { font-size:21px; }
.drawer-head p { font-size:11px; }
.drawer-close { width:36px; height:36px; border-radius:11px; }
.drawer-body { padding:25px 28px 48px; }
.detail-actions { align-items:center; margin-bottom:20px; }
.detail-grid { gap:11px; margin-bottom:21px; }
.detail-item { padding:14px; border-radius:12px; }
.detail-item span { font-size:9px; }
.detail-item strong { margin-top:5px; font-size:12px; }
.section-title { margin:26px 0 11px; color:#929fb1; font-size:11px; }
.user-resource-links { gap:10px; }
.user-resource-links a,.user-resource-links button { padding:15px; border-radius:12px; }
.user-resource-links strong { font-size:20px; }
.user-resource-links span { font-size:10px; }
.execution-card { padding:17px; border-radius:14px; }
.execution-line { margin-top:10px; font-size:11px; }
.event strong { font-size:11px; }
.event time { font-size:10px; }
.event p { font-size:10px; }
.code-block { max-height:300px; padding:16px; border-radius:12px; font-size:10px; }
.detail-list > div { padding:12px 14px; font-size:11px; }
.priority-editor,.user-inference-editor,.ddsp-reference-card { padding:15px; border-radius:13px; }
.priority-editor strong,.user-inference-head strong,.user-inference-option strong,.ddsp-reference-head strong { font-size:12px; }
.priority-editor small,.user-inference-head small,.user-inference-option small { font-size:10px; }
.ddsp-reference-card dt { font-size:9px; }
.ddsp-reference-card dd { font-size:10px; }
.rvc-phase { padding:12px 14px; font-size:10px; }
.rvc-live-metrics span { font-size:9px; }
.rvc-live-metrics strong { font-size:12px; }
.rvc-live-metrics small { font-size:9px; }

.read-only-notice {
  min-height:52px;
  margin-bottom:20px;
  padding:13px 17px;
  border-color:rgba(112,173,255,.30);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(112,173,255,.11),rgba(112,173,255,.04));
  box-shadow:inset 3px 0 #70adff;
}
.read-only-notice strong { color:#a9ceff; font-size:12px; }
.read-only-notice span { color:#9aa8ba; font-size:12px; }
.toast { min-width:290px; padding:14px 16px; border-radius:13px; background:#19212e; font-size:12px; }

.login-layer {
  padding:28px;
  background:
    radial-gradient(circle at 24% 18%,rgba(146,133,255,.20),transparent 28rem),
    radial-gradient(circle at 82% 82%,rgba(74,217,202,.09),transparent 26rem),
    rgba(5,8,13,.97);
}
.login-layer::before {
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.28;
  background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
  background-size:54px 54px;
  mask-image:radial-gradient(circle at center,black,transparent 76%);
}
.login-card {
  position:relative;
  width:min(480px,100%);
  padding:44px;
  border-color:rgba(184,200,224,.17);
  border-radius:27px;
  background:linear-gradient(145deg,rgba(24,32,46,.98),rgba(11,16,24,.985));
  box-shadow:0 35px 110px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.055);
}
.login-card h2 { font-size:29px; font-weight:780; }
.login-card > p:not(.eyebrow) { margin:11px 0 29px; color:#9da9ba; font-size:13px; }
.login-card label { margin-bottom:9px; font-size:12px; }
.login-symbol { width:60px; height:60px; margin-bottom:28px; border-radius:18px; }
.token-field { height:48px; border-radius:12px; }
.token-field input { padding:0 15px; font-size:13px; }
.token-field button { padding:0 15px; font-size:11px; }
.login-submit { height:48px; margin-top:12px; font-size:13px; }
.form-error { min-height:20px!important; font-size:11px!important; }

.gpu-settings-form .gpu-scheduling-only { display:none; }
.gpu-child-policy-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  padding:20px 22px;
  border-bottom:1px solid var(--border);
}
.gpu-child-toggle-row {
  min-height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:14px 15px;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(255,255,255,.017);
}
.gpu-child-toggle-row strong,.gpu-child-toggle-row span { display:block; }
.gpu-child-toggle-row strong { color:#e6eaf2; font-size:11px; }
.gpu-child-toggle-row span { margin-top:4px; color:#778599; font-size:9px; line-height:1.5; }
.gpu-child-task-section { padding:19px 22px 21px; border-bottom:1px solid var(--border); }
.gpu-child-task-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:12px; }
.gpu-child-task-head strong,.gpu-child-task-head span { display:block; }
.gpu-child-task-head strong { font-size:11px; }
.gpu-child-task-head span { margin-top:4px; color:var(--muted); font-size:9px; }
.gpu-child-task-head small { color:#9bc4ff; font-size:8px; }
.gpu-child-task-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.gpu-child-task-card {
  position:relative;
  min-width:0;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  padding:13px;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(255,255,255,.017);
  cursor:pointer;
  transition:.18s ease;
}
.gpu-child-task-card:hover { border-color:rgba(139,124,255,.3); background:rgba(139,124,255,.03); }
.gpu-child-task-card input { position:absolute; opacity:0; pointer-events:none; }
.gpu-child-task-card strong,.gpu-child-task-card small,.gpu-child-task-card em { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.gpu-child-task-card strong { font-size:10px; }
.gpu-child-task-card small { margin-top:3px; color:var(--subtle); font-size:7px; }
.gpu-child-task-card em { margin-top:5px; color:#8290a5; font-size:8px; font-style:normal; }
.gpu-child-task-card>i {
  width:17px;
  height:17px;
  border:1px solid rgba(139,124,255,.34);
  border-radius:5px;
  background:rgba(4,8,14,.36);
  box-shadow:inset 0 0 0 4px transparent;
  transition:.18s ease;
}
.gpu-child-task-card:has(input:checked) { border-color:rgba(80,216,144,.24); background:rgba(80,216,144,.035); }
.gpu-child-task-card:has(input:checked)>i { border-color:#65dca0; background:#65dca0; box-shadow:inset 0 0 0 4px #172b25; }
.gpu-child-task-card:has(input:checked) em { color:#65dca0; }
.gpu-child-task-card:has(input:focus-visible) { outline:2px solid rgba(146,133,255,.55); outline-offset:2px; }
.gpu-child-limits { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:20px 22px 22px; }
.gpu-child-limits>div { padding:14px 15px; border:1px solid var(--border); border-radius:13px; background:rgba(4,8,14,.22); }
.gpu-child-limits span,.gpu-child-limits strong,.gpu-child-limits small { display:block; }
.gpu-child-limits span { color:#8174e9; font-size:8px; font-weight:800; letter-spacing:.08em; }
.gpu-child-limits strong { margin-top:6px; color:#e6eaf2; font-size:11px; }
.gpu-child-limits small { margin-top:4px; color:var(--subtle); font-size:8px; line-height:1.5; }
.gpu-child-concurrency-section { padding:19px 22px 22px; }
.gpu-memory-matrix {
  overflow-x:auto;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(4,8,14,.2);
}
.gpu-memory-matrix-head,.gpu-memory-profile-row {
  min-width:780px;
  display:grid;
  grid-template-columns:108px repeat(5,minmax(108px,1fr));
  align-items:center;
  gap:8px;
  padding:10px 12px;
}
.gpu-memory-matrix-head {
  color:#778599;
  font-size:8px;
  font-weight:800;
  letter-spacing:.04em;
  background:rgba(139,124,255,.055);
  border-bottom:1px solid var(--border);
}
.gpu-memory-matrix-head span { padding:0 7px; }
.gpu-memory-matrix-head [data-task]::after {
  content:attr(data-route-state);
  display:block;
  margin-top:3px;
  color:#65dca0;
  font-size:7px;
  font-weight:650;
  letter-spacing:0;
}
.gpu-memory-profile-row + .gpu-memory-profile-row { border-top:1px solid rgba(184,200,224,.08); }
.gpu-memory-profile-row>strong {
  padding:0 7px;
  color:#d8d2ff;
  font-size:11px;
}
.gpu-memory-profile-row label {
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
  padding:8px;
  border:1px solid var(--border);
  border-radius:10px;
  background:rgba(4,8,14,.22);
}
.gpu-memory-profile-row label>span { display:none; color:#8996a9; font-size:8px; }
.gpu-memory-profile-row input { height:34px; padding:0 8px; text-align:center; }
.gpu-memory-matrix-head .task-local-only::after { color:#8290a5; }
.gpu-memory-profile-row label.task-local-only { border-style:dashed; background:rgba(4,8,14,.1); }
.gpu-memory-matrix-note { margin:10px 2px 0; color:var(--subtle); font-size:8px; line-height:1.6; }
.gpu-config-audit-panel { overflow:hidden; }
.gpu-config-audit-list { display:flex; flex-direction:column; }
.gpu-config-audit-list>div { display:grid; grid-template-columns:56px minmax(0,1fr) auto; gap:12px; align-items:center; padding:12px 20px; border-top:1px solid var(--border); }
.gpu-config-audit-list span { color:#9bc4ff; font:9px monospace; }
.gpu-config-audit-list strong { font-size:10px; }
.gpu-config-audit-list small { color:var(--subtle); font-size:8px; text-align:right; }
.gpu-save-actions { display:flex; align-items:center; gap:9px; }

@media (max-width:1180px) {
  :root { --sidebar:252px; }
  .content { padding-left:28px; padding-right:28px; }
  .dashboard-grid { grid-template-columns:1fr; }
  .queue-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:900px) {
  .metrics,.login-session-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .filters { grid-template-columns:1fr 1fr; }
  .filters .input { grid-column:1/-1; }
  .gpu-config-grid,.inference-engine-grid { grid-template-columns:1fr; }
  .gpu-child-task-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .topbar { height:72px; padding:0 16px; }
  .content { padding:24px 15px 48px; }
  .hero { align-items:flex-start; margin-bottom:22px; }
  .hero h2 { font-size:24px; }
  .metric-card { min-height:134px; padding:18px; }
  .metric-value { font-size:30px; }
  .panel-head { min-height:62px; padding:15px 17px; }
  .data-table th { padding:12px 14px; }
  .data-table td { padding:14px; }
  .filters { grid-template-columns:1fr; padding:14px; }
  .filters .input { grid-column:auto; }
  .queue-grid { grid-template-columns:1fr; }
  .drawer-head,.drawer-body { padding-left:18px; padding-right:18px; }
  .drawer-head h2 { font-size:19px; }
  .settings-surface-head,.inference-engine-head { padding:18px; }
  .gpu-resident-memory-row { min-height:auto; padding:18px; }
  .gpu-resident-memory-row .inference-setting-copy { padding-right:8px; }
  .gpu-child-policy-grid,.gpu-child-task-grid,.gpu-child-limits { grid-template-columns:1fr; }
  .gpu-child-policy-grid,.gpu-child-task-section,.gpu-child-limits,.gpu-child-concurrency-section { padding-left:18px; padding-right:18px; }
  .gpu-memory-matrix-head { display:none; }
  .gpu-memory-profile-row {
    min-width:0;
    grid-template-columns:1fr 1fr;
    gap:9px;
    padding:12px;
  }
  .gpu-memory-profile-row>strong { grid-column:1/-1; padding:2px 1px 4px; font-size:12px; }
  .gpu-memory-profile-row label>span { display:block; }
  .gpu-save-actions { width:100%; flex-direction:column-reverse; align-items:stretch; }
  .inference-engine-body { padding:8px 18px 18px; }
  .library-detail-editor { grid-template-columns:1fr; }
  .library-editor-head,.library-detail-editor .primary-button { grid-column:auto; }
  .library-delete-zone { align-items:stretch; flex-direction:column; }
  .library-delete-zone .danger-button { width:100%; }
  .read-only-notice { align-items:flex-start; flex-direction:column; gap:3px; }
}

@media (max-width:760px) {
  .metrics.personal-invitation-metrics { grid-template-columns:1fr; }
  .personal-invitation-generator form { align-items:stretch; flex-direction:column; }
  .personal-invitation-generator label,.personal-invitation-generator button { width:100%; }
  .personal-invitation-policy form { align-items:stretch; flex-direction:column; }
  .personal-invitation-policy form>.primary-button { width:100%; }
  .personal-invitation-export { align-items:stretch; flex-direction:column; }
  .personal-invitation-export>div,.personal-invitation-export label,.personal-invitation-export button { width:100%; }
}
@media (max-width:520px) {
  .metrics,.login-session-metrics { grid-template-columns:1fr; }
  .hero h2 { font-size:22px; }
  .hero p { font-size:12px; }
  .metric-card { min-height:126px; }
  .login-layer { padding:16px; }
  .login-card { padding:32px 24px; border-radius:22px; }
  .login-card h2 { font-size:25px; }
  .topbar-actions { gap:7px; }
  .detail-grid { grid-template-columns:1fr; }
  .user-resource-links,.user-resource-links.drawer-compact { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .toast-region { right:12px; bottom:12px; left:12px; }
  .toast { width:100%; min-width:0; max-width:none; }
}

.system-integration-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:10px;
  margin-bottom:18px;
}
.system-integration-card {
  min-width:0;
  display:flex;
  align-items:center;
  gap:11px;
  padding:13px 14px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.system-integration-card i {
  width:29px;
  height:29px;
  display:grid;
  place-items:center;
  flex:0 0 auto;
  border-radius:9px;
  background:rgba(87,217,149,.1);
  color:var(--success);
  font-style:normal;
  font-weight:800;
}
.system-integration-card.missing i { background:rgba(243,187,89,.1); color:var(--warning); }
.system-integration-card strong,.system-integration-card span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.system-integration-card strong { font-size:11px; }
.system-integration-card span { margin-top:2px; color:var(--subtle); font-size:8px; }
.system-settings-form { display:flex; flex-direction:column; gap:16px; }
.system-settings-section { overflow:visible; }
.system-field-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:15px;
  padding:20px 22px 22px;
}
.system-field { min-width:0; display:flex; flex-direction:column; gap:7px; }
.system-field>span { color:#dbe2ec; font-size:10px; font-weight:700; }
.system-field>small { min-height:24px; color:var(--subtle); font-size:8px; line-height:1.5; }
.system-field-wide { grid-column:1/-1; }
textarea.system-template-input {
  min-height:124px;
  height:auto;
  padding:12px 13px;
  resize:vertical;
  font:11px/1.65 "SFMono-Regular",Consolas,monospace;
  white-space:pre-wrap;
}
.system-placeholder-note {
  align-self:end;
  min-height:72px;
  padding:13px 14px;
  border:1px dashed rgba(146,133,255,.25);
  border-radius:12px;
  background:rgba(146,133,255,.045);
}
.system-placeholder-note strong,.system-placeholder-note span { display:block; }
.system-placeholder-note strong { color:#c7c0ff; font-size:9px; }
.system-placeholder-note span { margin-top:6px; color:var(--muted); font:8px/1.55 monospace; overflow-wrap:anywhere; }
.system-security-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.system-toggle-card {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:13px;
  background:rgba(255,255,255,.018);
}
.system-toggle-card strong,.system-toggle-card span { display:block; }
.system-toggle-card strong { font-size:11px; }
.system-toggle-card>div>span { margin-top:4px; color:var(--muted); font-size:9px; }
.system-preview-panel.hidden { display:none; }
.system-preview-body {
  display:grid;
  grid-template-columns:minmax(240px,.8fr) minmax(420px,1.2fr);
  gap:14px;
  padding:18px 20px 20px;
}
.system-preview-body>div { min-width:0; }
.system-preview-body>div:first-child { grid-column:1/-1; }
.system-preview-body span { display:block; margin-bottom:6px; color:var(--subtle); font-size:8px; letter-spacing:.08em; text-transform:uppercase; }
.system-preview-body strong {
  display:block;
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:10px;
  background:#090e16;
  font-size:11px;
}
.system-preview-body pre {
  min-height:260px;
  max-height:430px;
  margin:0;
  padding:14px;
  overflow:auto;
  border:1px solid var(--border);
  border-radius:12px;
  background:#090e16;
  color:#cdd6e3;
  font:10px/1.65 monospace;
  white-space:pre-wrap;
}
.system-preview-body iframe {
  width:100%;
  min-height:330px;
  border:1px solid var(--border);
  border-radius:12px;
  background:#fff;
}
.system-test-mail {
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(230px,.7fr) auto auto;
  align-items:center;
  gap:12px;
  padding:16px 18px;
}
.system-test-mail>div strong,.system-test-mail>div span { display:block; }
.system-test-mail>div strong { font-size:11px; }
.system-test-mail>div span { margin-top:3px; color:var(--muted); font-size:9px; }
.system-save-bar { margin-top:0; }
.system-suno-section { margin-bottom:16px; overflow:visible; }
.system-suno-grid {
  display:grid;
  grid-template-columns:minmax(190px,.68fr) minmax(330px,1.35fr) minmax(245px,.9fr);
  gap:14px;
  padding:18px 20px 20px;
}
.suno-credit-card,.suno-config-card,.suno-price-card {
  min-width:0;
  padding:17px;
  border:1px solid var(--border);
  border-radius:14px;
  background:rgba(255,255,255,.018);
}
.suno-credit-card { display:flex; flex-direction:column; align-items:flex-start; }
.suno-credit-card>span,.suno-card-title span { color:var(--subtle); font-size:9px; letter-spacing:.08em; text-transform:uppercase; }
.suno-credit-card>strong { margin-top:8px; color:#fff; font-size:32px; line-height:1; }
.suno-credit-card.ready>strong { color:var(--success); }
.suno-credit-card>small { min-height:32px; margin:7px 0 13px; color:var(--muted); font-size:8px; line-height:1.55; }
.suno-card-title { display:flex; align-items:flex-start; justify-content:space-between; gap:12px; margin-bottom:15px; }
.suno-card-title span,.suno-card-title strong { display:block; }
.suno-card-title strong { margin-top:4px; font-size:12px; }
.suno-card-title em { color:var(--success); font-size:9px; font-style:normal; font-weight:700; white-space:nowrap; }
.suno-config-card dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:11px 16px; margin:0; }
.suno-config-card dl>div.wide { grid-column:1/-1; }
.suno-config-card dt { color:var(--subtle); font-size:8px; }
.suno-config-card dd { margin:4px 0 0; overflow-wrap:anywhere; color:#dce5f1; font-size:10px; }
.suno-price-card { display:flex; flex-direction:column; }
.suno-price-card>label>span,.suno-price-card>label>small { display:block; }
.suno-price-card>label>span { margin-bottom:7px; color:#dbe2ec; font-size:10px; font-weight:700; }
.suno-price-card>label>small { margin-top:6px; color:var(--subtle); font-size:8px; line-height:1.5; }
.suno-price-input { position:relative; }
.suno-price-input b { position:absolute; top:50%; left:12px; z-index:1; transform:translateY(-50%); color:var(--muted); font-size:11px; }
.suno-price-input .input { padding-left:28px; font-size:16px; font-weight:700; }
.suno-price-card .policy-check { margin:14px 0; }
.suno-price-card>.primary-button { margin-top:auto; }

@media (max-width:1180px) {
  .system-integration-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .system-test-mail { grid-template-columns:1fr 1fr; }
  .system-suno-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .suno-price-card { grid-column:1/-1; }
}
@media (max-width:760px) {
  .system-integration-grid,.system-field-grid,.system-security-grid,.system-preview-body,.system-test-mail,.system-suno-grid { grid-template-columns:1fr; }
  .system-field-grid { padding:18px; }
  .system-suno-grid { padding:16px; }
  .suno-price-card { grid-column:auto; }
  .system-field-wide,.system-preview-body>div:first-child { grid-column:auto; }
  .system-preview-body { padding:16px; }
  .system-preview-body pre { min-height:180px; }
  .system-preview-body iframe { min-height:280px; }
}
@media (max-width:520px) {
  .system-integration-grid { grid-template-columns:1fr; }
}

/* 2026 operations console usability pass */
:root { --subtle:#8290a5; }
html,body { max-width:100%; overflow-x:hidden; }
@supports (overflow:clip) {
  html,body { overflow-x:clip; }
}
.app-shell,.workspace,.content,.hero,.metrics,.dashboard-grid,.dashboard-grid>div,.panel,.table-wrap {
  min-width:0;
  max-width:100%;
}

.nav { gap:0; overscroll-behavior:contain; }
.nav-section { display:flex; flex-direction:column; gap:4px; }
.nav-section + .nav-section { margin-top:8px; }
.nav-section .nav-group { margin-top:14px; font-size:11px; letter-spacing:.12em; }
.nav-section-collapsible { display:block; }
.nav-section-collapsible > summary {
  min-height:36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:12px 7px 5px;
  padding:0 7px;
  border-radius:9px;
  color:#738198;
  cursor:pointer;
  font-size:11px;
  font-weight:750;
  letter-spacing:.12em;
  list-style:none;
  text-transform:uppercase;
}
.nav-section-collapsible > summary::-webkit-details-marker { display:none; }
.nav-section-collapsible > summary:hover { color:#aeb9c9; background:rgba(255,255,255,.035); }
.nav-section-collapsible > summary:focus-visible { outline:2px solid rgba(146,133,255,.55); outline-offset:2px; }
.nav-section-collapsible > summary::after {
  content:"";
  width:7px;
  height:7px;
  margin-left:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:rotate(45deg) translateY(-2px);
  transition:transform .18s ease;
}
.nav-section-collapsible[open] > summary::after { transform:rotate(225deg) translate(-1px,-1px); }
.nav-section-collapsible > summary small {
  min-width:22px;
  height:20px;
  display:grid;
  place-items:center;
  margin-left:auto;
  border-radius:99px;
  background:rgba(255,255,255,.045);
  color:#8d99ac;
  font-size:9px;
  letter-spacing:0;
}
.nav-group-items { display:flex; flex-direction:column; gap:4px; }

.overview-primary-metrics { margin-bottom:12px; }
.overview-primary-metrics .metric-card { min-height:142px; }
.overview-primary-metrics .metric-card.is-active { border-color:rgba(112,173,255,.28); }
.overview-primary-metrics .metric-card.is-attention { border-color:rgba(243,187,89,.34); }
.overview-primary-metrics .metric-card.has-failures { border-color:rgba(255,116,132,.24); }
.overview-compact-metrics {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
  margin-bottom:24px;
}
.overview-compact-metric {
  min-width:0;
  padding:14px 16px;
  border:1px solid rgba(184,200,224,.10);
  border-radius:14px;
  background:rgba(17,23,34,.68);
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.overview-compact-metric span,.overview-compact-metric strong,.overview-compact-metric small { display:block; }
.overview-compact-metric span { color:#9ca8b9; font-size:11px; font-weight:650; }
.overview-compact-metric strong { margin-top:5px; overflow:hidden; color:#eef2f8; font-size:20px; line-height:1.2; text-overflow:ellipsis; white-space:nowrap; }
.overview-compact-metric small { margin-top:5px; color:#8290a5; font-size:10px; line-height:1.45; }

.table-wrap {
  width:100%;
  overflow-x:auto;
  overflow-y:auto;
  overscroll-behavior-inline:contain;
  scrollbar-gutter:stable;
  touch-action:pan-x pan-y;
}
.table-wrap:focus-visible {
  outline:2px solid rgba(146,133,255,.55);
  outline-offset:-2px;
}
.data-table th { color:#8d9bb0; font-size:11px; letter-spacing:.065em; }
.data-table td { font-size:13px; }
.task-id small { color:#8491a5; font-size:11px; }
.processed-library-table { min-width:960px; }
.processed-library-table th:nth-child(2) { width:27%; }
.artifact-statuses { min-width:230px; display:flex; flex-wrap:wrap; gap:5px; }
.artifact-status {
  display:inline-flex;
  align-items:center;
  gap:5px;
  min-height:24px;
  padding:3px 7px;
  border:1px solid rgba(184,200,224,.10);
  border-radius:7px;
  background:rgba(255,255,255,.025);
  color:#8a97aa;
  font-size:10px;
  white-space:nowrap;
}
.artifact-status i { width:6px; height:6px; flex:0 0 auto; border-radius:50%; background:#596577; }
.artifact-status.available { color:#9edebb; border-color:rgba(87,217,149,.18); background:rgba(87,217,149,.055); }
.artifact-status.available i { background:var(--success); box-shadow:0 0 7px rgba(87,217,149,.55); }
.artifact-status.missing { opacity:.56; }

.system-section-nav {
  position:sticky;
  top:96px;
  z-index:4;
  display:flex;
  gap:7px;
  max-width:100%;
  margin:0 0 16px;
  padding:8px;
  overflow-x:auto;
  border:1px solid rgba(184,200,224,.11);
  border-radius:14px;
  background:rgba(12,17,26,.88);
  box-shadow:0 12px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(18px);
  scrollbar-width:thin;
}
.system-section-nav button {
  min-height:32px;
  flex:0 0 auto;
  padding:0 11px;
  border:1px solid transparent;
  border-radius:9px;
  background:transparent;
  color:#98a5b7;
  cursor:pointer;
  font-size:11px;
}
.system-section-nav button:hover { color:#fff; border-color:rgba(146,133,255,.20); background:rgba(146,133,255,.08); }
.system-settings-section { scroll-margin-top:150px; }

@media (max-width:1180px) {
  .dashboard-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width:900px) {
  .overview-compact-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
  .sidebar { width:min(var(--sidebar),calc(100vw - 44px)); max-width:calc(100vw - 44px); }
  .nav-section + .nav-section { margin-top:5px; }
  .nav-section .nav-group,.nav-section-collapsible > summary { margin-top:9px; }
  .dashboard-grid { grid-template-columns:minmax(0,1fr); }
  .dashboard-grid>div { min-width:0; }
  .table-wrap { border-top:1px solid rgba(184,200,224,.07); border-bottom:1px solid rgba(184,200,224,.07); }
  .data-table { min-width:720px; }
  .processed-library-table { min-width:880px; }
  .system-section-nav { top:82px; margin-right:-4px; margin-left:-4px; }
  .system-settings-section { scroll-margin-top:136px; }
}
@media (max-width:520px) {
  .overview-primary-metrics { grid-template-columns:1fr; }
  .overview-compact-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .overview-compact-metric { padding:12px; }
  .overview-compact-metric strong { font-size:18px; }
  .overview-compact-metric small { font-size:9px; }
  .pager { align-items:flex-start; flex-direction:column; gap:10px; }
  .pager-actions { align-self:stretch; }
  .pager button { flex:1; }
}

@media (max-width:760px) {
  .sidebar { padding:18px 12px 14px; }
  .brand { height:58px; padding:0 8px; }
  .brand-mark { width:39px; height:39px; }
  .nav { margin-top:13px; padding-right:2px; }
  .nav-item { min-height:40px; padding:8px 10px; }
  .nav-section { gap:2px; }
  .nav-section + .nav-section { margin-top:2px; }
  .nav-section .nav-group { margin:7px 11px 4px; }
  .nav-section-collapsible > summary { min-height:32px; margin:6px 5px 3px; }
  .bottom-nav { margin-top:9px; padding-top:9px; }
  .sidebar-foot { padding-top:12px; }
  .sign-out { margin-top:10px; }

  .overview-primary-metrics { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-primary-metrics .metric-card { min-height:138px; padding:16px; }
  .overview-primary-metrics .metric-value { font-size:28px; }
  .overview-primary-metrics .metric-note { font-size:10px; }
  .catalog-metrics { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .catalog-metrics .metric-card { min-height:118px; padding:13px; }
  .catalog-metrics .metric-head { display:block; white-space:nowrap; }
  .catalog-metrics .metric-icon { display:none; }
  .catalog-metrics .metric-value { margin-top:13px; font-size:24px; }
  .catalog-metrics .metric-note { margin-top:8px; overflow:hidden; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }

  .panel-head { align-items:stretch; flex-direction:column; }
  .panel-head-actions { width:100%; justify-content:flex-start; }
  .panel-head-actions .text-button { white-space:nowrap; }

  .mobile-card-table-wrap { overflow:visible; border:0; }
  .mobile-card-table-wrap .data-table {
    min-width:0;
    display:block;
  }
  .mobile-card-table-wrap .data-table thead { display:none; }
  .mobile-card-table-wrap .data-table colgroup { display:none; }
  .mobile-card-table-wrap .data-table tbody {
    display:grid;
    gap:10px;
    padding:12px;
  }
  .mobile-card-table-wrap .data-table tbody tr {
    min-width:0;
    display:grid;
    gap:10px 12px;
    padding:14px;
    border:1px solid rgba(184,200,224,.10);
    border-radius:13px;
    background:rgba(255,255,255,.018);
  }
  .mobile-card-table-wrap .data-table tbody td {
    min-width:0;
    display:block;
    padding:0;
    border:0;
  }
  .processed-library-table tbody tr { grid-template-columns:auto minmax(0,1fr); }
  .processed-library-table tbody td:nth-child(1) { grid-column:1; grid-row:1; }
  .processed-library-table tbody td:nth-child(2) { grid-column:2; grid-row:1; }
  .processed-library-table tbody td:nth-child(5),
  .processed-library-table tbody td:nth-child(6) { grid-column:1/-1; }
  .processed-library-table tbody td:nth-child(3),
  .processed-library-table tbody td:nth-child(4),
  .processed-library-table tbody td:nth-child(7),
  .processed-library-table tbody td:nth-child(8) { display:none; }
  .processed-library-table .artifact-statuses { min-width:0; }

  .user-data-table tbody tr { grid-template-columns:minmax(0,1fr) auto auto; }
  .user-data-table tbody td:nth-child(1) { grid-column:1/3; grid-row:1; }
  .user-data-table tbody td:nth-child(2) { grid-column:3; grid-row:1; }
  .user-data-table tbody td:nth-child(3) { grid-column:1; grid-row:2; }
  .user-data-table tbody td:nth-child(4) { grid-column:2; grid-row:2; }
  .user-data-table tbody td:nth-child(5) { grid-column:3; grid-row:2; }
  .user-data-table tbody td:nth-child(6),
  .user-data-table tbody td:nth-child(7),
  .user-data-table tbody td:nth-child(8) { grid-column:1/-1; }
  .user-data-table tbody td:nth-child(9),
  .user-data-table tbody td:nth-child(10) { display:none; }
  .user-data-table tbody td:nth-child(3)::before,
  .user-data-table tbody td:nth-child(4)::before,
  .user-data-table tbody td:nth-child(5)::before,
  .user-data-table tbody td:nth-child(6)::before,
  .user-data-table tbody td:nth-child(7)::before,
  .user-data-table tbody td:nth-child(8)::before {
    display:block;
    margin-bottom:6px;
    color:#8290a5;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
  }
  .team-account-data-table tbody td:nth-child(3)::before {
    display:block;
    margin-bottom:6px;
    color:#8290a5;
    font-size:9px;
    font-weight:700;
    letter-spacing:.08em;
  }
  .user-data-table tbody td:nth-child(3)::before { content:"邀请码"; }
  .user-data-table tbody td:nth-child(4)::before { content:"状态"; }
  .user-data-table tbody td:nth-child(5)::before { content:"优先级"; }
  .user-data-table tbody td:nth-child(6)::before { content:"用户资源"; }
  .user-data-table tbody td:nth-child(7)::before { content:"声纹/DDSP参考"; }
  .user-data-table tbody td:nth-child(8)::before { content:"RVC模型/训练"; }
  .team-account-data-table tbody td:nth-child(1),
  .team-account-data-table tbody td:nth-child(2),
  .team-account-data-table tbody td:nth-child(3),
  .team-account-data-table tbody td:nth-child(4) { grid-column:1/-1; }
  .team-account-data-table tbody td:nth-child(5) { display:none; }
  .team-account-data-table tbody td:nth-child(3)::before { content:"账号状态"; }
  .team-account-data-table tbody td:nth-child(4)::before { content:"最后登录"; }
  .user-table-links { flex-wrap:wrap; white-space:normal; }
  .user-list-data-table .user-table-links { grid-template-columns:repeat(2,minmax(0,1fr)); white-space:normal; }
  .user-list-data-table .voice-identity-stack { flex-direction:row; flex-wrap:wrap; }
  .team-account-members { min-width:0; }
}

@media (max-width:350px) {
  .overview-primary-metrics { grid-template-columns:1fr; }
  .catalog-metrics { grid-template-columns:1fr; }
}

/* Operations analytics */
.analytics-hero { align-items:flex-end; }
.analytics-period-summary { display:flex; flex-direction:column; align-items:flex-end; gap:5px; }
.analytics-period-summary strong { color:#e8edf6; font-size:13px; }
.analytics-period-summary span { color:var(--subtle); font-size:10px; }
.analytics-filter-bar {
  display:grid;
  grid-template-columns:minmax(170px,220px) minmax(190px,240px) minmax(220px,1fr) auto;
  align-items:end;
  gap:11px;
  margin-bottom:16px;
  padding:14px;
  border:1px solid rgba(184,200,224,.11);
  border-radius:15px;
  background:rgba(17,23,34,.72);
}
.analytics-filter-bar label,.analytics-filter-note { min-width:0; display:flex; flex-direction:column; gap:6px; }
.analytics-filter-bar label>span,.analytics-filter-note>span {
  color:#8c9aaf;
  font-size:9px;
  font-weight:750;
  letter-spacing:.08em;
}
.analytics-filter-note { justify-content:center; min-height:42px; padding:0 5px; }
.analytics-filter-note strong { overflow:hidden; color:#c5cedb; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.analytics-filter-bar .primary-button { min-height:42px; padding-right:20px; padding-left:20px; white-space:nowrap; }
.analytics-kpi-grid {
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:11px;
  margin-bottom:12px;
}
.analytics-kpi-card {
  min-width:0;
  min-height:142px;
  display:flex;
  flex-direction:column;
  padding:16px;
  border:1px solid rgba(184,200,224,.11);
  border-radius:15px;
  background:rgba(17,23,34,.72);
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}
.analytics-kpi-card>span { color:#96a3b6; font-size:10px; font-weight:700; }
.analytics-kpi-card>strong {
  margin-top:12px;
  overflow:hidden;
  color:#f0f3f8;
  font-size:25px;
  line-height:1.1;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.analytics-kpi-card>small { min-height:30px; margin-top:8px; color:#7f8da1; font-size:9px; line-height:1.5; }
.analytics-kpi-card.risk { border-color:rgba(240,164,95,.26); }
.analytics-kpi-card.quality { border-color:rgba(98,217,154,.18); }
.analytics-kpi-card.latency { border-color:rgba(114,168,255,.16); }
.analytics-delta {
  width:max-content;
  max-width:100%;
  display:inline-flex;
  align-items:center;
  min-height:22px;
  margin-top:auto;
  padding:3px 7px;
  overflow:hidden;
  border-radius:99px;
  background:rgba(255,255,255,.04);
  color:#8996a9;
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.analytics-delta.improved { background:rgba(98,217,154,.075); color:#79d9a7; }
.analytics-delta.declined { background:rgba(240,164,95,.075); color:#edb17b; }
.analytics-live-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1px;
  margin-bottom:16px;
  overflow:hidden;
  border:1px solid rgba(184,200,224,.11);
  border-radius:15px;
  background:rgba(184,200,224,.09);
}
.analytics-live-strip>div { min-width:0; padding:13px 16px; background:#111722; }
.analytics-live-strip span,.analytics-live-strip strong,.analytics-live-strip small { display:block; }
.analytics-live-strip span { color:#7f8da1; font-size:9px; }
.analytics-live-strip strong { margin-top:5px; color:#edf1f7; font-size:17px; }
.analytics-live-strip small { margin-top:4px; color:#8795a8; font-size:9px; }
.analytics-live-strip .warning strong,.analytics-live-strip .warning small { color:#edb17b; }
.analytics-dashboard-grid {
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:14px;
}
.analytics-chart-panel { min-width:0; margin:0; }
.analytics-chart-panel .panel-head { min-height:82px; }
.analytics-chart-panel .panel-head h3 { font-size:13px; }
.analytics-chart-panel .panel-head p { max-width:680px; font-size:9px; line-height:1.6; }
.analytics-trend-panel { grid-column:span 8; }
.analytics-insight-panel { grid-column:span 4; }
.analytics-task-panel { grid-column:span 7; }
.analytics-worker-panel { grid-column:span 5; }
.analytics-failure-panel { grid-column:span 12; }
.analytics-chart-legend,.analytics-bar-legend { display:flex; align-items:center; gap:13px; }
.analytics-chart-legend { justify-content:flex-end; margin:-2px 0 8px; }
.analytics-chart-legend span,.analytics-bar-legend span {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#8d9aae;
  font-size:8px;
}
.analytics-chart-legend i { width:22px; height:0; border-top:2px solid var(--series-color); }
.analytics-chart-legend span:nth-child(2) i { border-top-style:dashed; }
.analytics-chart-legend span:nth-child(3) i { border-top-style:dotted; }
.analytics-bar-legend span::before { width:7px; height:7px; content:""; border-radius:2px; background:#72a8ff; }
.analytics-bar-legend span.completed::before { background:#6e7f99; }
.analytics-svg-wrap { width:100%; overflow-x:auto; }
.analytics-trend-chart { width:100%; min-width:660px; display:block; }
.analytics-chart-grid { stroke:rgba(184,200,224,.10); stroke-width:1; }
.analytics-chart-axis { stroke:rgba(184,200,224,.18); stroke-width:1; }
.analytics-axis-label { fill:#738197; font:9px ui-monospace,SFMono-Regular,Consolas,monospace; }
.analytics-chart-empty {
  min-height:180px;
  display:grid;
  place-items:center;
  padding:24px;
  color:#7f8da1;
  font-size:10px;
  text-align:center;
}
.analytics-chart-empty.success { color:#79cda2; }
.analytics-insight-list { display:flex; flex-direction:column; }
.analytics-insight-list article {
  min-height:76px;
  display:grid;
  grid-template-columns:9px minmax(0,1fr);
  gap:11px;
  align-items:start;
  padding:15px 18px;
  border-top:1px solid rgba(184,200,224,.08);
}
.analytics-insight-list article:first-child { border-top:0; }
.analytics-insight-list article>i { width:8px; height:8px; margin-top:4px; border-radius:50%; background:#72a8ff; box-shadow:0 0 0 4px rgba(114,168,255,.08); }
.analytics-insight-list article.warning>i { background:#f0a45f; box-shadow:0 0 0 4px rgba(240,164,95,.09); }
.analytics-insight-list article.normal>i { background:#62d99a; box-shadow:0 0 0 4px rgba(98,217,154,.09); }
.analytics-insight-list strong,.analytics-insight-list span { display:block; }
.analytics-insight-list strong { color:#e2e7ef; font-size:10px; }
.analytics-insight-list span { margin-top:5px; color:#8290a4; font-size:9px; line-height:1.55; }
.analytics-type-list { display:flex; flex-direction:column; gap:9px; }
.analytics-type-row {
  width:100%;
  display:block;
  padding:13px 14px;
  border:1px solid rgba(184,200,224,.10);
  border-radius:12px;
  background:rgba(4,8,14,.17);
  color:inherit;
  cursor:pointer;
  text-align:left;
}
.analytics-type-row:hover { border-color:rgba(114,168,255,.24); background:rgba(114,168,255,.035); }
.analytics-type-row:focus-visible { outline:2px solid rgba(146,133,255,.55); outline-offset:2px; }
.analytics-type-head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.analytics-type-head span,.analytics-type-head strong,.analytics-type-head small { min-width:0; display:block; }
.analytics-type-head strong { color:#e5eaf2; font-size:10px; }
.analytics-type-head small { margin-top:3px; color:#8290a4; font-size:8px; }
.analytics-type-head>b { flex:0 0 auto; color:#dce6f5; font:700 12px ui-monospace,SFMono-Regular,Consolas,monospace; }
.analytics-dual-bars { position:relative; height:16px; margin-top:9px; }
.analytics-dual-bars::before {
  position:absolute;
  inset:0;
  content:"";
  border-radius:5px;
  background:rgba(184,200,224,.055);
}
.analytics-dual-bars i { position:absolute; left:0; height:5px; border-radius:3px; }
.analytics-dual-bars .submitted { top:1px; background:#72a8ff; }
.analytics-dual-bars .completed { bottom:1px; background:#6e7f99; }
.analytics-type-meta { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; margin-top:7px; color:#78869a; font-size:8px; }
.analytics-worker-list { display:flex; flex-direction:column; gap:8px; }
.analytics-worker-row {
  display:grid;
  grid-template-columns:minmax(150px,1.25fr) minmax(90px,1fr) auto;
  gap:8px 12px;
  align-items:center;
  padding:12px 13px;
  border:1px solid rgba(184,200,224,.10);
  border-radius:12px;
  background:rgba(4,8,14,.17);
}
.analytics-worker-row>div:first-child { min-width:0; }
.analytics-worker-name { min-width:0; display:flex; align-items:center; gap:7px; }
.analytics-worker-name i { width:7px; height:7px; flex:0 0 auto; border-radius:50%; background:#596577; }
.analytics-worker-name i.online { background:#62d99a; box-shadow:0 0 7px rgba(98,217,154,.48); }
.analytics-worker-name strong { overflow:hidden; color:#e1e6ef; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
.analytics-worker-row div>small { display:block; margin-top:4px; color:#78869a; font-size:8px; }
.analytics-worker-volume { height:8px; overflow:hidden; border-radius:99px; background:rgba(184,200,224,.07); }
.analytics-worker-volume span { height:100%; display:block; border-radius:99px; background:#72a8ff; }
.analytics-worker-row>b { color:#dce6f5; font:700 10px ui-monospace,SFMono-Regular,Consolas,monospace; text-align:right; white-space:nowrap; }
.analytics-worker-row>small { grid-column:2/-1; color:#7f8da1; font-size:8px; text-align:right; }
.analytics-failure-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px 18px; }
.analytics-failure-list article { min-width:0; padding:11px 12px; border:1px solid rgba(184,200,224,.09); border-radius:11px; background:rgba(4,8,14,.16); }
.analytics-failure-list article>div:first-child { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.analytics-failure-list strong { overflow:hidden; color:#dce2eb; font-size:9px; text-overflow:ellipsis; white-space:nowrap; }
.analytics-failure-list span { color:#8d99ab; font-size:8px; white-space:nowrap; }
.analytics-failure-bar { height:7px; margin-top:8px; overflow:hidden; border-radius:99px; background:rgba(184,200,224,.065); }
.analytics-failure-bar i { height:100%; display:block; border-radius:99px; background:#f0a45f; }
.analytics-method-note {
  display:flex;
  align-items:flex-start;
  gap:12px;
  margin-top:14px;
  padding:13px 15px;
  border:1px solid rgba(184,200,224,.09);
  border-radius:13px;
  background:rgba(17,23,34,.5);
}
.analytics-method-note strong { flex:0 0 auto; color:#9aa7b9; font-size:9px; }
.analytics-method-note span { color:#758398; font-size:8px; line-height:1.6; }

@media (max-width:1240px) {
  .analytics-kpi-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .analytics-kpi-card { min-height:132px; }
  .analytics-trend-panel,.analytics-insight-panel { grid-column:span 12; }
  .analytics-task-panel,.analytics-worker-panel { grid-column:span 6; }
}
@media (max-width:980px) {
  .analytics-filter-bar { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .analytics-filter-note { order:4; }
  .analytics-filter-bar .primary-button { order:3; }
  .analytics-task-panel,.analytics-worker-panel { grid-column:span 12; }
}
@media (max-width:760px) {
  .analytics-hero { align-items:flex-start; }
  .analytics-period-summary { align-items:flex-start; }
  .analytics-kpi-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
  .analytics-kpi-card { min-height:128px; padding:13px; }
  .analytics-kpi-card>strong { font-size:21px; }
  .analytics-live-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .analytics-filter-bar { grid-template-columns:1fr; }
  .analytics-filter-note,.analytics-filter-bar .primary-button { order:initial; }
  .analytics-chart-panel .panel-head { min-height:0; }
  .analytics-failure-list { grid-template-columns:1fr; }
  .analytics-method-note { flex-direction:column; }
}
@media (max-width:430px) {
  .analytics-kpi-grid { grid-template-columns:1fr; }
  .analytics-kpi-card { min-height:118px; }
  .analytics-live-strip { grid-template-columns:1fr; }
  .analytics-worker-row { grid-template-columns:minmax(0,1fr) auto; }
  .analytics-worker-volume { grid-column:1/-1; grid-row:2; }
  .analytics-worker-row>b { grid-column:2; grid-row:1; }
  .analytics-worker-row>small { grid-column:1/-1; grid-row:3; text-align:left; }
}

.badge.feedback-open { color:var(--warning); }
.badge.feedback-reviewing { color:var(--info); }
.badge.feedback-resolved { color:var(--success); }
.badge.feedback-closed { color:var(--muted); }
.feedback-data-table { min-width:980px; }
.feedback-data-table .feedback-summary {
  max-width:420px;
  color:#d0d7e2;
  line-height:1.55;
  overflow-wrap:anywhere;
}
.feedback-category {
  display:inline-flex;
  padding:4px 8px;
  border:1px solid rgba(146,133,255,.24);
  border-radius:8px;
  background:rgba(146,133,255,.08);
  color:#b8afff;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.feedback-detail-content {
  padding:16px;
  border:1px solid rgba(184,200,224,.11);
  border-radius:13px;
  background:rgba(255,255,255,.022);
  color:#d7dde7;
  font-size:13px;
  line-height:1.75;
  overflow-wrap:anywhere;
}

@media (max-width:760px) {
  .feedback-data-table tbody tr { grid-template-columns:minmax(0,1fr) auto; }
  .feedback-data-table tbody td:nth-child(1) { grid-column:1; grid-row:1; }
  .feedback-data-table tbody td:nth-child(6) { grid-column:2; grid-row:1; }
  .feedback-data-table tbody td:nth-child(2),
  .feedback-data-table tbody td:nth-child(4) { grid-column:1/-1; }
  .feedback-data-table tbody td:nth-child(3),
  .feedback-data-table tbody td:nth-child(5),
  .feedback-data-table tbody td:nth-child(7) { display:none; }
  #feedback-status-editor { align-items:stretch; flex-direction:column; }
  #feedback-status-editor .compact-select,
  #feedback-status-editor button { width:100%; }
}

/* Client package upload and independent platform releases. */
.client-release-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.client-release-platform-card{padding:17px 18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(20,27,39,.98),rgba(11,16,24,.98))}.client-release-platform-card span,.client-release-platform-card strong,.client-release-platform-card small{display:block}.client-release-platform-card span{color:#8f9db0;font-size:9px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.client-release-platform-card strong{margin-top:8px;color:#dce3ed;font-size:15px}.client-release-platform-card small{margin-top:5px;color:var(--subtle);font-size:8px}.client-release-platform-card.published{border-color:rgba(80,216,144,.18)}.client-release-platform-card.published span{color:#7ee6ac}.client-release-platform-card.uploaded{border-color:rgba(242,203,130,.2)}.client-release-platform-card.uploaded span{color:#f2cb82}
.client-release-upload-form{margin-bottom:14px}.client-release-upload-fields{display:grid;grid-template-columns:minmax(150px,.45fr) minmax(360px,1.55fr) auto;align-items:end;gap:16px;padding:20px 22px 14px}.client-release-upload-form .system-field>span,.client-release-publish-settings .system-field>span{display:block;margin-bottom:7px;color:#d2d9e4;font-size:10px;font-weight:700}.client-release-upload-form .system-field small{display:block;margin-top:6px;color:var(--subtle);font-size:8px;line-height:1.5}.client-release-upload-form code{color:#a9c7ff}.client-release-file-field input{padding:8px}.client-release-upload-progress{margin:0 22px 14px;padding:12px 14px;border:1px solid rgba(139,124,255,.25);border-radius:12px;background:rgba(139,124,255,.055)}.client-release-upload-progress[hidden]{display:none}.client-release-upload-progress>div{display:flex;align-items:center;justify-content:space-between;gap:12px}.client-release-upload-progress strong{color:#d8d3ff;font-size:9px}.client-release-upload-progress span{color:#bcb3ff;font:700 10px/1 "SFMono-Regular",Consolas,monospace}.client-release-upload-progress>i{display:block;height:7px;margin:9px 0 7px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.075)}.client-release-upload-progress>i>b{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--cyan));box-shadow:0 0 14px rgba(67,217,195,.3);transition:width .15s linear}.client-release-upload-progress>small{display:block;color:var(--subtle);font:8px/1.3 "SFMono-Regular",Consolas,monospace;text-align:right}.client-release-upload-progress.failed{border-color:rgba(238,116,116,.28);background:rgba(238,116,116,.055)}.client-release-upload-progress.failed strong,.client-release-upload-progress.failed span{color:#f0a6a6}.client-release-upload-progress.failed>i>b{background:#e56f6f}.client-release-upload-result{display:flex;align-items:flex-start;gap:12px;margin:0 22px 14px;padding:13px 14px;border:1px solid rgba(80,216,144,.25);border-radius:12px;background:rgba(80,216,144,.06)}.client-release-upload-result>b{flex:0 0 auto;padding:4px 7px;border-radius:99px;background:rgba(80,216,144,.12);color:#7ee6ac;font-size:8px}.client-release-upload-result strong,.client-release-upload-result span,.client-release-upload-result small{display:block}.client-release-upload-result strong{color:#c9f1da;font-size:10px}.client-release-upload-result span{margin-top:4px;color:#a9b8ae;font:8px/1.4 "SFMono-Regular",Consolas,monospace;word-break:break-all}.client-release-upload-result small{margin-top:5px;color:#7fb697;font-size:8px}.client-release-validation-note{display:flex;gap:9px;margin:0 22px 20px;padding:11px 13px;border:1px solid rgba(101,168,255,.18);border-radius:11px;background:rgba(101,168,255,.045);font-size:8px;line-height:1.55}.client-release-validation-note strong{flex:0 0 auto;color:#9bc4ff}.client-release-validation-note span{color:var(--muted)}
.client-release-publish-settings{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:22px;padding:15px 18px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.015)}.client-release-publish-settings textarea{min-height:72px;resize:vertical}.client-release-artifact-section{margin-bottom:18px}.client-release-artifact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.client-release-artifact{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:linear-gradient(145deg,rgba(20,27,39,.98),rgba(11,16,24,.98))}.client-release-artifact.current{border-color:rgba(80,216,144,.26)}
.client-release-artifact-main{display:flex;align-items:center;gap:12px;padding:16px 17px;border-bottom:1px solid var(--border)}.client-release-platform-tag{display:inline-grid;place-items:center;min-width:64px;height:27px;padding:0 9px;border-radius:8px;background:rgba(139,124,255,.1);color:#bcb3ff;font-size:8px;font-weight:800}.client-release-artifact-main>div{min-width:0}.client-release-artifact-main strong,.client-release-artifact-main small{display:block}.client-release-artifact-main strong{font-size:12px}.client-release-artifact-main small{margin-top:4px;overflow:hidden;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.client-release-artifact-main .client-release-package-kind{display:inline-block;margin-top:7px;padding:3px 7px;border-radius:999px;background:rgba(80,216,144,.09);color:#7ee6ac}.client-release-artifact-main .client-release-package-kind.unsigned,.client-release-artifact-main .client-release-package-kind.ad_hoc_unnotarized{background:rgba(242,203,130,.09);color:#f2cb82}
.client-release-artifact dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:13px 17px}.client-release-artifact dl>div{min-width:0}.client-release-artifact dl .wide{grid-column:1/-1}.client-release-artifact dt{color:var(--subtle);font-size:7px}.client-release-artifact dd{margin:3px 0 0;overflow:hidden;color:#d5dce6;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.client-release-artifact footer{min-height:53px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 17px;border-top:1px solid var(--border);background:rgba(255,255,255,.012)}.client-release-artifact footer span,.client-release-artifact footer em{color:var(--muted);font-size:8px;font-style:normal}.client-release-artifact footer em{color:#f2cb82;text-align:right}.client-release-artifact footer button{height:34px;padding:0 12px;font-size:9px}
.client-release-advanced summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;cursor:pointer;list-style:none}.client-release-advanced summary::-webkit-details-marker{display:none}.client-release-advanced summary span,.client-release-advanced summary strong,.client-release-advanced summary small{display:block}.client-release-advanced summary small{margin-top:3px;color:var(--muted);font-size:8px}.client-release-advanced summary b{color:#aaa0ff;font-size:9px}.client-release-channel-list{border-top:1px solid var(--border)}.client-release-channel-form{display:grid;grid-template-columns:minmax(150px,.65fr) minmax(150px,.7fr) minmax(260px,1.3fr) auto auto;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid var(--border)}.client-release-channel-form:last-child{border-bottom:0}.client-release-channel-form>div strong,.client-release-channel-form>div small{display:block}.client-release-channel-form>div strong{font-size:10px}.client-release-channel-form>div small{margin-top:3px;color:var(--subtle);font-size:8px}.client-release-channel-form .secondary-button{height:36px;padding:0 13px;font-size:9px}
@media (max-width:1100px){.client-release-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.client-release-upload-fields{grid-template-columns:1fr}.client-release-artifact-list{grid-template-columns:1fr}.client-release-channel-form{grid-template-columns:1fr 1fr}.client-release-channel-form>div,.client-release-channel-form input[name=update_url]{grid-column:1/-1}}
@media (max-width:760px){.client-release-platform-grid{grid-template-columns:1fr}.client-release-upload-fields{padding:17px}.client-release-upload-progress,.client-release-upload-result{margin:0 17px 14px}.client-release-validation-note{margin:0 17px 17px;flex-direction:column}.client-release-publish-settings{grid-template-columns:1fr}.client-release-channel-form{grid-template-columns:1fr;padding:14px}.client-release-channel-form>div,.client-release-channel-form input[name=update_url]{grid-column:auto}}

/* Invitation experience plan. */
.invitation-experience-settings{margin-bottom:18px}.invitation-experience-form{display:grid;gap:14px;padding:18px 20px}.invitation-experience-form>.system-toggle-card{min-height:68px}.invitation-experience-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.invitation-experience-fields label,.invitation-email-settings label{display:block}.invitation-experience-fields label>span,.invitation-email-settings label>span{display:block;margin-bottom:7px;color:var(--muted);font-size:9px;font-weight:700}.invitation-experience-fields small{display:block;margin-top:6px;color:var(--subtle);font-size:8px;line-height:1.5}.invitation-email-settings{border-radius:14px}.invitation-email-settings summary{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 17px;cursor:pointer;list-style:none}.invitation-email-settings summary::-webkit-details-marker{display:none}.invitation-email-settings summary strong,.invitation-email-settings summary small{display:block}.invitation-email-settings summary strong{font-size:10px}.invitation-email-settings summary small{margin-top:4px;color:var(--subtle);font-size:8px}.invitation-email-settings summary b{color:#aaa0ff;font-size:8px}.invitation-email-settings>div{display:grid;gap:12px;padding:0 17px 17px}.invitation-email-settings textarea{min-height:120px;padding:12px;resize:vertical}.invitation-experience-form>.settings-save-button{justify-self:end}.cell-note{display:block;width:max-content;margin-top:6px}.cell-error{display:block;max-width:240px;margin-top:5px;overflow:hidden;color:#e58e8e;font-size:8px;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:1100px){.invitation-experience-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.invitation-experience-fields{grid-template-columns:1fr}.invitation-experience-form{padding:15px}.invitation-experience-form>.settings-save-button{width:100%;justify-self:stretch}}