html,body,#root{width:100%;min-height:100%}body{margin:0}:root{--bg-1: #fff8ef;--bg-2: #f6fffb;--ink: #1f2937;--ink-soft: #4b5563;--line: #dde3ea;--brand: #1aa193;--brand-strong: #117269;--danger: #c0392b;--ok: #127a4b;--panel: rgba(255, 255, 255, .86);--shadow: 0 16px 32px rgba(115, 87, 66, .15)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Nunito Sans,Trebuchet MS,Tahoma,sans-serif;background:radial-gradient(circle at 15% 0%,#c6f1ea 0%,transparent 44%),radial-gradient(circle at 85% 10%,#c2f0dc 0%,transparent 38%),linear-gradient(180deg,var(--bg-1) 0%,var(--bg-2) 100%);min-height:100vh}h1,h2,h3,p{margin:0}button,input,select{font:inherit}button{border:1px solid transparent;border-radius:14px;padding:.72rem 1rem;background:#fff;color:var(--ink);cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.button-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:14px;padding:.72rem 1rem;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}button:hover,.button-link:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000014}button:disabled{cursor:not-allowed;opacity:.65;transform:none;box-shadow:none}input,select{width:100%;padding:.72rem .8rem;border-radius:12px;border:1px solid var(--line);background:#fff}label{display:grid;gap:.36rem;font-weight:700;font-size:.95rem;color:var(--ink-soft)}.centered-screen{width:min(520px,calc(100% - 2rem));margin:2.5rem auto}.landing-shell{width:min(1080px,calc(100% - 1.2rem));margin:1.2rem auto 2rem}.landing-grid{display:grid;gap:1rem}.legal-footer{margin-top:.8rem;padding:.7rem .9rem;border-radius:14px;border:1px solid #e9ddd2;background:#ffffffbd;color:#6c625a;display:grid;gap:.35rem;text-align:center;font-size:.82rem}.legal-links{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:.7rem}.legal-links a{color:#0f766e;font-weight:700;text-decoration:none}.legal-links a:hover{text-decoration:underline}.legal-note{color:#7d746d}.landing-sell h1{font-size:clamp(1.26rem,2.1vw,1.78rem);line-height:1.25}.landing-lead{color:var(--ink-soft);max-width:58ch}.landing-hero{display:grid;gap:.8rem;align-items:center}.landing-copy{display:grid;gap:.5rem}.landing-device-wrap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;align-items:start}.landing-device-shot{width:100%;max-width:180px;border-radius:14px;border:1px solid #c8e7e2;box-shadow:0 10px 20px #47220c1f;background:#fff;justify-self:center}.landing-points{display:grid;gap:.55rem}.landing-points article{border:1px solid #ebdfd4;background:#fffdfb;border-radius:14px;padding:.7rem;display:grid;gap:.28rem}.pricing-box{border:1px solid #98ddd5;background:#ecfffb;border-radius:14px;padding:.8rem;display:grid;gap:.35rem}.pricing-caption{color:#0f766e;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.pricing-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem}.pricing-row strong{font-size:1.3rem}.pricing-row small{color:#0f766e;text-decoration:line-through;font-weight:700}.pricing-total{color:var(--ink-soft);font-size:.92rem}.pricing-per-day{color:#115e59;background:#f1fffc;border:1px solid #bce7e1;border-radius:10px;padding:.5rem .6rem;font-size:.88rem;font-weight:700}.pricing-per-day strong{color:#0f766e}.pricing-total span{color:#8f7f72}.countdown-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.countdown-cell{border:1px solid #bce7e1;background:#f4fffd;border-radius:10px;padding:.45rem;text-align:center;display:grid;gap:.08rem}.countdown-cell strong{font-size:1.08rem;color:#0f766e}.countdown-cell small{color:#7b665a;font-size:.72rem;font-weight:700}.pricing-deadline{font-size:.86rem;color:#7b665a}.cta-row{display:grid;gap:.45rem}.cta-row>*{width:100%}.app-shell{width:min(980px,calc(100% - 1rem));margin:0 auto;padding:1rem .5rem 5.8rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.8rem}.topbar h1{font-size:clamp(1.2rem,2vw,1.54rem)}.topbar-subline{margin-top:.2rem;font-size:.82rem}.topbar-meta{display:inline-grid;justify-items:end;gap:.4rem}.topbar-logout{padding:.45rem .72rem;font-size:.78rem}.caption{color:var(--ink-soft);font-weight:700}.brand-caption{display:inline-flex;align-items:center;gap:.4rem}.brand-icon{width:20px;height:20px;border-radius:6px;border:1px solid #cdeae5}.date-badge{border-radius:999px;padding:.38rem .8rem;border:1px solid #cdeae5;background:#f4fffd;color:#0f766e;font-size:.86rem;font-weight:700}.content-area,.stack-lg{display:grid;gap:.9rem}.stack-sm{display:grid;gap:.7rem}.card-panel{display:grid;gap:.85rem;padding:1rem;border-radius:18px;background:var(--panel);border:1px solid rgba(255,255,255,.74);box-shadow:var(--shadow);backdrop-filter:blur(6px);animation:rise .26s ease}.auth-panel h1{font-size:1.35rem}.auth-panel h2{font-size:1.25rem}.auth-panel .button-link{width:100%}.consent-check{display:flex;align-items:flex-start;gap:.55rem;font-size:.88rem;font-weight:700;color:#6f6258}.consent-check input[type=checkbox]{width:18px;min-width:18px;height:18px;margin-top:.1rem;padding:0;border:0;background:transparent;accent-color:#1b9d91}.consent-check span{line-height:1.38}.consent-check a{color:#0f766e;font-weight:800;text-decoration:none}.consent-check a:hover{text-decoration:underline}.kpi-grid{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(184px,1fr))}.kpi-card{border-radius:16px;padding:.9rem;border:1px solid #d4ece8;background:#fff;display:grid;gap:.3rem}.kpi-card p{font-size:.88rem;color:var(--ink-soft)}.kpi-card h2{font-size:1.2rem}.soft-green{background:#ecfff4;border-color:#b6e2c8}.soft-red{background:#fff0f0;border-color:#efc6c6}.soft-blue{background:#eef6ff;border-color:#c7dbf5}.report-grid{margin-top:.8rem}.quick-actions{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(188px,1fr))}button.primary,.button-link.primary{border-color:#1a9488;background:linear-gradient(180deg,#26b6a8,#14867d);color:#fff;font-weight:800}button.secondary,.button-link.secondary{border-color:#b8e5df;background:#f1fffc;color:#0f766e;font-weight:700}button.danger{border-color:#f0c5c0;background:#fff4f3;color:#a22d2d}.toggle-wrap{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.toggle-btn{border-color:#ece4de;background:#fff;color:#7b685d;font-weight:700}.toggle-btn.active{border-color:#98ddd5;background:#e7faf6;color:#0f766e}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.menu-button{display:grid;gap:.35rem;justify-items:center;text-align:center;border:1px solid #cdeae5;background:#fff;padding:.72rem}.menu-product-icon{font-size:1.28rem;line-height:1}.menu-cart-icon{font-size:1.02rem;line-height:1;color:#0f766e;opacity:.85}.menu-button strong{font-size:.94rem;line-height:1.35}.menu-price{margin:0;color:#0f766e;font-weight:700}.cart-row{display:flex;justify-content:space-between;gap:.7rem;align-items:center;padding:.7rem;border-radius:12px;border:1px solid #ebebeb;background:#fffcfa}.qty-controller{display:inline-flex;align-items:center;gap:.35rem}.qty-controller button{min-width:72px;height:34px;padding:0 .45rem;font-size:.82rem;font-weight:700}.total-row{display:flex;justify-content:space-between;align-items:center;margin-top:.2rem;padding-top:.6rem;border-top:1px dashed #e8ddd5}.row-between{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.filter-grid{display:grid;gap:.55rem;grid-template-columns:repeat(2,minmax(0,1fr))}.chip{border-color:#e9dccc;background:#fff}.chip.active{border-color:#98ddd5;background:#e7faf6;color:#0f766e}.custom-range-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.product-form-grid{display:grid;gap:.6rem}.product-edit-box{padding-top:.6rem;border-top:1px dashed #e9ddd4}.product-status{padding:.22rem .5rem;border-radius:999px;font-size:.8rem;font-weight:700}.product-status.on{background:#ecfff4;color:#156e44;border:1px solid #b2e2c6}.product-status.off{background:#fff2f0;color:#9a2214;border:1px solid #f4c3bd}.product-item-head{display:flex;justify-content:space-between;align-items:flex-start;gap:.6rem}.product-title-wrap{display:grid;gap:.18rem}.history-list{display:grid;gap:.58rem}.history-item{display:grid;gap:.35rem;border-radius:14px;border:1px solid #eee7e2;background:#fff;padding:.8rem}.history-filter-select{width:auto;min-width:150px}.action-row{display:flex;flex-wrap:wrap;gap:.55rem;justify-content:flex-end}.icon-danger-btn{min-width:98px;height:40px;padding:0 .75rem;display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;gap:.3rem;border-color:#f0c5c0;background:#fff4f3;color:#a22d2d}.money-in{color:#117546;font-weight:800}.money-out{color:#b53e30;font-weight:800}.muted{color:var(--ink-soft);font-size:.9rem}.toast-stack{position:fixed;right:.8rem;top:.8rem;z-index:30;display:grid;gap:.55rem;width:min(360px,calc(100% - 1.6rem));pointer-events:none}.toast{display:flex;align-items:flex-start;justify-content:space-between;gap:.7rem;border-radius:12px;padding:.68rem .8rem;font-size:.92rem;font-weight:700;box-shadow:0 10px 20px #0000001f;animation:rise .18s ease;pointer-events:auto}.toast.error{background:#fff2f0;color:#9a2214;border:1px solid #f4c3bd}.toast.success{background:#ecfff4;color:#156e44;border:1px solid #b2e2c6}.toast-close{border:0;background:transparent;color:inherit;padding:0;width:22px;height:22px;border-radius:999px;line-height:1;display:grid;place-items:center}.receipt-backdrop{position:fixed;inset:0;background:#00000073;z-index:25;display:grid;place-items:center;padding:1rem}.receipt-modal{width:min(430px,100%);background:#fff;border-radius:16px;padding:.9rem;display:grid;gap:.8rem}.receipt-paper{width:min(220px,100%);margin:0 auto;border:1px solid #e7e7e7;border-radius:10px;padding:.55rem;background:#fff;font-family:Courier New,monospace;font-size:.88rem;display:grid;gap:.45rem}.receipt-center{text-align:center}.receipt-divider{border-top:1px dashed #333}.receipt-row{display:flex;justify-content:space-between;gap:.5rem}.receipt-row small{color:#545454}.receipt-row.total{font-weight:700}.print-receipt-sheet{display:none}@media print{@page{size:58mm auto;margin:0}.app-shell,.legal-footer{display:none!important}.print-receipt-sheet{display:grid!important;gap:.45rem;width:58mm;margin:0 auto;padding:2mm;font-family:Courier New,monospace;font-size:12px;color:#111;background:#fff}.print-receipt-sheet .muted{color:#444;font-size:11px}}.bottom-nav{position:fixed;left:50%;bottom:.6rem;transform:translate(-50%);width:min(980px,calc(100% - 1rem));background:#ffffffe6;border:1px solid rgba(224,220,214,.9);border-radius:16px;box-shadow:0 14px 24px #351e1024;padding:.4rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;backdrop-filter:blur(8px)}.bottom-nav.cashier-nav{grid-template-columns:1fr}.nav-btn{background:transparent;border-color:transparent;padding:.58rem .35rem;font-size:1rem;font-weight:700;color:#7d6b60;display:grid;place-items:center;gap:.2rem}.nav-btn small{font-size:.72rem;line-height:1}.nav-btn.active{background:#e7faf6;border-color:#a8e2da;color:#0f766e}@keyframes rise{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@media(min-width:760px){.landing-grid{grid-template-columns:1.1fr .9fr;align-items:start}.landing-device-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;justify-items:center}.landing-device-shot{max-width:220px}.landing-shell{margin-top:1.5rem}.menu-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.app-shell{padding:1.2rem .6rem 6.2rem}.kpi-card h2{font-size:1.3rem}.nav-btn{font-size:1.1rem}}