:root{color-scheme:dark;font-family:Inter,Segoe UI,Arial,sans-serif;--bg: #060913;--bg-elevated: #0b1020;--panel: rgba(12, 18, 35, .88);--panel-strong: rgba(15, 22, 42, .96);--panel-muted: rgba(10, 15, 30, .7);--line: rgba(148, 163, 184, .16);--line-strong: rgba(148, 163, 184, .28);--text: #f3f7ff;--text-soft: #a8b6cf;--text-muted: #7685a0;--accent: #64d2ff;--accent-strong: #2ea8ff;--teal: #3dd7c0;--amber: #f0b35f;--rose: #ff7b94;--violet: #a68cff;--surface-shadow: 0 24px 64px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{max-width:100vw;overflow-x:hidden}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(100,210,255,.1),transparent 26%),radial-gradient(circle at top right,rgba(166,140,255,.12),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(180deg,#060913,#09101f);background-size:auto,auto,28px 28px,28px 28px,auto}button,select,input,textarea{font:inherit}button{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;outline:none;background:#070c18eb;color:var(--text);padding:13px 14px;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}input::placeholder,textarea::placeholder{color:#60708d}input:focus,select:focus,textarea:focus{border-color:#64d2ff75;box-shadow:0 0 0 3px #64d2ff1f}textarea{min-height:116px;resize:vertical}.app-shell{display:grid;grid-template-columns:262px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:20px 16px;border-right:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#080c19fa,#050912fa);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;padding:10px 8px 20px}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#fff,#d9e8ff);color:#0d1326;font-weight:800;font-size:12px;box-shadow:0 12px 30px #00000040}.brand strong,.brand span{display:block}.brand strong{font-size:15px}.brand span{margin-top:2px;color:var(--text-muted);font-size:12px}.nav{display:grid;gap:8px}.nav button{display:flex;align-items:center;gap:12px;width:100%;border:1px solid transparent;border-radius:14px;background:transparent;color:var(--text-soft);padding:12px;text-align:left;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}.nav button:hover{border-color:var(--line);background:#ffffff0a;color:var(--text)}.nav button.active{border-color:#64d2ff3d;background:linear-gradient(90deg,#64d2ff29,#64d2ff05);color:var(--text);box-shadow:inset 0 0 0 1px #64d2ff14}.nav-badge{display:grid;width:24px;height:24px;place-items:center;border-radius:8px;background:#ffffff0f;color:var(--accent);font-size:12px;font-weight:700;flex:0 0 auto}.nav button.active .nav-badge{background:#64d2ff2e}.nav-label{min-width:0;font-weight:600}.main{min-width:0}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;padding:18px 28px;border-bottom:1px solid rgba(148,163,184,.12);background:#060a14d1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-copy{display:grid;gap:4px}.topbar-copy strong{font-size:16px}.topbar-copy span{color:var(--text-muted);font-size:13px}.topbar-actions{display:flex;align-items:center;gap:12px}.status-chip,.primary-button,.ghost-button,.row-actions button,.inline-form button,.info-action button{min-height:42px;border-radius:12px;border:1px solid var(--line);padding:0 16px;transition:transform .12s ease,border-color .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease}.status-chip{display:inline-flex;align-items:center;gap:10px;background:#ffffff0a;color:var(--text-soft)}.status-chip:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 6px #3dd7c01a}.status-chip.loading:before{background:var(--accent);box-shadow:0 0 0 6px #64d2ff1a}.status-chip.error:before{background:var(--amber);box-shadow:0 0 0 6px #f0b35f1a}.status-chip:hover,.primary-button:hover,.ghost-button:hover,.row-actions button:hover,.inline-form button:hover,.info-action button:hover{transform:translateY(-1px)}.primary-button{border-color:#64d2ff42;background:linear-gradient(135deg,#64d2ff33,#2ea8ff1f);color:var(--text);box-shadow:inset 0 0 0 1px #64d2ff14}.primary-button:disabled,.ghost-button:disabled,.row-actions button:disabled,.inline-form button:disabled,.status-chip:disabled{cursor:default;opacity:.56;transform:none}.ghost-button{background:#ffffff05;color:var(--text-soft)}.danger,.row-actions .danger{border-color:#ff7b9452;background:#ff7b9414;color:#ffb8c6}.content{padding:30px 28px 42px}.notice{margin:0 0 18px;border:1px solid var(--line);border-radius:14px;padding:13px 16px}.notice.success{border-color:#3dd7c047;background:#3dd7c01a;color:#95f1e4}.notice.error{border-color:#ff7b9447;background:#ff7b941a;color:#ffb3c2}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,360px);gap:24px;align-items:stretch;margin-bottom:24px}.hero.compact{grid-template-columns:minmax(0,1fr)}.eyebrow{margin:0 0 10px;color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{margin:0;font-size:clamp(34px,4vw,54px);line-height:.98;letter-spacing:0}p{margin:0;color:var(--text-soft);line-height:1.55;overflow-wrap:anywhere}.hero-copy{max-width:860px;margin-top:16px;font-size:15px}.summary-surface,.surface,.record-card,.info-card,.metric-card,.source-card,.pipeline-step,.feature-card{border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:var(--surface-shadow)}.summary-surface{display:grid;gap:10px;align-content:start;padding:18px;background:linear-gradient(180deg,#0f182ef2,#0a101ef2)}.summary-surface span{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.summary-surface strong{font-size:28px;line-height:1}.summary-surface small{color:var(--text-soft);font-size:14px}.two-column-grid,.three-column-grid,.three-column-metrics,.dashboard-grid{display:grid;gap:20px;margin-bottom:20px}.two-column-grid{grid-template-columns:minmax(0,1.2fr) minmax(320px,.9fr)}.three-column-grid,.three-column-metrics,.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.three-column-grid>:last-child:nth-child(2),.three-column-metrics>:last-child:nth-child(2){grid-column:span 1}.surface{min-width:0;overflow:hidden}.feature-card{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;align-items:start;padding:20px;text-align:left;position:relative;overflow:hidden;background:linear-gradient(180deg,#0e1426f5,#080c18eb)}.feature-card:after{content:"";position:absolute;inset:auto -20% -40% 35%;height:120px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 68%);pointer-events:none;opacity:.6;transition:transform .22s ease,opacity .22s ease}.feature-card:hover{transform:translateY(-3px);border-color:var(--line-strong)}.feature-card:hover:after{transform:translateY(-8px);opacity:1}.feature-card.blue{box-shadow:var(--surface-shadow),inset 0 0 0 1px #64d2ff14}.feature-card.teal{box-shadow:var(--surface-shadow),inset 0 0 0 1px #3dd7c014}.feature-card.amber{box-shadow:var(--surface-shadow),inset 0 0 0 1px #f0b35f14}.feature-card.violet{box-shadow:var(--surface-shadow),inset 0 0 0 1px #a68cff14}.feature-card.rose{box-shadow:var(--surface-shadow),inset 0 0 0 1px #ff7b9414}.feature-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:14px;background:#ffffff0d;color:var(--text);font-size:18px;font-weight:800;animation:featureFloat 4.4s ease-in-out infinite}.feature-card.blue .feature-icon{background:#64d2ff24;color:#9be5ff}.feature-card.teal .feature-icon{background:#3dd7c024;color:#89f4e5}.feature-card.amber .feature-icon{background:#f0b35f24;color:#ffd195}.feature-card.violet .feature-icon{background:#a68cff24;color:#c8b7ff}.feature-card.rose .feature-icon{background:#ff7b9424;color:#ffb6c4}.feature-copy{display:grid;gap:8px;min-width:0}.feature-copy strong{font-size:18px}.feature-copy p{font-size:14px;color:var(--text-soft)}.feature-meta{grid-column:1 / -1;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.quick-actions{display:flex;flex-wrap:wrap;gap:12px}.surface-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.12);background:linear-gradient(180deg,#ffffff09,#ffffff03)}.surface-header strong{font-size:15px}.surface-header span{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.06em}.surface-body{padding:20px}.selector-grid,.form-stack,.source-stack,.record-stack,.question-stack,.pipeline-list{display:grid;gap:14px}.selector-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px}.field-group{display:grid;gap:8px}.field-group span{color:var(--text-muted);font-size:12px;letter-spacing:.04em;text-transform:uppercase}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.info-card{display:grid;gap:14px;min-height:100%;padding:18px;background:var(--panel-muted)}.info-card strong{font-size:20px}.info-lines{display:grid;gap:8px}.info-lines span{color:var(--text-soft);font-size:14px}.info-action{padding-top:2px}.metric-card{display:grid;gap:10px;padding:18px;min-height:140px;align-content:start}.metric-card span{color:var(--text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.metric-card strong{font-size:34px;line-height:1}.metric-card small{color:var(--text-soft);font-size:13px}.metric-card.blue strong{color:var(--accent)}.metric-card.teal strong{color:var(--teal)}.metric-card.amber strong{color:var(--amber)}.metric-card.violet strong{color:var(--violet)}.metric-card.rose strong{color:var(--rose)}.source-card{padding:18px;background:linear-gradient(180deg,#10172de0,#0a0f1ceb)}.source-card-top{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:10px}.source-card-top strong{font-size:16px}.source-card-top span{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.record-card{display:grid;gap:8px;padding:16px;background:#0a0f1ceb}.record-card strong{font-size:16px}.record-card span{color:var(--text-soft);font-size:14px}.question-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#070c18d1}.question-row{display:flex;align-items:start;justify-content:space-between;gap:18px}.question-copy{min-width:0;flex:1}.question-copy strong{display:block;font-size:18px;line-height:1.38}.question-edit{min-height:92px}.row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.row-actions button,.inline-form button{background:#ffffff08;color:var(--text-soft)}.inline-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;margin-top:16px}.inline-hint{color:var(--text-muted);font-size:13px}.inline-note{display:grid;gap:4px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:#ffffff08}.inline-note strong{font-size:14px}.inline-note span{color:var(--text-soft);font-size:13px}.notes-area{min-height:180px}.step-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.step-tabs button{min-height:42px;border:1px solid var(--line);border-radius:999px;background:#ffffff08;color:var(--text-soft);padding:0 16px}.step-tabs button.active{border-color:#64d2ff52;background:#64d2ff1f;color:var(--text)}.form-actions{display:flex;gap:10px;margin-top:16px}.pipeline-step{display:grid;gap:8px;padding:16px}.pipeline-step strong{font-size:15px}.pipeline-step span{color:var(--text-muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase}.pipeline-step p{font-size:14px}.empty-state{border:1px dashed var(--line-strong);border-radius:16px;padding:18px;color:var(--text-muted);background:#ffffff05}@keyframes featureFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:1320px){.hero,.two-column-grid{grid-template-columns:minmax(0,1fr)}.three-column-grid,.three-column-metrics,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid rgba(148,163,184,.12)}.nav{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:16px 18px}.content{padding:22px 18px 28px}.selector-grid,.info-grid,.three-column-grid,.three-column-metrics,.dashboard-grid{grid-template-columns:1fr}.question-row{flex-direction:column}.row-actions{justify-content:flex-start}}@media(max-width:720px){.topbar,.topbar-actions,.inline-form,.form-actions{grid-template-columns:1fr;display:grid}.topbar-actions{width:100%}.row-actions,.topbar-actions,.form-actions,.quick-actions{gap:10px}.nav{grid-template-columns:1fr}.hero-copy,p{font-size:14px}h1{font-size:30px}}