@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=IBM+Plex+Sans+Thai+Looped:wght@400;500;600;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08111d;--bg-alt:#101c2c;--card:#0b1625d1;--card-strong:#101c2cf0;--line:#a6c1df29;--text:#eef5ff;--muted:#9fb4ca;--accent:#37d4bf;--accent-strong:#6ea8ff;--warning:#ffbf69;--danger:#ff7183;--success:#6fe7a8;--shadow:0 24px 80px #00000061}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 0 0,#37d4bf2e,#0000 28%),radial-gradient(circle at 85% 15%,#6ea8ff2e,#0000 22%),linear-gradient(135deg,#07111c 0%,#0c1624 44%,#111b2a 100%);margin:0;font-family:IBM Plex Sans Thai Looped,Inter,system-ui,sans-serif}body:before{content:"";pointer-events:none;opacity:.35;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:64px 64px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000e6,#0000 90%);mask-image:linear-gradient(#000000e6,#0000 90%)}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--line);width:100%;color:var(--text);background:#070f1ab3;border-radius:14px;outline:none;padding:.85rem 1rem}input:focus,select:focus,textarea:focus{border-color:#6ea8ffb3;box-shadow:0 0 0 4px #6ea8ff1f}textarea{resize:vertical}.login-screen{place-items:center;min-height:100vh;padding:2rem;display:grid}.login-card{border:1px solid var(--line);width:min(640px,100%);box-shadow:var(--shadow);background:linear-gradient(#0f1b2bf2,#08101ce6);border-radius:28px;padding:2rem}.brand-mark{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#06101a;letter-spacing:.08em;border-radius:18px;place-items:center;width:56px;height:56px;font-weight:800;display:grid}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--accent);margin:0;font-size:.76rem;font-weight:700}.login-card h1,.topbar h1,.hero-copy h2,.card h3{margin:.3rem 0 0;line-height:1.08}.lede{color:var(--muted);max-width:58ch;font-size:1.03rem}.login-form{gap:1rem;margin-top:1.5rem;display:grid}.login-form label,.form-grid label,.inline-field{color:#dce8f5;gap:.5rem;font-size:.92rem;display:grid}.primary-button,.secondary-button,.ghost-button,.nav-button{border:0;border-radius:14px;padding:.85rem 1rem;font-weight:700;transition:transform .16s,opacity .16s,background .16s}.primary-button{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#05101b}.secondary-button{color:var(--text);background:#6ea8ff21;border:1px solid #6ea8ff4d}.ghost-button{color:var(--text);border:1px solid var(--line);background:0 0}.nav-button{text-align:left;width:100%;color:var(--muted);background:0 0;border:1px solid #0000}.nav-button.active{color:var(--text);background:#37d4bf1f;border-color:#37d4bf42}.primary-button:hover,.secondary-button:hover,.ghost-button:hover,.nav-button:hover{transform:translateY(-1px)}.login-footnote,.muted,.sidebar-card p,.subtle{color:var(--muted)}.app-shell{grid-template-columns:280px minmax(0,1fr);gap:1.25rem;min-height:100vh;padding:1.25rem;display:grid}.sidebar{border:1px solid var(--line);height:calc(100vh - 2.5rem);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a121fd1;border-radius:28px;grid-template-rows:auto 1fr auto;gap:1rem;padding:1.25rem;display:grid;position:sticky;top:1.25rem}.brand-block{align-items:center;gap:.9rem;display:flex}.brand-block strong{font-size:1.04rem}.nav-stack{align-content:start;gap:.4rem;display:grid}.sidebar-card{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:1rem}.workspace{gap:1rem;min-width:0;display:grid}.card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px}.topbar{justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.35rem;display:flex}.topbar-actions,.callout-row,.action-stack{flex-wrap:wrap;gap:.75rem;display:flex}.message-bar{color:#dbeaff;background:#6ea8ff14;border:1px solid #6ea8ff40;border-radius:18px;padding:.9rem 1.1rem}.panel-grid{gap:1rem;display:grid}.hero-card{grid-template-columns:minmax(0,1.4fr) minmax(260px,.9fr);gap:1.25rem;padding:1.4rem;display:grid}.hero-copy p{color:var(--muted);max-width:68ch}.flow-card{border:1px solid var(--line);background:linear-gradient(#101c2cfa,#070e18e0);border-radius:24px;place-items:center;gap:.55rem;min-height:240px;padding:1rem;display:grid}.flow-node,.flow-pill{border:1px solid var(--line);text-align:center;background:#ffffff0f;border-radius:999px;padding:.75rem 1rem}.flow-node.accent{background:#37d4bf24;border-color:#37d4bf42}.flow-arrow{color:var(--accent);font-weight:800}.flow-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;width:100%;display:grid}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.metric-card{gap:.35rem;padding:1.2rem;display:grid}.metric-card span{color:var(--muted)}.metric-card strong{letter-spacing:-.03em;font-size:2rem}.metric-card small{color:var(--muted)}.split-card{grid-template-columns:minmax(0,1fr) minmax(240px,.72fr);align-items:start;gap:1rem;padding:1.25rem;display:grid}.badge{color:#d3fff7;background:#37d4bf1f;border:1px solid #37d4bf3d;border-radius:999px;align-items:center;padding:.45rem .75rem;display:inline-flex}.quick-summary{gap:.85rem;display:grid}.quick-summary>div{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:1rem}.quick-summary strong{margin:.35rem 0;font-size:1.1rem;display:block}.section-header{justify-content:space-between;align-items:end;gap:1rem;padding-bottom:1rem;display:flex}.table-wrap{border:1px solid #ffffff0f;border-radius:22px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:820px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff0f;padding:.95rem 1rem}th{color:#cad8e8;text-transform:uppercase;letter-spacing:.08em;background:#ffffff08;font-size:.84rem}tbody tr:hover{background:#ffffff05}.empty-state{text-align:center;color:var(--muted);padding:2rem 1rem}.compatibility-cell{max-width:260px}.status{text-transform:capitalize;border:1px solid #0000;border-radius:999px;align-items:center;padding:.38rem .7rem;font-size:.82rem;display:inline-flex}.status-open{color:#cfe1ff;background:#6ea8ff24;border-color:#6ea8ff3d}.status-waiting-parts{color:#ffd89a;background:#ffbf691f;border-color:#ffbf6940}.status-in-progress{color:#c9fff5;background:#37d4bf1f;border-color:#37d4bf3d}.status-qc,.status-closed{color:#d6ffe5;background:#6fe7a81f;border-color:#6fe7a83d}.repair-layout{gap:1rem;display:grid}.form-card{padding:1.25rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem;display:grid}.full-span{grid-column:1/-1}.action-stack{align-items:start}@media (width<=1180px){.app-shell{grid-template-columns:1fr}.sidebar{height:auto;position:static}.hero-card,.split-card,.metrics{grid-template-columns:1fr}}@media (width<=760px){.app-shell{padding:.75rem}.topbar,.section-header{flex-direction:column;align-items:start}.form-grid{grid-template-columns:1fr}.metric-card strong{font-size:1.5rem}.login-card,.card,.sidebar{border-radius:22px}}