:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#0f172a;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.layout{min-height:100vh;display:flex}aside{width:260px;background:#0f172a;color:#fff;padding:1.5rem}.brand{display:flex;gap:.75rem;align-items:center;font-weight:800;letter-spacing:.04em}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#2563eb;font-size:1.4rem}.brand small{display:block;color:#94a3b8;font-size:.52rem;letter-spacing:.08em;margin-top:.2rem}nav{display:grid;gap:.35rem;margin-top:2.5rem}nav a{padding:.75rem .85rem;border-radius:9px;color:#cbd5e1;font-size:.9rem}nav a.active,nav a:hover{background:#1e3a8a;color:#fff}.content{padding:4rem clamp(1.5rem,5vw,5rem);flex:1}.eyebrow{letter-spacing:.16em;font-size:.75rem;font-weight:700;color:#2563eb}.content h1{font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.04em;margin:.5rem 0}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:2.5rem}.cards article{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.25rem;box-shadow:0 8px 24px #0f172a0a}.cards span,.cards small{display:block;color:#64748b}.cards strong{display:block;font-size:2rem;margin:.8rem 0}.cards small{font-size:.8rem}@media(max-width:800px){aside{width:76px;padding:.8rem}aside .brand div,nav a{font-size:0}nav a{height:42px}.cards{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1.5rem;background:linear-gradient(145deg,#eff6ff,#f8fafc 55%)}.auth-card{width:min(100%,440px);background:#fff;border:1px solid #dbeafe;border-radius:20px;padding:2rem;box-shadow:0 24px 70px #0f172a14}.auth-brand{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#2563eb;color:#fff;font-size:1.5rem;font-weight:800}.auth-card h1{margin:.45rem 0;font-size:2rem;letter-spacing:-.035em}.auth-card form{display:grid;gap:1rem;margin-top:1.5rem}.auth-card label{display:grid;gap:.45rem;font-size:.88rem;font-weight:650}.auth-card input{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.8rem .9rem;font:inherit}.auth-card input:focus{outline:3px solid #bfdbfe;border-color:#2563eb}.auth-card button{border:0;border-radius:10px;padding:.82rem 1rem;background:#1d4ed8;color:#fff;font:inherit;font-weight:700;cursor:pointer}.auth-card button.secondary{background:#e2e8f0;color:#1e293b}.auth-card button:disabled{cursor:not-allowed;opacity:.58}.form-status{min-height:1.25rem;margin:0;color:#475569;font-size:.88rem}.shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:#0b1220;color:#fff;padding:1.25rem;display:flex;flex-direction:column}.sidebar nav{display:grid;gap:.3rem;margin-top:2rem}.sidebar button{border:0;text-align:left;background:transparent;color:#cbd5e1;border-radius:9px;padding:.72rem .8rem;font:inherit;cursor:pointer}.sidebar button:hover,.sidebar button.active{background:#1e40af;color:#fff}.sidebar .logout{margin-top:auto;border:1px solid #334155}.workspace{min-width:0;padding:2rem clamp(1rem,3vw,3rem)}.workspace header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1.5rem}.workspace h1{margin:.25rem 0;font-size:clamp(1.8rem,4vw,2.7rem)}.context{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.5rem}.context span{display:grid;background:#fff;border:1px solid #e2e8f0;padding:.55rem .75rem;border-radius:10px;color:#64748b;font-size:.72rem}.context b{color:#0f172a;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.metrics article,.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.15rem;box-shadow:0 8px 30px #0f172a08}.metrics span,.metrics small{display:block;color:#64748b}.metrics strong{display:block;font-size:1.75rem;margin:.55rem 0}.metrics small{font-size:.78rem}.panel{margin-top:1rem;overflow:hidden}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel h2{margin:.1rem 0 1rem}.inline-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem}.inline-form label{display:grid;gap:.35rem;font-size:.8rem;color:#475569}.inline-form input,.search input{border:1px solid #cbd5e1;border-radius:9px;padding:.7rem;font:inherit;min-width:0}.inline-form button,.search button,.state button{border:0;border-radius:9px;background:#1d4ed8;color:#fff;padding:.72rem 1rem;font:inherit;font-weight:700;cursor:pointer}.inline-form p{grid-column:1/-1}.table{overflow:auto}.tr{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));border-top:1px solid #e2e8f0}.tr span{padding:.7rem;font-size:.82rem;overflow:hidden;text-overflow:ellipsis}.tr.head{background:#f8fafc;font-weight:700;text-transform:capitalize}.search{display:flex;gap:.6rem}.search input{flex:1}.state{min-height:100vh;display:grid;place-items:center;text-align:center}.denied,.error{color:#991b1b;background:#fef2f2}.empty{text-align:center;padding:4rem}.muted{color:#64748b}@media(max-width:900px){.shell{grid-template-columns:80px 1fr}.sidebar{padding:.7rem}.sidebar .brand div,.sidebar nav button,.sidebar .logout{font-size:0}.sidebar nav button:before{content:"•";font-size:1.3rem}.metrics{grid-template-columns:repeat(2,1fr)}.workspace header{display:block}.context{justify-content:flex-start}.inline-form{grid-template-columns:1fr}}@media(max-width:560px){.shell{display:block}.sidebar{position:sticky;z-index:3;height:auto;display:flex;flex-direction:row;overflow-x:auto;align-items:center}.sidebar .brand{display:none}.sidebar nav{display:flex;margin:0}.sidebar nav button{font-size:.75rem;white-space:nowrap}.sidebar nav button:before{content:none}.sidebar .logout{font-size:.75rem;margin:0 0 0 auto}.workspace{padding:1rem}.metrics{grid-template-columns:1fr}.context span{max-width:46%}.tr{grid-template-columns:repeat(6,minmax(110px,1fr))}.inline-form button{min-height:44px}}.pos-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:1rem}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:1rem}.product-card,.sale-list button{display:grid;gap:.25rem;text-align:left;border:1px solid #dbeafe;background:#fff;border-radius:12px;padding:.85rem;cursor:pointer}.product-card:disabled{opacity:.5;cursor:not-allowed}.cart{display:grid;gap:.75rem;align-content:start}.cart-line{display:grid;grid-template-columns:1fr 80px auto;gap:.5rem;align-items:center;border-bottom:1px solid #e2e8f0;padding-bottom:.7rem}.cart input,.cart select,.panel>input{border:1px solid #cbd5e1;border-radius:9px;padding:.65rem;font:inherit}.sale-list{display:grid;gap:.6rem;margin-top:1rem}.sale-list button{grid-template-columns:1.5fr 1fr 1fr auto;align-items:center}.shift-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem;border-bottom:1px solid #e2e8f0}.receipt-paper{max-width:420px;background:#fff;border:1px dashed #94a3b8;padding:1.5rem;margin:1rem auto}.receipt-paper small,.receipt-line span,.receipt-line small{display:block}.receipt-line{display:grid;grid-template-columns:1fr auto;gap:.4rem;margin:.55rem 0}.receipt-actions{display:flex;gap:.5rem;margin-top:1rem}@media(max-width:1000px){.pos-grid{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.product-grid,.sale-list button{grid-template-columns:1fr}.cart-line{grid-template-columns:1fr 70px auto}}@media print{body *{visibility:hidden}.receipt-paper,.receipt-paper *{visibility:visible}.receipt-paper{position:absolute;inset:0;margin:0;border:0}.sidebar,.workspace>header,.receipt-actions{display:none}}.sync-pill{padding:.35rem .65rem;border-radius:999px;background:#e2e8f0;text-transform:uppercase;font-size:.72rem;font-weight:800}.sync-pill.active{background:#dcfce7;color:#166534}.sync-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px solid #e2e8f0}.sync-row span,.sheet-definition small{display:block}.sheet-definition{border:1px solid #e2e8f0;border-radius:12px;padding:1rem;margin-top:1rem}.sheet-definition ol{display:grid;gap:.45rem}.sheet-definition li{display:flex;align-items:center;gap:.5rem}.sheet-definition li span{margin-right:auto}.sheet-definition input{border:1px solid #cbd5e1;border-radius:8px;padding:.5rem}.tutorial li{margin:.75rem 0;line-height:1.5}