@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--bg:#f3eee6;--bg-deep:#e8dfd2;--ink:#1c2430;--muted:#5d6775;--line:#d5cbbd;--panel:#fffdf9;--navy:#16324f;--navy-soft:#1f4568;--accent:#0f7a6c;--accent-soft:#d9efe9;--danger:#b42318;--ok:#0f6b3c;--shadow:0 10px 30px #16324f14;--radius:14px;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--nav-mobile-h:64px;color:var(--ink);background:radial-gradient(circle at top left, #fff8ef 0%, var(--bg) 45%, #e6ece8 100%);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:DM Sans,system-ui,sans-serif;line-height:1.45}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{min-height:100%;margin:0}body{min-height:100dvh;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2{letter-spacing:-.02em;word-break:break-word;margin:0 0 .25rem;font-family:Fraunces,Georgia,serif}h1{font-size:clamp(1.45rem,4vw,2rem)}p{color:var(--muted);margin:0}button,input,select{font:inherit}.app-shell{flex-direction:column;min-height:100dvh;display:flex}.topbar{padding:.75rem 1.25rem;padding-top:calc(.75rem + var(--safe-top));padding-left:calc(1.25rem + var(--safe-left));padding-right:calc(1.25rem + var(--safe-right));background:linear-gradient(120deg, var(--navy), var(--navy-soft));color:#f7f4ef;z-index:30;box-shadow:var(--shadow);align-items:center;gap:1.5rem;display:flex;position:sticky;top:0}.brand{align-items:center;gap:.75rem;min-width:0;display:flex}.brand-text{min-width:0}.brand-text strong{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.brand p{color:#f7f4efb8;font-size:.8rem}.brand-mark{letter-spacing:.04em;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:700;display:grid}.brand-mark.lg{background:var(--navy);color:#fff;width:64px;height:64px;margin:0 auto .75rem;font-size:1.2rem}.nav-desktop{flex-wrap:wrap;flex:1;gap:.35rem;display:flex}.nav-desktop a{color:#f7f4efd1;border-radius:999px;padding:.45rem .8rem;font-size:.92rem}.nav-desktop a.active,.nav-desktop a:hover{color:#fff;background:#ffffff24}.nav-mobile{display:none}.user-chip{color:#f7f4efcc;align-items:center;gap:.6rem;min-width:0;margin-left:auto;font-size:.85rem;display:flex}.user-email{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.page{width:min(1180px,100% - 2rem);padding-left:var(--safe-left);padding-right:var(--safe-right);flex:1;margin:1.25rem auto 2.5rem}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.actions,.actions-wrap{flex-wrap:wrap;gap:.5rem;display:flex}.stack,.stack-lg{flex-direction:column;display:flex}.stack{gap:.9rem}.stack-lg{gap:1.25rem}.narrow{max-width:760px}.btn{cursor:pointer;text-align:center;touch-action:manipulation;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;font-weight:600;transition:transform .15s,opacity .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn.primary{background:var(--accent);color:#fff}.btn.secondary{background:var(--navy);color:#fff}.btn.ghost{color:inherit;background:0 0;border:1px solid}.btn.danger{color:var(--danger);border-color:color-mix(in srgb, var(--danger) 35%, transparent)}.btn-compact{min-height:36px;padding:.4rem .75rem;font-size:.88rem}.btn-block{width:100%}.filters{flex-wrap:wrap;gap:.5rem;display:flex}.chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-transform:capitalize;touch-action:manipulation;border-radius:999px;min-height:40px;padding:.5rem .95rem}.chip.active{background:var(--accent-soft);border-color:color-mix(in srgb, var(--accent) 30%, var(--line));color:var(--accent);font-weight:600}.table-wrap,.form-card,.scanner-panel,.cart-panel,.invoice-sheet,.empty,.preview-box,.select-list,.login-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.table-wrap{-webkit-overflow-scrolling:touch;overflow:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.85rem 1rem}th{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#faf6f0;font-size:.8rem;position:sticky;top:0}code{background:var(--bg-deep);word-break:break-all;border-radius:6px;padding:.15rem .4rem;font-size:.82rem}.muted{color:var(--muted);font-size:.85rem}.empty{text-align:center;padding:2rem 1.25rem}.empty.nested{box-shadow:none;background:var(--bg)}.form-card,.scanner-panel,.cart-panel,.invoice-sheet,.preview-box,.select-list{padding:1.15rem}label{flex-direction:column;gap:.35rem;font-size:.92rem;font-weight:600;display:flex}input,select{border:1px solid var(--line);min-height:44px;color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:.75rem .85rem;font-size:16px}.row{align-items:stretch;gap:.5rem;display:flex}.row input{flex:1;min-width:0}.grid-2{grid-template-columns:1fr 1fr;gap:.9rem;display:grid}.billing-grid{grid-template-columns:minmax(280px,340px) 1fr;align-items:start;gap:1rem;display:grid}.scan-form .row{margin-top:.35rem}.scan-hint{margin:.25rem 0 .65rem;font-size:.85rem;font-weight:400}.scan-status{margin-top:.75rem}.scanner-paused{opacity:.72}.modal-backdrop{z-index:100;padding:1.25rem;padding-bottom:calc(1.25rem + var(--safe-bottom));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#12283f8c;place-items:center;display:grid;position:fixed;inset:0}.modal-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);text-align:center;flex-direction:column;gap:.5rem;width:min(380px,100%);padding:1.5rem 1.25rem;display:flex;box-shadow:0 20px 50px #16324f47}.modal-kicker{color:var(--ok);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.9rem;font-weight:700}.modal-card h2{margin:0;font-size:clamp(1.25rem,4vw,1.55rem)}.modal-card .btn{margin-top:.85rem}.camera-block{margin-top:1rem}.camera-live{flex-direction:column;gap:.75rem;display:flex}.camera-live-title{margin:0;font-size:1rem;font-weight:700}.camera-live-hint{margin:0;font-size:.88rem}.stop-camera-btn{margin-top:.25rem}.reader-off{display:none}.reader-on{background:#0b1220;border-radius:12px;min-height:140px;max-height:180px;margin-top:0;overflow:hidden}.reader-on video{object-fit:cover;max-width:100%;width:100%!important;max-height:180px!important}#barcode-reader,#barcode-reader>div{max-height:180px}.scanner-panel.camera-mode{padding-top:1rem}.cart-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:1rem;padding-top:1rem;display:flex}.qty-input{width:72px;min-width:72px}.qty-row{align-items:center;gap:.5rem;margin-top:.35rem;display:flex}.qty-row label{color:var(--muted);flex-direction:row;font-size:.85rem}.barcode-label{border:1px dashed var(--line);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:.35rem;min-width:160px;max-width:100%;padding:.6rem;display:inline-flex}.barcode-label svg{max-width:100%;height:auto}.barcode-meta{text-align:center;flex-direction:column;align-items:center;font-size:.78rem;display:flex}.print-sheet{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:.85rem;display:grid}.select-list{-webkit-overflow-scrolling:touch;gap:.45rem;max-height:min(40vh,320px);display:grid;overflow:auto}.check-row{flex-direction:row;align-items:flex-start;gap:.65rem;padding:.35rem 0;font-weight:500;display:flex}.check-row input{flex-shrink:0;width:auto;min-height:20px;margin-top:.2rem}.check-row span{word-break:break-word}.invoice-sheet header{margin-bottom:1rem}.invoice-meta{flex-wrap:wrap;gap:2rem;margin-bottom:1rem;display:flex}.invoice-meta div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.invoice-table-wrap{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}.invoice-table{border-collapse:collapse;width:100%;min-width:0}.invoice-table th,.invoice-table td{border-bottom:1px solid var(--line);vertical-align:top;word-break:break-word;padding:.75rem .65rem}.invoice-table th:nth-child(2),.invoice-table th:nth-child(3),.invoice-table th:nth-child(4),.invoice-table td:nth-child(2),.invoice-table td:nth-child(3),.invoice-table td:nth-child(4){white-space:nowrap;text-align:right;width:1%}.invoice-lines{gap:.75rem;display:grid}.invoice-line{border-bottom:1px solid var(--line);justify-content:space-between;gap:.75rem;padding:.75rem 0;display:flex}.invoice-line:last-child{border-bottom:0}.invoice-line-main{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.invoice-line-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.25rem;display:flex}.barcode-chip{word-break:break-all;font-size:.78rem}.invoice-total{justify-content:flex-end;margin-top:1rem;font-size:1.2rem;display:flex}.thanks{text-align:center;margin-top:1.5rem}.login-screen{min-height:100dvh;padding:1.25rem;padding-top:calc(1.25rem + var(--safe-top));padding-bottom:calc(1.25rem + var(--safe-bottom));background:radial-gradient(circle at 20% 20%,#0f7a6c1f,#0000 35%),radial-gradient(circle at 80% 0,#16324f29,#0000 30%),linear-gradient(160deg,#f7f1e8,#e8efe9 55%,#dfe8ef);place-items:center;display:grid}.login-card{width:min(420px,100%);padding:1.75rem 1.25rem}.login-brand{text-align:center;margin-bottom:1.5rem}.login-brand h1{font-size:clamp(1.45rem,5vw,1.8rem)}.linkish{width:100%;color:var(--navy);cursor:pointer;background:0 0;border:0;min-height:44px;margin-top:1rem;text-decoration:underline}.error{color:var(--danger);word-break:break-word;margin:0}.success{color:var(--ok);word-break:break-word;margin:0}.boot{place-items:center;min-height:100dvh;display:grid}.card-list{gap:.75rem;display:grid}.item-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);justify-content:space-between;gap:.85rem;padding:1rem;display:flex}.item-card-main{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.item-card-side{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.45rem;display:flex}.price{font-size:1.05rem;font-weight:700}.mobile-only{display:none}.desktop-only{display:block}@media (width<=900px){.topbar{padding:.65rem .9rem;padding-top:calc(.65rem + var(--safe-top));gap:.75rem}.nav-desktop{display:none}.nav-mobile{z-index:40;padding:.35rem .25rem;padding-bottom:calc(.35rem + var(--safe-bottom));background:#12283f;border-top:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -8px 24px #16324f2e}.nav-mobile a{color:#f7f4efb3;text-align:center;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:48px;padding:.35rem .2rem;font-size:.72rem;font-weight:600;line-height:1.2;display:flex}.nav-mobile a.active{color:#fff;background:#ffffff1f}.brand{flex:1;min-width:0}.brand-text p{display:none}.brand-text strong{font-size:.95rem}.user-email{display:none}.user-chip{margin-left:0}.page{width:calc(100% - 1.25rem);margin:1rem auto;margin-bottom:calc(var(--nav-mobile-h) + var(--safe-bottom) + 1.25rem)}.page-header{flex-direction:column;align-items:stretch}.page-header .actions,.page-header .actions-wrap,.page-header>.btn,.page-header>a.btn{width:100%}.page-header .actions .btn,.page-header .actions a.btn,.page-header .actions-wrap .btn,.page-header .actions-wrap a.btn,.page-header>a.btn{flex:1;min-width:calc(50% - .25rem)}.billing-grid,.grid-2{grid-template-columns:1fr}.desktop-only{display:none!important}.mobile-only{display:grid}.row{flex-direction:column}.row .btn{width:100%}.cart-footer{flex-direction:column;align-items:stretch}.cart-footer .btn{width:100%}.invoice-meta{gap:.85rem 1.25rem}.invoice-sheet{padding:1rem;overflow:hidden}.invoice-line{flex-direction:column}.invoice-line-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.print-sheet{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.form-card,.scanner-panel,.cart-panel,.preview-box,.select-list{padding:1rem}.preview-box{text-align:center;overflow-x:auto}}@media (width<=480px){.brand-mark{border-radius:10px;width:38px;height:38px}.item-card{flex-direction:column}.item-card-side{flex-direction:row;justify-content:space-between;align-items:center;width:100%}.filters{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.15rem;overflow-x:auto}.chip{flex-shrink:0}.login-card{padding:1.35rem 1rem}}@media print{body{background:#fff}.topbar,.nav-mobile,.no-print,.nav-desktop,.user-chip,.actions,.actions-wrap{display:none!important}.page{width:100%;margin:0}.print-sheet{grid-template-columns:repeat(3,1fr)}.barcode-label,.invoice-sheet,.table-wrap{box-shadow:none;border-color:#ccc}.invoice-table-wrap.desktop-only{display:block!important}.invoice-lines.mobile-only{display:none!important}.desktop-only{display:block!important}.mobile-only{display:none!important}}