:root{--bg:#0b1020;--panel:#0f172a;--panel-2:#111c36;--text:#e5e7eb;--muted:#94a3b8;--border:#94a3b82e;--accent:#60a5fa;--accent-2:#22c55e;--shadow:0 18px 40px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.5}body{margin:0}#root{min-height:100vh;display:flex}button{font:inherit}.app{flex-direction:column;flex:1;min-height:100vh;display:flex}.topBar{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#111c36e6,#0f172ae6);align-items:center;gap:12px;height:56px;padding:0 14px;display:flex}.menuButton{border:1px solid var(--border);width:40px;height:40px;color:var(--text);cursor:pointer;background:#ffffff0a;border-radius:10px;justify-content:center;align-items:center;display:none}.menuButton:hover{background:#ffffff0f}.menuIcon{font-size:18px;line-height:1}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brandLogo{border:1px solid var(--border);background:#ffffff08;border-radius:10px;width:34px;height:34px}.brandText{min-width:0}.brandShort{letter-spacing:.4px;font-weight:800}.brandLong{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:56vw;font-size:12px;overflow:hidden}.topBarRight{align-items:center;gap:10px;margin-left:auto;display:flex}.primaryButton{height:40px;color:var(--text);cursor:pointer;background:#60a5fa24;border:1px solid #60a5fa59;border-radius:12px;padding:0 14px;font-weight:700}.primaryButton:hover{background:#60a5fa2e}.primaryButton:disabled{opacity:.6;cursor:not-allowed}.secondaryButton{border:1px solid var(--border);height:40px;color:var(--text);cursor:pointer;background:#ffffff08;border-radius:12px;padding:0 14px;font-weight:700}.secondaryButton:hover{background:#ffffff0f}.statusChip{border:1px solid var(--border);color:var(--accent);background:#60a5fa14;border-radius:999px;padding:6px 10px;font-size:12px}.appBody{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--panel);width:240px;padding:12px}.sidebarOverlay{display:none}.nav{flex-direction:column;gap:6px;display:flex}.navItem{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.navItem:hover{background:#ffffff0a}.navItem.active{border-color:var(--border);background:#60a5fa14}.navDot{background:#94a3b880;border-radius:999px;flex:none;width:8px;height:8px}.navItem.active .navDot{background:var(--accent)}.navLabel{font-size:13px;font-weight:600}.main{background:radial-gradient(1200px 800px at 30% 10%,#60a5fa14,#0000 60%);flex:1;min-width:0;padding:18px;overflow:auto}.pageHeader{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.pageHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pageTitle{letter-spacing:.2px;margin:0;font-size:24px}.pageSubtitle{color:var(--muted);margin:6px 0 0;font-size:13px}.setupPill{border:1px solid var(--border);color:#86efac;white-space:nowrap;background:#22c55e14;border-radius:999px;padding:6px 10px;font-size:12px}.cards{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.cardBox{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffff08;border-radius:16px;grid-column:span 12;padding:14px}.cardTop{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.cardTitle{color:var(--muted);letter-spacing:.3px;text-transform:uppercase;margin:0;font-size:13px;font-weight:700}.cardValue{color:var(--text);font-size:22px;font-weight:800}.cardHint{color:var(--muted);margin:10px 0 0;font-size:13px}.callout{border:1px dashed var(--border);background:#111c3680;border-radius:16px;margin-top:16px;padding:14px}.calloutTitle{margin:0 0 6px;font-size:14px}.calloutText{color:var(--muted);margin:0;font-size:13px}.placeholderText{color:var(--muted);margin:10px 0 0}.steps{gap:12px;margin:0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--border);box-shadow:var(--shadow);background:#ffffff05;border-radius:16px;overflow:hidden}.stepTitle{letter-spacing:.2px;border-bottom:1px solid var(--border);background:#111c3699;padding:12px 14px;font-weight:800}.stepBody{padding:14px}.intakeRow{grid-template-columns:1.4fr .6fr;align-items:start;gap:14px;display:grid}.intakeActions{align-content:start;gap:10px;display:grid}.plateWrap{gap:8px;display:grid}.plate{background:#facc1512;border:1px solid #facc158c;border-radius:12px;grid-template-columns:42px 1fr;align-items:center;width:100%;max-width:360px;display:grid;overflow:hidden}.plateUk{letter-spacing:.6px;color:#e0f2fe;background:#2563ebcc;place-items:center;height:54px;font-weight:800;display:grid}.plateInput{letter-spacing:2px;text-transform:uppercase;height:54px;color:var(--text);background:0 0;border:none;outline:none;padding:0 14px;font-size:22px}.fieldGrid{grid-template-columns:repeat(12,1fr);gap:12px;display:grid}.field{grid-column:span 12;gap:8px;display:grid}.fieldLabel{letter-spacing:.3px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:700}.fieldHint{color:var(--muted);font-size:12px}.input,.select,.textarea{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:12px;outline:none;padding:10px 12px}.select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.select option{background:var(--panel);color:var(--text)}.input.invalid,.textarea.invalid{border-color:#f8717180;box-shadow:0 0 0 2px #f871711f}.textarea{resize:vertical}.pillRow{flex-wrap:wrap;gap:8px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:#ffffff08;border-radius:999px;padding:6px 10px;font-size:12px}.emptyState{border:1px dashed var(--border);color:var(--muted);border-radius:16px;padding:14px}.summaryGrid{border:1px solid var(--border);background:#ffffff08;border-radius:16px;grid-template-columns:repeat(12,1fr);gap:10px 12px;padding:14px;display:grid}.summaryHeader{border-bottom:1px solid var(--border);grid-column:span 12;justify-content:space-between;align-items:center;gap:10px;padding-bottom:8px;display:flex}.summaryReg{letter-spacing:2px;font-size:18px;font-weight:900}.demoTag{color:#86efac;background:#22c55e14;border:1px solid #22c55e40;border-radius:999px;padding:6px 10px;font-size:12px}.summaryItem{grid-column:span 6}.summaryWide{grid-column:span 12}.summaryLabel{color:var(--muted);text-transform:uppercase;letter-spacing:.3px;font-size:12px;font-weight:700}.summaryValue{margin-top:4px;font-size:13px}.customerPanel{background:#60a5fa0a;border:1px solid #60a5fa2e;border-radius:16px;padding:14px}.customerHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.customerTitle{font-weight:900}.customerSubtitle{color:var(--muted);max-width:70ch;margin-top:4px;font-size:12px}.fieldSpan12{grid-column:span 12}.radioGrid{grid-template-columns:repeat(12,1fr);gap:10px;display:grid}.radioChoice{text-align:left;border:1px solid var(--border);color:var(--text);cursor:pointer;background:#ffffff08;border-radius:14px;grid-column:span 12;padding:12px}.radioChoice:hover{background:#ffffff0d}.radioChoice.active{background:#60a5fa1a;border-color:#60a5fa59}.radioChoiceTop{align-items:center;gap:10px;display:flex}.radioDot{box-sizing:border-box;border:2px solid #94a3b899;border-radius:999px;width:12px;height:12px}.radioDot.active{border-color:#60a5fae6;box-shadow:inset 0 0 0 3px #60a5fa59}.radioLabel{font-size:13px;font-weight:800}.radioHint{color:var(--muted);margin-top:6px;font-size:12px}.demoCustomerCard{border:1px dashed var(--border);background:#111c3659;border-radius:14px;padding:12px}.demoCustomerTop{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.demoCustomerName{font-weight:900}.demoCustomerMeta{color:var(--muted);margin-top:4px;font-size:12px}.req{color:#f87171f2;font-weight:900}.requiredBox{border:1px dashed var(--border);background:#111c3659;border-radius:14px;padding:10px 12px}.requiredTitle{letter-spacing:.3px;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:900}.requiredList{color:#f87171f2;font-size:13px;font-weight:700}.requiredList.ok{color:#86efac}.motPanel{background:#22c55e0a;border:1px solid #22c55e2e;border-radius:16px;padding:14px}.motHeader{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;display:flex}.motTitle{font-weight:900}.motSubtitle{color:var(--muted);margin-top:4px;font-size:12px}.toggleRow{flex-wrap:wrap;gap:8px;display:flex}.toggle{border:1px solid var(--border);height:40px;color:var(--text);cursor:pointer;background:#ffffff08;border-radius:12px;padding:0 12px;font-size:13px;font-weight:700}.toggle.active{color:#bbf7d0;background:#22c55e1a;border-color:#22c55e59}.checkRow{color:var(--text);align-items:center;gap:10px;display:flex}.saveRow{gap:10px;margin-top:12px;display:grid}.muted{color:var(--muted)}.notice{border:1px solid var(--border);color:var(--text);background:#ffffff08;border-radius:14px;margin-top:12px;padding:10px 12px;font-size:13px}.notice.info{background:#60a5fa0f;border-color:#60a5fa38}.notice.good{background:#22c55e0f;border-color:#22c55e38}.notice.warn{background:#facc150f;border-color:#facc1540}.notice.bad{background:#f871710f;border-color:#f871714d}.selectedCustomer{background:#22c55e0f;border:1px solid #22c55e38;border-radius:14px;margin-top:12px;padding:10px 12px}.selectedTitle{letter-spacing:.3px;text-transform:uppercase;color:#86efac;font-size:12px;font-weight:900}.selectedText{color:var(--text);margin-top:4px;font-size:13px;font-weight:700}.matches{margin-top:12px}.matchesTitle{letter-spacing:.3px;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:800}.matchList{gap:8px;display:grid}.matchRow{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:#ffffff08;border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 12px;display:grid}.matchRow:hover{background:#ffffff0d}.matchName{font-size:13px;font-weight:800}.matchPhone{color:var(--muted);font-size:13px}.matchAction{color:var(--accent);font-size:12px;font-weight:800}.association{border:1px dashed var(--border);background:#111c3659;border-radius:14px;margin-top:12px;padding:10px 12px}.associationTitle{font-weight:900}.associationText{color:var(--muted);margin-top:4px;font-size:13px}.availabilityRow{gap:8px;margin-top:12px;display:grid}.remindersBox{background:#111c3659;border:1px dashed #22c55e40;border-radius:14px;margin-top:12px;padding:10px 12px}.remindersTitle{font-weight:900}.remindersHint{color:var(--muted);margin-top:4px;font-size:12px}.remindersGrid{grid-template-columns:repeat(12,1fr);gap:10px;margin-top:10px;display:grid}.remindersGrid .checkRow{grid-column:span 6}@media (width>=920px){.cardBox{grid-column:span 4}.cardBox:nth-child(5){grid-column:span 12}}@media (width<=900px){.menuButton{display:inline-flex}.sidebar{z-index:20;box-shadow:var(--shadow);transition:transform .2s;position:fixed;top:56px;bottom:0;left:0;transform:translate(-105%)}.sidebar.isOpen{transform:translate(0)}.sidebarOverlay{opacity:0;pointer-events:none;z-index:10;background:#00000080;transition:opacity .2s;display:block;position:fixed;inset:56px 0 0}.sidebarOverlay.isOpen{opacity:1;pointer-events:auto}}@media (width>=720px){.field{grid-column:span 6}.summaryItem{grid-column:span 4}}@media (width<=780px){.intakeRow{grid-template-columns:1fr}}@media (width<=520px){.matchRow{grid-template-columns:1fr;gap:4px}.matchAction{justify-self:start}.remindersGrid .checkRow{grid-column:span 12}}