:root {
  --bg: #02070d;
  --panel: rgba(7, 18, 29, .78);
  --panel-solid: #07121d;
  --line: rgba(148, 218, 241, .16);
  --line-hot: rgba(104, 230, 246, .52);
  --text: #edf8fc;
  --muted: #8298a7;
  --cyan: #71e6f6;
  --acid: #d8ff73;
  --gold: #f4ce77;
  --coral: #ff806c;
  --radius: 22px;
  font-family: "Avenir Next", "DIN Alternate", "PingFang SC", sans-serif;
  color: var(--text);
  background: var(--bg);
}
* { box-sizing: border-box; }
[hidden] { display: none !important; }
html, body { min-height: 100%; margin: 0; }
body { overflow-x: hidden; background: radial-gradient(circle at 74% 8%, #0b3041 0, transparent 31%), radial-gradient(circle at 18% 72%, #102139 0, transparent 34%), #02070d; }
button, input, textarea, select { font: inherit; }
button, a, label { -webkit-tap-highlight-color: transparent; }
button { cursor: pointer; }
.admin-space { position: fixed; inset: 0; z-index: -1; overflow: hidden; background-image: radial-gradient(circle, rgba(156,228,255,.26) 0 1px, transparent 1.5px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, black, transparent 82%); }
.admin-space::before { content: ""; position: absolute; width: 58vw; aspect-ratio: 1; top: -28vw; right: -7vw; border: 1px solid rgba(113,230,246,.13); border-radius: 50%; box-shadow: 0 0 0 12vw rgba(96,196,224,.025), 0 0 0 24vw rgba(96,196,224,.018); }
.admin-space i { position: absolute; width: 3px; height: 3px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 16px var(--cyan); animation: drift 8s ease-in-out infinite alternate; }
.admin-space i:nth-child(1) { left: 16%; top: 18%; }.admin-space i:nth-child(2) { right: 25%; top: 36%; animation-delay: -3s }.admin-space i:nth-child(3) { left: 55%; bottom: 16%; animation-delay: -6s }
@keyframes drift { to { transform: translate3d(30px,-22px,0); opacity: .35; } }
.glass { border: 1px solid var(--line); background: linear-gradient(145deg, rgba(15,35,50,.84), rgba(4,12,21,.76)); box-shadow: inset 0 1px rgba(255,255,255,.08), 0 24px 80px rgba(0,0,0,.3); -webkit-backdrop-filter: blur(24px) saturate(1.2); backdrop-filter: blur(24px) saturate(1.2); }
.kicker, .signal { color: var(--cyan); font: 700 10px/1.2 "SFMono-Regular", Consolas, monospace; letter-spacing: .19em; text-transform: uppercase; }
.admin-auth { min-height: 100vh; display: grid; grid-template-columns: minmax(0,1.2fr) minmax(360px,.58fr); align-items: center; gap: 7vw; padding: clamp(24px,6vw,96px); }
.auth-copy h1 { max-width: 780px; margin: 24px 0; font: 760 clamp(58px,7vw,118px)/.88 "Avenir Next Condensed", "PingFang SC", sans-serif; letter-spacing: -.065em; }
.auth-copy h1 em { color: var(--cyan); font-style: normal; text-shadow: 0 0 48px rgba(113,230,246,.22); }
.auth-copy p { max-width: 680px; color: #a9bac5; font-size: clamp(16px,1.5vw,22px); line-height: 1.8; }
.auth-card { padding: 34px; border-radius: 30px; }
.auth-card h2 { margin: 12px 0 28px; font-size: 32px; }
.auth-card label { display: grid; gap: 9px; margin-top: 18px; color: #b6c6d0; font-size: 13px; font-weight: 700; }
.auth-card input { width: 100%; height: 52px; padding: 0 16px; border: 1px solid var(--line); border-radius: 15px; outline: none; background: rgba(2,8,14,.7); color: white; }
.auth-card input:focus { border-color: var(--cyan); box-shadow: 0 0 0 4px rgba(113,230,246,.1); }
.auth-card button, .primary { width: 100%; min-height: 52px; margin-top: 24px; border: 0; border-radius: 15px; background: var(--acid); color: #07110c; font-weight: 800; }
.auth-card p { min-height: 20px; color: var(--muted); font-size: 12px; }
.studio { min-height: 100vh; display: grid; grid-template-columns: 260px minmax(0,1fr); gap: 18px; padding: 18px; }
.sidebar { position: sticky; top: 18px; height: calc(100vh - 36px); display: flex; flex-direction: column; padding: 20px 14px; border-radius: 28px; overflow: hidden; }
.brand { display: flex; align-items: center; gap: 11px; padding: 6px 8px 20px; color: white; text-decoration: none; letter-spacing: .18em; }
.brand strong { display: grid; font-size: 13px; }.brand small { margin-top: 3px; color: #718897; font: 600 8px/1 monospace; letter-spacing: .1em; }
.brand-orb { position: relative; width: 42px; height: 30px; border: 1px solid rgba(126,224,245,.48); border-radius: 14px; background: #081622; box-shadow: inset 0 0 18px rgba(85,212,237,.1); }.brand-orb i { position: absolute; top: 9px; width: 6px; height: 10px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 11px var(--cyan); }.brand-orb i:first-child { left: 11px }.brand-orb i:last-child { right: 11px }
#domainNav { flex: 1; display: grid; align-content: start; gap: 3px; overflow: auto; padding-right: 2px; }
.nav-item { width: 100%; display: flex; align-items: center; gap: 10px; min-height: 42px; padding: 0 11px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: #8ea4b2; text-align: left; }
.nav-item:hover { color: #e6f8ff; background: rgba(100,207,232,.06); }.nav-item.active { color: white; border-color: rgba(110,222,241,.2); background: linear-gradient(90deg,rgba(86,204,229,.16),rgba(86,204,229,.04)); }
.nav-item b { width: 22px; color: var(--cyan); font: 700 10px/1 monospace; }.nav-item span { flex: 1; font-size: 12px; font-weight: 650; }.nav-item small { min-width: 23px; padding: 3px 6px; border-radius: 9px; background: rgba(255,255,255,.055); color: #718896; text-align: center; }
.sidebar-foot { display: grid; gap: 8px; padding-top: 14px; border-top: 1px solid var(--line); }.sidebar-foot a,.sidebar-foot button { min-height: 40px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 12px; background: transparent; color: #9eb0bb; font-size: 11px; text-decoration: none; }
.workspace { min-width: 0; display: grid; align-content: start; gap: 18px; }
.topbar { position: sticky; top: 18px; z-index: 20; min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px 18px 14px 24px; border-radius: 24px; }
.topbar h1 { margin: 5px 0 0; font-size: clamp(21px,2vw,30px); letter-spacing: -.03em; }.top-actions { display: flex; align-items: center; gap: 9px; }.top-actions button { min-height: 44px; padding: 0 16px; border-radius: 13px; font-size: 12px; font-weight: 750; }.top-actions .primary { width: auto; margin: 0; }.ghost { border: 1px solid var(--line); background: rgba(8,20,32,.72); color: #d9edf5; }
.save-state { display: flex; align-items: center; gap: 7px; margin-right: 6px; color: #718995; font-size: 11px; }.save-state i { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 12px var(--acid); }.save-state.dirty i { background: var(--gold); box-shadow: 0 0 12px var(--gold); }
.overview { display: grid; grid-template-columns: repeat(12,minmax(0,1fr)); gap: 14px; }.metric,.readiness,.mission-overview { border: 1px solid var(--line); border-radius: var(--radius); background: rgba(5,14,23,.66); }
.metric { grid-column: span 3; min-height: 148px; padding: 20px; }.metric span { color: var(--muted); font-size: 11px; }.metric strong { display: block; margin-top: 20px; font: 700 40px/1 "Avenir Next Condensed",sans-serif; }.metric small { display: block; margin-top: 12px; color: #718692; }
.mission-overview { grid-column: span 8; padding: 24px; }.mission-overview h2,.readiness h2 { margin: 8px 0 18px; }.route-row { display: grid; grid-template-columns: 65px 1fr auto; gap: 12px; align-items: center; min-height: 54px; border-top: 1px solid rgba(139,209,233,.1); }.route-row b { color: var(--cyan); font: 700 10px/1 monospace; }.route-row span { font-size: 13px; }.route-row small { color: var(--muted); }
.readiness { grid-column: span 4; padding: 24px; }.ready-row { display: grid; grid-template-columns: 1fr auto; gap: 5px; padding: 10px 0; border-top: 1px solid rgba(139,209,233,.1); }.ready-row span { color: #afc1cb; font-size: 12px; }.ready-row b { color: var(--acid); font-size: 11px; }.ready-row small { grid-column: 1/-1; color: #667c89; }
.manager { min-height: calc(100vh - 120px); display: grid; grid-template-columns: 330px minmax(0,1fr); border-radius: 27px; overflow: hidden; }.master { min-width: 0; border-right: 1px solid var(--line); background: rgba(3,10,17,.44); }.master-head,.detail-head,.asset-head { display: flex; justify-content: space-between; align-items: center; gap: 16px; }.master-head { min-height: 82px; padding: 18px; }.master-head strong { display: block; margin-top: 6px; }.round { width: 40px; height: 40px; border: 1px solid var(--line-hot); border-radius: 50%; background: rgba(84,207,231,.1); color: var(--cyan); font-size: 22px; }.search { position: relative; display: block; margin: 0 14px 12px; }.search span { position: absolute; left: 13px; top: 10px; color: var(--cyan); }.search input { width: 100%; height: 42px; padding: 0 12px 0 36px; border: 1px solid var(--line); border-radius: 13px; background: rgba(1,7,12,.65); color: white; outline: none; }
.item-list { max-height: calc(100vh - 245px); overflow: auto; padding: 0 10px 18px; }.record-card { width: 100%; display: grid; gap: 7px; margin: 4px 0; padding: 14px; border: 1px solid transparent; border-radius: 15px; background: transparent; color: #dcebf1; text-align: left; }.record-card:hover { background: rgba(91,201,225,.055); }.record-card.active { border-color: rgba(113,230,246,.28); background: rgba(77,189,215,.11); }.record-card strong { font-size: 13px; }.record-card span { overflow: hidden; color: #738b98; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }.record-card small { width: max-content; padding: 3px 7px; border-radius: 8px; background: rgba(216,255,115,.08); color: #accb69; }
.detail { min-width: 0; }.detail-head { min-height: 82px; padding: 16px 22px; border-bottom: 1px solid var(--line); }.detail-head h2 { margin: 5px 0 0; font-size: 22px; }.detail-actions { display: flex; gap: 7px; }.detail-actions button { min-height: 38px; padding: 0 13px; border: 1px solid var(--line); border-radius: 11px; background: rgba(6,17,28,.75); color: #a9bdc8; }.detail-actions .danger { color: #ff9a88; }
.record-editor { max-height: calc(100vh - 222px); overflow: auto; padding: 22px; }.field-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }.field { display: grid; align-content: start; gap: 7px; }.field.wide { grid-column: 1/-1; }.field > span { color: #8399a6; font-size: 10px; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }.field input,.field textarea,.field select { width: 100%; border: 1px solid var(--line); border-radius: 12px; outline: none; background: rgba(2,9,15,.66); color: #e8f5fa; }.field input,.field select { height: 43px; padding: 0 12px; }.field textarea { min-height: 96px; padding: 11px 12px; resize: vertical; line-height: 1.6; }.field input:focus,.field textarea:focus,.field select:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(113,230,246,.08); }
.nested { grid-column: 1/-1; margin-top: 4px; border: 1px solid rgba(134,209,233,.13); border-radius: 16px; background: rgba(3,10,17,.36); }.nested > summary { display: flex; align-items: center; justify-content: space-between; min-height: 48px; padding: 0 14px; color: #c7d8df; cursor: pointer; font-size: 12px; font-weight: 700; }.nested > summary small { color: #607783; }.nested-body { padding: 4px 14px 14px; }.array-item { position: relative; margin: 8px 0; padding: 12px; border: 1px solid rgba(139,209,233,.1); border-radius: 13px; background: rgba(9,22,34,.46); }.remove-array { position: absolute; z-index: 2; top: 8px; right: 8px; width: 28px; height: 28px; border: 0; border-radius: 9px; background: rgba(255,128,108,.1); color: #ff9a88; }.add-array { width: 100%; min-height: 38px; border: 1px dashed rgba(113,230,246,.3); border-radius: 11px; background: rgba(113,230,246,.045); color: var(--cyan); }
.empty { min-height: 260px; display: grid; place-items: center; color: #647b88; text-align: center; }.assets { padding: 24px; border-radius: 27px; }.asset-head h2 { margin: 8px 0 6px; }.asset-head p { margin: 0; color: var(--muted); }.upload-button { display: grid; place-items: center; min-height: 46px; padding: 0 18px; border-radius: 14px; background: var(--acid); color: #07110c; font-size: 12px; font-weight: 800; cursor: pointer; }.asset-stats { display: flex; gap: 9px; margin: 22px 0; }.asset-stats span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 11px; color: #95aab5; font-size: 11px; }.asset-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(210px,1fr)); gap: 13px; }.asset-card { overflow: hidden; border: 1px solid var(--line); border-radius: 17px; background: rgba(3,10,17,.56); }.asset-preview { aspect-ratio: 16/10; display: grid; place-items: center; overflow: hidden; background: #03090f; }.asset-preview img { width: 100%; height: 100%; object-fit: cover; }.asset-info { display: grid; gap: 7px; padding: 12px; }.asset-info strong { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.asset-info span { color: #697e89; font-size: 9px; }.asset-info footer { display: flex; justify-content: space-between; align-items: center; }.asset-info small { color: var(--cyan); }.asset-info button { border: 0; background: transparent; color: #ff917f; font-size: 10px; }.asset-info button:disabled { color: #546975; cursor: not-allowed; }
.toast { position: fixed; z-index: 200; left: 50%; bottom: 24px; transform: translate(-50%,20px); padding: 12px 18px; border: 1px solid var(--line-hot); border-radius: 13px; background: rgba(4,15,24,.92); color: #e8faff; opacity: 0; pointer-events: none; transition: .2s ease; box-shadow: 0 12px 50px rgba(0,0,0,.4); }.toast.show { opacity: 1; transform: translate(-50%,0); }
@media (max-width: 1050px) { .studio { grid-template-columns: 82px minmax(0,1fr); }.brand strong,.nav-item span,.nav-item small,.sidebar-foot { display: none; }.brand { justify-content: center; padding-inline: 0; }.nav-item { justify-content: center; }.nav-item b { width: auto; }.manager { grid-template-columns: 280px minmax(0,1fr); }.metric { grid-column: span 6; } }
@media (max-width: 760px) { .admin-auth { grid-template-columns: 1fr; padding: 20px; }.auth-copy h1 { font-size: 54px; }.studio { display: block; padding: 8px; }.sidebar { position: relative; top: 0; width: 100%; height: auto; flex-direction: row; align-items: center; padding: 8px; border-radius: 18px; }.brand { padding: 0 8px; }.brand strong { display: grid; }#domainNav { display: flex; flex: 1; overflow-x: auto; }.nav-item { width: auto; flex: 0 0 45px; }.topbar { top: 8px; min-height: 72px; padding: 10px 12px; }.top-actions .save-state,.top-actions .ghost { display: none; }.top-actions button { padding: 0 12px; }.overview { grid-template-columns: repeat(2,1fr); }.metric,.mission-overview,.readiness { grid-column: span 2; }.manager { min-height: 0; grid-template-columns: 1fr; }.master { border-right: 0; border-bottom: 1px solid var(--line); }.item-list { max-height: 270px; }.record-editor { max-height: none; }.field-grid { grid-template-columns: 1fr; }.detail-head { align-items: flex-start; }.asset-head { align-items: flex-start; flex-direction: column; }.asset-grid { grid-template-columns: repeat(2,minmax(0,1fr)); } }

.document-center { min-height: calc(100vh - 120px); display: grid; grid-template-columns: 320px minmax(0,1fr); border-radius: 27px; overflow: hidden; }
.document-tree { min-width: 0; border-right: 1px solid var(--line); background: rgba(3,10,17,.44); }
.document-tree-head { min-height: 82px; display: flex; align-items: center; justify-content: space-between; padding: 18px; }.document-tree-head strong { display: block; margin-top: 6px; }
.document-list { max-height: calc(100vh - 245px); overflow: auto; padding: 0 10px 18px; }
.document-group { margin: 8px 0 14px; }.document-group > strong { display: flex; justify-content: space-between; padding: 8px 9px; color: #6f8794; font: 750 9px/1 monospace; letter-spacing: .09em; text-transform: uppercase; }
.document-item { width: 100%; display: grid; gap: 6px; margin: 3px 0; padding: 12px; border: 1px solid transparent; border-radius: 13px; background: transparent; color: #d8e8ef; text-align: left; }.document-item:hover { background: rgba(92,202,225,.06); }.document-item.active { border-color: rgba(113,230,246,.26); background: rgba(74,188,213,.1); }.document-item b { overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }.document-item small { overflow: hidden; color: #647b88; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }.document-item mark { background: rgba(216,255,115,.18); color: #eaffad; }
.document-workbench { min-width: 0; display: grid; grid-template-rows: auto auto minmax(0,1fr); }.document-head { min-height: 82px; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 14px 18px 14px 22px; border-bottom: 1px solid var(--line); }.document-head h2 { margin: 6px 0 0; font-size: 21px; }.document-actions { display: flex; gap: 8px; }.document-actions button { width: auto; min-height: 40px; margin: 0; padding: 0 14px; border: 1px solid var(--line); border-radius: 12px; background: rgba(5,16,26,.72); color: #adbec7; }.document-actions button.primary { border: 0; background: var(--acid); color: #07110c; }.document-actions button.danger { color: #ff907e; }
.document-toolbar { min-height: 54px; display: flex; align-items: center; gap: 14px; padding: 7px 12px; border-bottom: 1px solid var(--line); background: rgba(2,9,15,.44); }.mode-switch,.format-tools { display: flex; gap: 4px; }.document-toolbar button { min-height: 32px; padding: 0 9px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #728a97; font-size: 10px; }.document-toolbar button:hover,.document-toolbar button.active { border-color: rgba(113,230,246,.22); background: rgba(113,230,246,.08); color: #dff9ff; }.document-toolbar > span { margin-left: auto; color: #627985; font-size: 10px; }
.document-editors { min-height: 0; height: calc(100vh - 258px); display: grid; grid-template-columns: 1fr 1fr; }.document-editors.mode-source { grid-template-columns: 1fr; }.document-editors.mode-visual { grid-template-columns: 1fr; }.document-editors.mode-source .document-visual,.document-editors.mode-visual #documentSource { display: none; }
#documentSource,.document-visual { width: 100%; height: 100%; min-height: 500px; overflow: auto; border: 0; outline: 0; background: rgba(1,7,12,.48); color: #cfe0e7; }
#documentSource { padding: 24px; resize: none; font: 13px/1.75 "SFMono-Regular", Consolas, monospace; tab-size: 2; }.document-visual { padding: clamp(24px,4vw,58px); border-left: 1px solid var(--line); font-family: "Source Han Serif SC", "Songti SC", serif; line-height: 1.85; }.document-visual:focus { box-shadow: inset 0 0 0 1px rgba(113,230,246,.2); }.document-visual h1 { margin: 0 0 1em; color: #fff; font-size: clamp(34px,4vw,62px); line-height: 1.08; letter-spacing: -.045em; }.document-visual h2 { margin: 1.8em 0 .7em; padding-top: .4em; border-top: 1px solid rgba(120,210,235,.15); color: #dcf7ff; font-size: 27px; }.document-visual h3 { margin: 1.5em 0 .6em; color: #bceaf4; font-size: 20px; }.document-visual h4 { color: var(--gold); }.document-visual p,.document-visual li { color: #b9c8ce; }.document-visual blockquote { margin: 1.2em 0; padding: .7em 1em; border-left: 3px solid var(--cyan); background: rgba(113,230,246,.055); color: #d5e9ef; }.document-visual pre { overflow: auto; padding: 16px; border: 1px solid var(--line); border-radius: 13px; background: #02080e; font: 12px/1.65 "SFMono-Regular", Consolas, monospace; }.document-visual code { color: #dfff8e; }.document-visual table { width: 100%; border-collapse: collapse; }.document-visual th,.document-visual td { padding: 8px 10px; border: 1px solid var(--line); text-align: left; }.document-visual a { color: var(--cyan); }
@media (max-width: 900px) { .document-center { grid-template-columns: 250px minmax(0,1fr); }.format-tools { overflow-x: auto; }.document-editors { grid-template-columns: 1fr; height: auto; }.document-editors.mode-split #documentSource,.document-editors.mode-split .document-visual { display: block; min-height: 460px; }.document-editors.mode-split { display: block; }.document-visual { border-top: 1px solid var(--line); border-left: 0; } }
@media (max-width: 680px) { .document-center { display: block; }.document-tree { border-right: 0; border-bottom: 1px solid var(--line); }.document-list { max-height: 260px; }.document-head { align-items: flex-start; }.document-toolbar { flex-wrap: wrap; }.document-toolbar > span { width: 100%; margin-left: 0; }.document-actions .danger { display: none; } }

@media (max-width: 760px) {
  .sidebar { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 8px; align-items: center; }
  .brand { min-width: 54px; padding-inline: 4px; }
  .brand strong { font-size: 0; }
  #domainNav { min-width: 0; gap: 4px; padding-bottom: 2px; scrollbar-width: none; }
  #domainNav::-webkit-scrollbar { display: none; }
  .nav-item { flex: 0 0 76px; min-height: 46px; display: grid; grid-template-columns: 1fr; place-items: center; gap: 2px; padding: 5px 4px; }
  .nav-item b { font-size: 8px; }
  .nav-item span { display: block !important; width: 100%; overflow: hidden; font-size: 8px; text-align: center; text-overflow: ellipsis; white-space: nowrap; }
  .topbar { position: sticky; top: 8px; z-index: 30; }
  .topbar h1 { font-size: 22px; }
  .workspace { gap: 10px; }
}

@media (max-width: 480px) {
  .overview { grid-template-columns: 1fr; }
  .metric, .mission-overview, .readiness { grid-column: 1; }
  .metric { min-height: 116px; }
  .top-actions .primary { min-height: 40px; padding-inline: 11px; font-size: 10px; }
}

.detail-actions a { min-height: 38px; display: inline-flex; align-items: center; padding: 0 13px; border: 1px solid var(--line); border-radius: 11px; color: #a9bdc8; background: rgba(6,17,28,.75); text-decoration: none; font-size: 12px; }
.detail-actions .robot-preview-link { border-color: rgba(113,230,246,.32); color: #c9f8ff; background: linear-gradient(145deg,rgba(113,230,246,.1),rgba(5,18,29,.72)); }

/* Autonomous companion control plane */
.record-editor.autonomy-editor { padding: 0; background: radial-gradient(circle at 74% 2%,rgba(108,166,255,.1),transparent 34%),radial-gradient(circle at 16% 42%,rgba(95,232,201,.07),transparent 28%); }
.autonomy-console { --auto-cyan: #83f3e1; --auto-blue: #73a9ff; --auto-lime: #d9ff78; display: grid; gap: 14px; padding: 18px; }
.autonomy-console button,.autonomy-console a,.autonomy-console input,.autonomy-console select { font: inherit; }
.autonomy-hero { position: relative; min-height: 250px; display: grid; grid-template-columns: 152px minmax(0,1fr) auto; align-items: center; gap: 28px; overflow: hidden; padding: clamp(24px,4vw,48px); border: 1px solid rgba(144,224,242,.16); border-radius: 28px; background: linear-gradient(135deg,rgba(10,35,49,.72),rgba(4,12,22,.38) 52%,rgba(38,42,75,.42)); backdrop-filter: blur(28px) saturate(135%); -webkit-backdrop-filter: blur(28px) saturate(135%); box-shadow: inset 0 1px rgba(255,255,255,.08),0 32px 90px rgba(0,0,0,.2); }
.autonomy-hero::before { content:""; position:absolute; inset:-60%; background:conic-gradient(from 140deg,transparent 0 36%,rgba(103,236,211,.08),transparent 48% 70%,rgba(112,157,255,.08),transparent 82%); animation:autonomy-flow 18s linear infinite; }
.autonomy-hero > * { position: relative; z-index: 1; }.autonomy-hero h3 { max-width: 760px; margin: 12px 0 14px; color:#f3fbff; font:500 clamp(27px,3.1vw,47px)/1.06 "Avenir Next","Noto Sans SC",sans-serif; letter-spacing:-.045em; }.autonomy-hero p { max-width:720px; margin:0; color:#9eb4bf; font-size:13px; line-height:1.8; }
.autonomy-radar { position:relative; aspect-ratio:1; display:grid; place-items:center; border:1px solid rgba(131,243,225,.2); border-radius:50%; background:radial-gradient(circle,rgba(131,243,225,.18),rgba(12,42,55,.38) 34%,rgba(3,11,18,.55) 66%); box-shadow:0 0 60px rgba(91,219,214,.12),inset 0 0 35px rgba(114,171,255,.08); }.autonomy-radar i { position:absolute; inset:12%; border:1px solid rgba(131,243,225,.16); border-radius:50%; }.autonomy-radar i:nth-child(2){inset:27%;border-color:rgba(115,169,255,.26)}.autonomy-radar i:nth-child(3){inset:5% 48%;border:0;border-left:1px solid rgba(131,243,225,.2);border-radius:0;animation:autonomy-scan 5s ease-in-out infinite}.autonomy-radar b { color:#edffff; font:700 18px/1 monospace; letter-spacing:.12em;text-shadow:0 0 24px var(--auto-cyan); }
.autonomy-hero-actions { align-self:stretch; display:flex; flex-direction:column; justify-content:flex-end; gap:9px; }.autonomy-hero-actions a,.autonomy-hero-actions button,.autonomy-switch-actions button,.autonomy-route button { min-height:42px; display:inline-flex; align-items:center; justify-content:center; padding:0 15px; border:1px solid rgba(131,243,225,.22); border-radius:13px; background:rgba(7,23,34,.66); color:#d9f9fa; text-decoration:none; font-size:11px; cursor:pointer; }.autonomy-hero-actions a,.autonomy-route button { border:0; background:linear-gradient(135deg,var(--auto-lime),#9ef3c0); color:#07120f; font-weight:800; }
.autonomy-switchboard { display:grid; grid-template-columns:repeat(2,minmax(190px,1fr)) minmax(220px,1.2fr) auto; gap:10px; }.autonomy-toggle,.autonomy-live-status,.autonomy-switch-actions { min-height:82px; display:flex; align-items:center; gap:14px; padding:15px; border:1px solid rgba(137,213,235,.12); border-radius:19px; background:rgba(4,15,24,.46); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }.autonomy-toggle > span { display:grid; gap:5px; flex:1; }.autonomy-toggle b { color:#e0f4f7;font-size:12px}.autonomy-toggle small,.autonomy-live-status small { color:#627b86;font-size:9px}.autonomy-toggle select { width:74px;height:36px;padding:0 8px;border:1px solid rgba(131,243,225,.16);border-radius:10px;background:#07141d;color:#c9e6e9;outline:0}.autonomy-live-status { display:grid;grid-template-columns:auto 1fr;column-gap:10px}.autonomy-live-status i{grid-row:1/3;width:9px;height:9px;border-radius:50%;background:#687b84;box-shadow:0 0 0 5px rgba(104,123,132,.08)}.autonomy-live-status span{color:#d6e7eb;font-size:11px}.autonomy-live-status[data-connected="true"] i{background:var(--auto-cyan);box-shadow:0 0 0 5px rgba(131,243,225,.08),0 0 20px rgba(131,243,225,.7)}.autonomy-switch-actions{display:grid;grid-template-columns:1fr;padding:8px}.autonomy-switch-actions button{min-height:31px;border:0;border-radius:9px;background:rgba(122,180,207,.08);color:#9eb6c0;font-size:9px}.autonomy-switch-actions button:last-child{color:#ffc4b9;background:rgba(255,128,108,.07)}
.autonomy-live-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.autonomy-live-grid article{min-height:105px;display:grid;align-content:center;gap:7px;padding:17px;border:1px solid rgba(137,213,235,.11);border-radius:20px;background:linear-gradient(145deg,rgba(7,25,36,.65),rgba(4,12,20,.38));}.autonomy-live-grid span{color:#6f8994;font-size:9px;letter-spacing:.08em}.autonomy-live-grid strong{overflow:hidden;color:#e4f5f8;font-size:17px;text-overflow:ellipsis;white-space:nowrap}.autonomy-live-grid small{color:#526a75;font-size:9px}
.autonomy-routines,.autonomy-parameters,.autonomy-audit-panel { padding:clamp(20px,3vw,34px);border:1px solid rgba(137,213,235,.12);border-radius:26px;background:rgba(3,12,20,.46);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.autonomy-routines > header,.autonomy-parameters > header,.autonomy-audit-panel > header{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:22px}.autonomy-routines h3,.autonomy-parameters h3,.autonomy-audit-panel h3{margin:8px 0 0;color:#e6f6f8;font-size:21px}.autonomy-routines header p,.autonomy-parameters header p,.autonomy-audit-panel header > small{max-width:550px;margin:0;color:#708994;font-size:10px;line-height:1.7}.autonomy-route-list{display:grid;gap:8px}.autonomy-route{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px;border:1px solid transparent;border-radius:19px;background:linear-gradient(90deg,rgba(18,43,55,.44),rgba(5,15,24,.22));transition:border-color .2s,background .2s,transform .2s}.autonomy-route:hover,.autonomy-route.active{border-color:rgba(131,243,225,.22);background:linear-gradient(90deg,rgba(24,67,75,.55),rgba(20,29,56,.38));transform:translateX(3px)}.autonomy-route-code{position:relative;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(131,243,225,.16);border-radius:50%}.autonomy-route-code small{color:#b7d5db;font:700 10px monospace}.autonomy-route-code i{position:absolute;inset:-4px;border-top:1px solid var(--auto-cyan);border-radius:50%;animation:autonomy-flow 5s linear infinite}.autonomy-route-copy>span{color:var(--auto-cyan);font:700 8px monospace;letter-spacing:.12em}.autonomy-route-copy h4{margin:4px 0;color:#def1f4;font-size:15px}.autonomy-route-copy p{margin:0 0 7px;color:#7f98a2;font-size:10px;line-height:1.55}.autonomy-route-copy>small{color:#5f7781;font-size:9px}.autonomy-route-copy>div{display:flex;align-items:center;gap:7px;margin-top:9px}.autonomy-route-copy>div b{padding:4px 7px;border-radius:7px;background:rgba(113,169,255,.08);color:#98bded;font-size:8px}.autonomy-route-copy>div i{color:#435e69;font-size:9px}.autonomy-route footer{min-width:130px;display:grid;gap:9px;text-align:right}.autonomy-route footer span{color:#657d87;font-size:9px}.autonomy-route button{min-height:34px;padding:0 11px;font-size:9px}
.autonomy-parameter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.autonomy-control{min-height:104px;display:grid;align-content:center;gap:10px;padding:15px;border:1px solid rgba(137,213,235,.1);border-radius:17px;background:rgba(5,18,28,.47)}.autonomy-control>span{display:grid;gap:4px;color:#bfd4da;font-size:10px}.autonomy-control>span small{color:#58717c;font-size:8px}.autonomy-control>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.autonomy-control input{width:100%;height:36px;padding:0 10px;border:1px solid rgba(131,243,225,.14);border-radius:10px;outline:0;background:rgba(1,9,15,.72);color:#e0f5f3}.autonomy-control input:focus{border-color:rgba(131,243,225,.5);box-shadow:0 0 0 3px rgba(131,243,225,.06)}.autonomy-control em{min-width:24px;color:#58717c;font:normal 8px monospace}
.autonomy-audit-list{display:grid;gap:6px}.autonomy-audit-list>p{min-height:80px;display:grid;place-items:center;color:#5d7580;font-size:10px}.autonomy-audit-list article{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 12px;border-radius:12px;background:rgba(6,20,29,.5)}.autonomy-audit-list article>i{width:7px;height:7px;border-radius:50%;background:var(--auto-blue);box-shadow:0 0 12px rgba(115,169,255,.6)}.autonomy-audit-list article>div{display:grid;gap:3px}.autonomy-audit-list strong{color:#b9d4d9;font:700 9px monospace}.autonomy-audit-list span{overflow:hidden;color:#607984;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.autonomy-audit-list time{color:#49616c;font:8px monospace}.autonomy-protocol{border:1px solid rgba(137,213,235,.12);border-radius:22px;background:rgba(3,12,20,.42)}.autonomy-protocol>summary{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;cursor:pointer;list-style:none}.autonomy-protocol>summary span{display:grid;gap:5px}.autonomy-protocol>summary b{color:#c8dce1;font-size:12px}.autonomy-protocol>summary small,.autonomy-protocol>summary i{color:#5e7681;font:normal 9px sans-serif}.autonomy-protocol>.field-grid{padding:0 20px 20px}
@keyframes autonomy-flow{to{transform:rotate(1turn)}}@keyframes autonomy-scan{0%,100%{transform:rotate(-42deg)}50%{transform:rotate(42deg)}}
@media(max-width:1180px){.autonomy-hero{grid-template-columns:110px minmax(0,1fr)}.autonomy-hero-actions{grid-column:1/-1;flex-direction:row}.autonomy-switchboard{grid-template-columns:repeat(2,1fr)}.autonomy-parameter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.autonomy-console{padding:8px}.autonomy-hero{min-height:0;grid-template-columns:76px minmax(0,1fr);gap:16px;padding:22px 17px;border-radius:22px}.autonomy-hero h3{font-size:27px}.autonomy-hero p{font-size:11px}.autonomy-hero-actions{display:grid;grid-template-columns:1fr 1fr}.autonomy-switchboard,.autonomy-live-grid,.autonomy-parameter-grid{grid-template-columns:1fr}.autonomy-routines,.autonomy-parameters,.autonomy-audit-panel{padding:18px 14px;border-radius:21px}.autonomy-routines>header,.autonomy-parameters>header,.autonomy-audit-panel>header{display:grid}.autonomy-route{grid-template-columns:42px minmax(0,1fr);padding:13px 10px}.autonomy-route footer{grid-column:2;grid-template-columns:1fr auto;align-items:center;text-align:left}.autonomy-route-copy p{font-size:9px}.autonomy-radar{width:72px}.autonomy-live-grid article{min-height:88px}.autonomy-protocol>summary{padding:0 15px}.autonomy-protocol>.field-grid{padding:0 12px 14px}}
@media(prefers-reduced-motion:reduce){.autonomy-hero::before,.autonomy-radar i,.autonomy-route-code i{animation:none}.autonomy-route{transition:none}}
.record-editor.voice-editor{padding:0;background:radial-gradient(circle at 88% 4%,rgba(77,218,255,.1),transparent 29%),radial-gradient(circle at 10% 42%,rgba(195,255,118,.065),transparent 25%)}.voice-console{display:grid;gap:13px;padding:18px}.voice-console input,.voice-console select,.voice-console button{font:inherit}.voice-hero{min-height:230px;display:grid;grid-template-columns:minmax(0,1fr) 260px;align-items:end;gap:30px;padding:clamp(28px,4vw,48px);border:1px solid rgba(136,231,245,.15);border-radius:29px;background:linear-gradient(135deg,rgba(9,36,48,.76),rgba(4,13,22,.45) 52%,rgba(38,40,70,.48));backdrop-filter:blur(20px) saturate(128%);box-shadow:inset 0 1px rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.18)}.voice-hero h3{margin:12px 0;color:#effcff;font:500 clamp(28px,3.2vw,48px)/1.07 "Avenir Next","Noto Sans SC",sans-serif;letter-spacing:-.045em}.voice-hero p{max-width:760px;margin:0;color:#92aeb8;font-size:11px;line-height:1.8}.voice-hero label{display:grid;gap:8px;color:#6d8994;font-size:9px}.voice-hero select,.voice-profile select,.voice-profile input{width:100%;height:42px;padding:0 12px;border:1px solid rgba(121,229,239,.16);border-radius:12px;background:rgba(1,11,18,.72);color:#dff8fa;outline:0}.voice-global{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:9px}.voice-global label,.voice-global>button{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border:1px solid rgba(137,213,235,.11);border-radius:17px;background:rgba(4,17,26,.52);color:#acc6cc;font-size:10px}.voice-global select{height:34px;padding:0 8px;border:1px solid rgba(121,229,239,.14);border-radius:9px;background:#07141d;color:#d8edef}.voice-global>button{justify-content:center;border-color:rgba(200,255,112,.25);color:#d9ff8f;cursor:pointer}.voice-profile-grid{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px}.voice-profile{display:grid;gap:14px;padding:19px;border:1px solid rgba(137,213,235,.12);border-radius:22px;background:linear-gradient(145deg,rgba(7,26,37,.72),rgba(4,12,20,.44));transition:border-color .2s,transform .2s}.voice-profile.active{border-color:rgba(202,255,113,.36);box-shadow:inset 0 0 40px rgba(190,255,105,.035)}.voice-profile:hover{transform:translateY(-2px);border-color:rgba(113,230,246,.28)}.voice-profile header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.voice-profile header div{min-width:0;display:grid;gap:7px}.voice-profile header small{color:#65828d;font:700 8px monospace;letter-spacing:.12em}.voice-profile header input{height:36px;padding:0;border:0;background:transparent;color:#effcff;font-size:17px}.voice-profile header i{padding:5px 7px;border-radius:8px;background:rgba(122,177,255,.08);color:#89a9d2;font:normal 8px monospace}.voice-profile>label{display:grid;gap:7px;color:#718c96;font-size:9px}.voice-sliders{display:grid;gap:10px}.voice-sliders label{display:grid;gap:5px}.voice-sliders span{display:flex;justify-content:space-between;color:#7f9aa3;font-size:9px}.voice-sliders b{color:#d8f8fa;font:700 9px monospace}.voice-sliders input{accent-color:#c7ff72}.voice-profile footer{display:grid;grid-template-columns:1fr auto;gap:8px}.voice-profile footer button{min-height:38px;border:1px solid rgba(113,230,246,.2);border-radius:11px;background:rgba(113,230,246,.07);color:#c9f8ff;cursor:pointer}.voice-profile footer button:last-child{padding:0 11px;border-color:rgba(255,128,108,.14);background:rgba(255,128,108,.05);color:#d89489}.voice-vad{padding:clamp(20px,3vw,32px);border:1px solid rgba(137,213,235,.12);border-radius:25px;background:rgba(3,12,20,.46)}.voice-vad>header{margin-bottom:18px}.voice-vad h3{margin:8px 0;color:#e6f7fa;font-size:21px}.voice-vad header p{margin:0;color:#6e8792;font-size:10px}@media(max-width:1120px){.voice-profile-grid{grid-template-columns:repeat(2,1fr)}.voice-global{grid-template-columns:repeat(2,1fr)}.voice-hero{grid-template-columns:1fr}}@media(max-width:700px){.voice-console{padding:8px}.voice-hero{min-height:0;padding:24px 17px;border-radius:22px}.voice-hero h3{font-size:28px}.voice-profile-grid,.voice-global{grid-template-columns:1fr}.voice-profile{padding:16px}.voice-vad{padding:18px 13px}}

/* Intelligence control plane */
.intelligence-loading{min-height:50vh;display:grid;place-content:center;gap:18px;text-align:center;color:var(--muted)}
.intelligence-loading span{width:52px;height:52px;margin:auto;border-radius:50%;background:conic-gradient(from 90deg,#8ef4cb,#55cfe8,#d8ff76,#8ef4cb);animation:intelligence-spin 1.2s linear infinite}
@keyframes intelligence-spin{to{transform:rotate(360deg)}}
.intelligence-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;padding:clamp(28px,5vw,72px) clamp(20px,4vw,64px);border-radius:34px;background:radial-gradient(circle at 12% 0%,rgba(75,244,209,.14),transparent 40%),radial-gradient(circle at 88% 100%,rgba(77,129,255,.16),transparent 45%),rgba(4,15,22,.54);backdrop-filter:blur(28px) saturate(150%);-webkit-backdrop-filter:blur(28px) saturate(150%)}
.intelligence-hero h2{font-size:clamp(42px,7vw,94px);line-height:.94;letter-spacing:-.055em;margin:10px 0 18px}.intelligence-hero p{max-width:800px;color:var(--muted);line-height:1.8}.intelligence-live{display:flex;align-items:center;gap:10px;white-space:nowrap;color:var(--muted)}.intelligence-live i{width:10px;height:10px;border-radius:50%;background:#d8ff76;box-shadow:0 0 22px #d8ff76}.intelligence-live.is-warning i{background:#ffbd72;box-shadow:0 0 22px #ffbd72}
.intelligence-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;margin:2px 0;background:rgba(123,220,255,.1)}.intelligence-metrics article{min-height:180px;padding:28px;background:rgba(1,10,16,.84)}.intelligence-metrics span,.intelligence-metrics small{display:block;color:var(--muted)}.intelligence-metrics strong{display:block;margin:28px 0 8px;font-size:clamp(20px,2.2vw,34px);letter-spacing:-.035em}.intelligence-metrics small{line-height:1.6}
.intelligence-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(123,220,255,.1)}.intelligence-routes button{min-height:190px;padding:30px;border:0;text-align:left;color:var(--text);background:rgba(3,14,21,.82);cursor:pointer;transition:background .25s ease,transform .25s ease}.intelligence-routes button:hover{background:linear-gradient(145deg,rgba(31,90,101,.44),rgba(3,14,21,.88));transform:translateY(-2px)}.intelligence-routes span,.intelligence-routes small,.intelligence-routes b{display:block}.intelligence-routes span{font-size:22px;font-weight:760}.intelligence-routes small{min-height:58px;margin:14px 0;color:var(--muted);line-height:1.6}.intelligence-routes b{color:#a8f7d8;font-size:13px;letter-spacing:.08em}
@media(max-width:1100px){.intelligence-metrics{grid-template-columns:repeat(2,1fr)}.intelligence-routes{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.intelligence-hero{align-items:flex-start;flex-direction:column;border-radius:24px}.intelligence-metrics,.intelligence-routes{grid-template-columns:1fr}.intelligence-metrics article,.intelligence-routes button{min-height:auto}.intelligence-live{align-self:flex-start}}

/* ORBITA V8: flat, borderless control plane */
:root{--flat-ink:#eef8f7;--flat-muted:#77908f;--flat-base:#02080c;--flat-side:#061310;--flat-panel:#071119;--flat-mint:#a9f7cc;--flat-cyan:#76ddec}
body{background:radial-gradient(ellipse at 16% -8%,rgba(44,146,113,.16),transparent 34%),radial-gradient(ellipse at 88% 12%,rgba(46,109,157,.13),transparent 32%),#02080c;color:var(--flat-ink)}
.admin-space{opacity:.34}.glass,.sidebar,.topbar,.manager,.assets,.document-center,.metric,.mission-overview,.readiness{border:0!important;box-shadow:none!important}
.studio{grid-template-columns:300px minmax(0,1fr);gap:0;min-height:100vh;padding:0}.sidebar{min-height:100vh;border-radius:0!important;background:linear-gradient(180deg,rgba(7,29,23,.96),rgba(3,13,17,.98));backdrop-filter:blur(30px) saturate(120%);-webkit-backdrop-filter:blur(30px) saturate(120%)}
.workspace{gap:18px;padding:18px clamp(18px,2.4vw,38px) 42px;background:linear-gradient(180deg,rgba(1,8,12,.5),rgba(1,7,11,.82))}.topbar{position:sticky;top:0;z-index:35;min-height:86px;padding:12px 0;border-radius:0!important;background:rgba(2,8,12,.72)!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.topbar h1{font-weight:620;letter-spacing:-.035em}
.top-actions button,.sidebar-foot a,.sidebar-foot button,.detail-actions button,.detail-actions a,.upload-button{border:0!important;box-shadow:none!important;background:rgba(255,255,255,.045);transition:background .2s,color .2s,transform .2s}.top-actions button:hover,.sidebar-foot a:hover,.sidebar-foot button:hover{background:rgba(169,247,204,.1);color:#e8fff2;transform:translateY(-1px)}.top-actions .primary,.primary{border:0!important;background:var(--flat-mint)!important;color:#07110d!important;box-shadow:none!important}
.nav-item{border:0!important;border-radius:12px;background:transparent}.nav-item:hover{background:rgba(255,255,255,.035)}.nav-item.active{background:linear-gradient(90deg,rgba(169,247,204,.15),rgba(89,188,211,.08));box-shadow:none!important}.nav-item.active:before{display:none}
.manager,.document-center{overflow:hidden;border-radius:22px!important;background:var(--flat-panel)!important}.master,.document-tree{background:#071711!important}.detail,.document-workbench{background:#071119!important}.record-editor input,.record-editor textarea,.record-editor select,.search,.user-center input,.user-center select{border:0!important;background:rgba(255,255,255,.055)!important;box-shadow:none!important}
.overview{gap:2px;background:rgba(118,221,236,.07)}.metric,.mission-overview,.readiness{border-radius:0!important;background:rgba(4,14,20,.96)!important}.overview>:first-child{border-radius:20px 0 0 0!important}.overview>:last-child{border-radius:0 0 20px 0!important}
.user-center{display:block}.user-center[hidden]{display:none}.user-center button,.user-center input,.user-center select{font:inherit}.access-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);align-items:end;gap:36px;padding:clamp(28px,4vw,58px);border-radius:26px;background:radial-gradient(circle at 8% 0%,rgba(86,222,176,.14),transparent 46%),linear-gradient(135deg,#092019,#06121a 62%,#091522)}
.access-head h2{margin:10px 0;font-size:clamp(34px,5vw,70px);line-height:.94;letter-spacing:-.055em}.access-head p{max-width:660px;color:var(--flat-muted);line-height:1.7}.access-policy{display:grid;grid-template-columns:1fr auto;gap:10px}.access-policy>label:not(.access-toggle){grid-column:1/-1;display:grid;gap:7px;color:var(--flat-muted);font-size:10px}.access-policy input{width:100%;height:42px;padding:0 13px;border-radius:10px}.access-policy button{min-height:42px;padding:0 16px;border-radius:10px;cursor:pointer}
.access-toggle{display:flex;align-items:center;gap:10px;color:#d8ebe7;font-size:11px;cursor:pointer}.access-toggle input{position:absolute;opacity:0;pointer-events:none}.access-toggle span{position:relative;width:44px;height:24px;border-radius:20px;background:#21302f}.access-toggle span:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:50%;background:#82908e;transition:transform .2s,background .2s}.access-toggle input:checked+span{background:#296c53}.access-toggle input:checked+span:after{transform:translateX(20px);background:#b7ffd6}
.user-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin:2px 0;background:rgba(118,221,236,.07)}.user-metrics article{min-height:130px;display:grid;align-content:center;padding:24px;background:#061016}.user-metrics span{color:var(--flat-muted);font-size:10px}.user-metrics strong{margin-top:15px;font-size:32px;font-weight:560}
.user-workspace{display:grid;grid-template-columns:minmax(340px,.8fr) minmax(0,1.2fr);min-height:590px;border-radius:22px;overflow:hidden;background:#071119}.user-index{padding:18px;background:#071711}.user-tools{display:grid;grid-template-columns:1fr 1fr;gap:7px}.user-tools input{grid-column:1/-1}.user-tools input,.user-tools select,.user-tools button{min-height:40px;padding:0 11px;border-radius:9px}.user-list{display:grid;gap:2px;margin-top:14px;max-height:640px;overflow:auto}.user-row{width:100%;min-height:64px;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:#d4e5e2;text-align:left;cursor:pointer}.user-row:hover{background:rgba(255,255,255,.035)}.user-row.active{background:rgba(169,247,204,.1)}
.user-row>i{width:7px;height:7px;border-radius:50%;background:#a9f7cc;box-shadow:0 0 14px rgba(169,247,204,.5)}.user-row>i[data-status=disabled]{background:#61706e;box-shadow:none}.user-row span{min-width:0;display:grid;gap:4px}.user-row strong,.user-row small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-row small{color:#627d78;font-size:9px}.user-row em{color:#86a19d;font:normal 9px sans-serif}.user-row b{padding:4px 6px;border-radius:6px;background:rgba(118,221,236,.08);color:#8ce5ee;font-size:8px}.user-empty{padding:48px 20px;color:var(--flat-muted);text-align:center}
.user-workspace>main{padding:clamp(22px,3vw,40px)}.user-record{display:grid;gap:28px}.user-record>header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.user-record h2{margin:8px 0 4px;font-size:clamp(28px,3.2vw,46px);letter-spacing:-.045em}.user-record header p{color:var(--flat-muted)}.user-state{padding:8px 10px;border-radius:8px;background:rgba(169,247,204,.09);color:#adf4cc;font-size:9px}.user-state[data-status=disabled]{background:rgba(255,137,114,.07);color:#cc8d82}
.user-fields{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.user-fields label{display:grid;gap:7px;color:#78918d;font-size:10px}.user-fields input,.user-fields select{height:46px;padding:0 13px;border-radius:10px;color:#e7f3f1}.user-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:rgba(118,221,236,.07)}.user-facts span{min-height:100px;display:grid;align-content:center;gap:9px;padding:15px;background:#08151b}.user-facts small{color:#617a76;font-size:9px}.user-facts b{color:#bdd0cc;font-size:11px}.user-record footer{display:flex;justify-content:flex-end;gap:8px}.user-record footer button{min-height:42px;padding:0 15px;border:0;border-radius:10px;background:rgba(255,255,255,.05);color:#a8bdb9;cursor:pointer}.user-record footer .danger{margin-right:auto;color:#d99489;background:rgba(255,117,96,.06)}.user-record footer button:disabled{opacity:.35;cursor:not-allowed}
@media(max-width:1080px){.studio{grid-template-columns:230px minmax(0,1fr)}.access-head{grid-template-columns:1fr}.user-workspace{grid-template-columns:1fr}.user-list{max-height:330px}.user-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.studio{display:block}.sidebar{min-height:0;border-radius:0!important}.workspace{padding:8px 10px 28px}.topbar{top:0}.access-head{padding:26px 18px;border-radius:18px}.access-policy{grid-template-columns:1fr}.access-policy button{width:100%}.user-metrics{grid-template-columns:1fr 1fr}.user-metrics article{min-height:92px;padding:16px}.user-workspace{border-radius:16px}.user-tools{grid-template-columns:1fr}.user-tools input{grid-column:auto}.user-fields,.user-facts{grid-template-columns:1fr}.user-record>header{display:grid}.user-record footer{display:grid;grid-template-columns:1fr 1fr}.user-record footer .danger{margin:0}.user-record footer .primary{grid-column:1/-1}}