:root{--brand:#0ea5e9}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:linear-gradient(180deg,color-mix(in srgb,var(--brand) 10%,#ffffff),#f5f7fb 38%,#f5f7fb);color:#0f172a}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.appShell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;background:color-mix(in srgb,var(--brand) 6%,#ffffff);border-bottom:1px solid color-mix(in srgb,var(--brand) 18%,#e5e7eb);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.brandLogo{height:44px;width:44px;object-fit:contain;border-radius:8px;border:1px solid #e5e7eb;background:#fff;padding:4px}.brandLogoFallback{height:44px;width:44px;border-radius:10px;background:linear-gradient(135deg,var(--brand),#0f172a)}.brandTitle{font-weight:900;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brandSub{font-size:12px;color:#64748b}.tabs{display:flex;gap:8px;padding:10px 18px;background:#fff;border-bottom:1px solid #e5e7eb}.tab{border:1px solid #e5e7eb;background:#fff;padding:10px 12px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:8px;color:#0f172a}.tab.active{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.content{padding:18px}.card{background:#fff;border:1px solid color-mix(in srgb,var(--brand) 14%,#e5e7eb);border-radius:16px;padding:16px;box-shadow:0 1px 2px #0f172a0a}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.grid4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:12px}.dashboardStack{display:flex;flex-direction:column;gap:14px}.statCard{border:1px solid #e5e7eb;border-radius:14px;padding:12px;background:color-mix(in srgb,var(--brand) 6%,#ffffff)}@media(max-width:980px){.grid2,.grid3,.grid4{grid-template-columns:1fr}.tabs{flex-wrap:wrap}}@media(max-width:560px){.topbar{flex-wrap:nowrap;align-items:center;padding:12px}.brandTitle{letter-spacing:.02em;font-size:14px}.brandLogo{height:40px;width:40px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 12px}.tab{justify-content:center;padding:12px 10px;border-radius:14px}.content{padding:12px}.card{padding:14px;border-radius:18px}.input,.btn,.btnPrimary,.btnDanger{border-radius:14px}.list{max-height:380px}}.label{display:block;font-size:12px;color:#475569;margin-bottom:6px}.input{width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;outline:none;background:#fff}.input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 20%,transparent)}.btn,.btnPrimary,.btnDanger{border-radius:10px;border:1px solid #d1d5db;padding:10px 12px;cursor:pointer;background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btnPrimary{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.btnDanger{background:#fff;border-color:#ef4444;color:#b91c1c;font-weight:700}.btn:disabled,.btnPrimary:disabled{opacity:.6;cursor:not-allowed}.muted{color:#64748b}.toast{position:sticky;top:110px;margin:10px 18px;padding:10px 12px;background:#0f172a;color:#fff;border-radius:12px;z-index:9}.errorBox{padding:10px 12px;border:1px solid #ef4444;background:#fef2f2;border-radius:12px;color:#991b1b}.list{display:flex;flex-direction:column;gap:8px;max-height:520px;overflow:auto;padding-right:4px}.listItem{text-align:left;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;cursor:pointer}.listRow{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.saleLine{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.summaryBox{border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px;background:#f8fafc}.pill{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:12px;background:#f1f5f9;color:#475569;border:1px solid #e2e8f0}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal{width:100%;max-width:520px;background:#fff;border-radius:16px;border:1px solid #e5e7eb;padding:16px}.printArea{position:absolute;left:-99999px;top:auto;width:800px}.printNote{background:#fff;color:#000;padding:18px}.printTable{width:100%;border-collapse:collapse;font-size:12px}.printTable th,.printTable td{border-bottom:1px solid #e5e7eb;padding:6px 4px}@media print{body{background:#fff}.topbar,.tabs,.content,.toast,.modalOverlay{display:none!important}.printArea{position:static!important;left:auto!important;width:auto!important}.printNote{padding:0}}