:root{color:#102417;background:#f7fee7;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.app-shell{min-height:100vh;padding:1rem 1rem calc(5.75rem + var(--safe-bottom));background:radial-gradient(circle at top left,rgba(187,247,208,.9),transparent 28rem),linear-gradient(180deg,#f7fee7,#ecfdf5)}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin:0 auto 1rem;max-width:48rem}.eyebrow{margin:0 0 .35rem;color:#4d7c0f;font-size:.73rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;color:#052e16;font-size:clamp(1.75rem,8vw,2.6rem);line-height:.95}.status-pill{flex:0 0 auto;border:1px solid rgba(132,204,22,.45);border-radius:999px;padding:.45rem .7rem;background:#ffffffc2;color:#854d0e;font-size:.76rem;font-weight:700;box-shadow:0 .75rem 1.5rem #14532d14}.status-ready{color:#166534}.app-content{display:grid;gap:1rem;max-width:48rem;margin:0 auto}.hero-card,.panel,.stat-card{border:1px solid rgba(20,83,45,.12);border-radius:1.5rem;background:#ffffffd1;box-shadow:0 1.25rem 2.5rem #14532d1a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-card{display:grid;gap:1rem;padding:1.25rem;overflow:hidden;color:#f7fee7;background:linear-gradient(135deg,#14532df5,#15803deb),url("data:image/svg+xml,%3Csvg width='160' height='160' viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23bbf7d0' fill-opacity='0.18'%3E%3Ccircle cx='34' cy='34' r='12'/%3E%3Ccircle cx='74' cy='28' r='10'/%3E%3Ccircle cx='112' cy='52' r='12'/%3E%3Cpath d='M43 88c18-28 50-24 66 0 11 17-3 34-20 28-9-3-17-3-26 0-17 6-31-11-20-28z'/%3E%3C/g%3E%3C/svg%3E")}.hero-card h2{margin-bottom:0;font-size:clamp(1.65rem,8vw,2.8rem);line-height:1}.hero-card .eyebrow{color:#bef264}.primary-action{border:0;border-radius:1rem;padding:.9rem 1rem;background:#bef264;color:#14532d;font-weight:900;box-shadow:inset 0 -.2rem #14532d1f}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.stat-card{display:grid;gap:.25rem;padding:.85rem}.stat-card span,.stat-card small{color:#4b5563;font-size:.72rem}.stat-card strong{color:#14532d;font-size:1.25rem}.panel{padding:1.1rem}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.panel h2{margin-bottom:.5rem;color:#14532d}.panel p{margin-bottom:0;color:#475569;line-height:1.55}.bottom-nav{position:fixed;right:.75rem;bottom:calc(.75rem + var(--safe-bottom));left:.75rem;display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem;max-width:48rem;margin:0 auto;border:1px solid rgba(20,83,45,.14);border-radius:1.5rem;padding:.4rem;background:#ffffffeb;box-shadow:0 1rem 2rem #0f172a2e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.bottom-nav button{display:grid;place-items:center;gap:.2rem;min-height:3.75rem;border:0;border-radius:1.1rem;background:transparent;color:#64748b;font-size:.72rem;font-weight:800}.bottom-nav button span{font-size:1.1rem}.bottom-nav button.active{background:#dcfce7;color:#14532d}@media (min-width: 640px){.app-shell{padding-top:2rem}.hero-card{grid-template-columns:1fr auto;align-items:end;padding:1.6rem}.primary-action{min-width:9rem}}.centered-shell{display:grid;place-items:center;padding-bottom:1rem}.auth-layout{width:min(100%,48rem)}.auth-hero p:not(.eyebrow){margin:1rem 0 0;color:#dcfce7;line-height:1.55}.auth-card{width:100%}.auth-form{display:grid;gap:.6rem;margin-top:1rem}.auth-form label{color:#14532d;font-size:.82rem;font-weight:800}.auth-form input{width:100%;border:1px solid rgba(20,83,45,.18);border-radius:.95rem;padding:.9rem 1rem;background:#ffffffe6;color:#102417;font:inherit}.auth-form input:focus{border-color:#16a34a;outline:.2rem solid rgba(34,197,94,.16)}.auth-form button:disabled,.auth-form input:disabled{cursor:not-allowed;opacity:.58}.token-form{margin-top:1.25rem;border-top:1px solid rgba(20,83,45,.12);padding-top:1.25rem}.form-message{margin:1rem 0 0;border-radius:.95rem;padding:.8rem .9rem;font-size:.9rem;line-height:1.45}.success-message{background:#dcfce7;color:#166534}.error-message{background:#fee2e2;color:#991b1b}.more-panel{display:grid;gap:1rem}.more-panel h2{overflow-wrap:anywhere}.secondary-action{border:1px solid rgba(153,27,27,.2);border-radius:1rem;padding:.9rem 1rem;background:#fee2e2;color:#991b1b;font-weight:900}@media (min-width: 640px){.more-panel{grid-template-columns:1fr auto;align-items:center}}.home-hero p:not(.eyebrow){margin:.9rem 0 0;color:#dcfce7;line-height:1.5}.filter-panel{display:grid;gap:.9rem}.loading-pill{border-radius:999px;padding:.35rem .6rem;background:#dcfce7;color:#166534;font-size:.72rem;font-weight:800}.preset-controls,.date-controls,.quick-link-grid,.payment-grid{display:grid;gap:.65rem}.preset-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.preset-controls button,.quick-link-card{border:1px solid rgba(20,83,45,.14);border-radius:1rem;background:#ffffffd6;color:#14532d;font-weight:900}.preset-controls button{padding:.75rem .5rem;font-size:.82rem}.preset-controls button.active{border-color:#16a34a73;background:#dcfce7;box-shadow:inset 0 -.16rem #14532d14}.date-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.date-controls label{display:grid;gap:.35rem;color:#14532d;font-size:.78rem;font-weight:900}.date-controls input{width:100%;border:1px solid rgba(20,83,45,.18);border-radius:.95rem;padding:.78rem .8rem;background:#ffffffe6;color:#102417;font:inherit}.helper-message{margin:0;color:#64748b;font-size:.88rem}.home-stats-grid,.payment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card strong{font-size:clamp(1.35rem,7vw,2.1rem)}.payment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-card strong{font-size:clamp(1rem,5vw,1.45rem)}.quick-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-link-card{display:grid;gap:.35rem;justify-items:start;min-height:7rem;padding:.95rem;text-align:left;box-shadow:0 1rem 2rem #14532d14}.quick-link-card span{font-size:1.45rem}.quick-link-card small{color:#64748b;font-size:.73rem;font-weight:700;line-height:1.35}.top-products-panel .panel-header>span{border-radius:999px;padding:.35rem .6rem;background:#f7fee7;color:#4d7c0f;font-size:.72rem;font-weight:900}.top-products-list{display:grid;gap:.55rem;margin:1rem 0 0;padding:0;list-style:none}.top-products-list li{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;border:1px solid rgba(20,83,45,.1);border-radius:1rem;padding:.8rem;background:#f7fee79e}.top-products-list strong,.top-products-list small,.top-product-metrics{display:block}.top-products-list strong{color:#14532d}.top-products-list small,.top-product-metrics span{color:#64748b;font-size:.76rem}.top-product-metrics{text-align:right}.top-product-metrics span{font-weight:900}@media (max-width: 520px){.home-stats-grid,.payment-grid,.quick-link-grid,.date-controls,.preset-controls{grid-template-columns:1fr}}.pos-search-panel{position:sticky;top:.75rem;z-index:4}.advanced-search-box{display:grid;grid-template-columns:auto 1fr auto;gap:.5rem;align-items:center;border:1px solid rgba(20,83,45,.16);border-radius:1.2rem;padding:.35rem .4rem .35rem .8rem;background:#fffffff0}.advanced-search-box input{min-width:0;border:0;padding:.75rem .2rem;background:transparent;color:#102417;font:inherit;outline:none}.advanced-search-box button,.icon-action,.secondary-pos-action{border:0;border-radius:.9rem;padding:.72rem .82rem;background:#e2e8f0;color:#334155;font-weight:900}.product-grid{display:grid;gap:.9rem}.product-card{display:grid;gap:.85rem;border:1px solid rgba(20,83,45,.12);border-radius:1.35rem;padding:.95rem;background:#ffffffdb;box-shadow:0 1rem 2rem #14532d14}.product-card-header{display:flex;justify-content:space-between;gap:.8rem}.product-card-header strong,.product-card-header span{display:block}.product-card-header strong{color:#14532d;font-size:1rem}.product-card-header span,.product-card-header small{color:#64748b;font-size:.76rem;font-weight:800}.variant-button-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.variant-button{display:grid;gap:.2rem;justify-items:start;min-height:4.6rem;border:1px solid rgba(22,163,74,.2);border-radius:1rem;padding:.75rem;background:#f0fdf4;color:#14532d;text-align:left;box-shadow:inset 0 -.18rem #14532d12}.variant-button span{font-size:.83rem;font-weight:900}.variant-button strong{font-size:1.04rem}.floating-cart-button{position:fixed;right:.9rem;bottom:calc(6.15rem + var(--safe-bottom));z-index:7;display:grid;place-items:center;width:4.95rem;height:4.95rem;border:0;border-radius:999px;background:#14532d;color:#f7fee7;box-shadow:0 1rem 2rem #0f172a40}.floating-cart-button span{font-size:1.25rem;line-height:1}.floating-cart-button b{line-height:1}.floating-cart-button small{max-width:4.1rem;overflow:hidden;font-size:.58rem;font-weight:900;line-height:1;text-overflow:ellipsis;white-space:nowrap}.cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:8;display:grid;grid-template-rows:auto 1fr auto;width:min(100%,25rem);padding:1rem 1rem calc(1rem + var(--safe-bottom));background:#fffffffa;box-shadow:-1.5rem 0 3rem #0f172a33;transform:translate(105%);transition:transform .18s ease}.cart-drawer.open{transform:translate(0)}.cart-drawer-header,.cart-drawer-footer,.cart-actions,.receipt-actions{display:flex;gap:.75rem}.cart-drawer-header,.cart-drawer-footer{align-items:center;justify-content:space-between}.cart-drawer-header h2{margin:0;color:#14532d}.icon-action{display:grid;place-items:center;width:2.6rem;height:2.6rem;padding:0;font-size:1.5rem}.cart-items{display:grid;align-content:start;gap:.7rem;overflow:auto;padding:1rem 0}.cart-line{display:grid;grid-template-columns:1fr auto;gap:.7rem;align-items:center;border:1px solid rgba(20,83,45,.12);border-radius:1rem;padding:.8rem;background:#f8fafc}.cart-line strong,.cart-line span,.cart-line small{display:block}.cart-line strong{color:#14532d}.cart-line span,.cart-line small{color:#64748b;font-size:.76rem}.quantity-stepper{display:grid;grid-template-columns:2rem 2rem 2rem;align-items:center;border-radius:999px;background:#dcfce7;overflow:hidden;text-align:center}.quantity-stepper button{border:0;padding:.45rem 0;background:transparent;color:#14532d;font-weight:900}.line-total{grid-column:1 / -1;justify-self:end}.cart-total-row{display:grid}.cart-total-row span{color:#64748b;font-size:.75rem;font-weight:900}.cart-total-row strong{color:#14532d;font-size:1.35rem}.cart-actions button,.receipt-actions button{min-width:6.8rem}.checkout-screen{display:grid;gap:.75rem}.checkout-topbar{display:flex;gap:.8rem;align-items:center}.checkout-topbar h2{margin:0;color:#14532d}.checkout-grid{display:grid;gap:.75rem}.checkout-summary-card,.payment-pad-card{border:1px solid rgba(20,83,45,.12);border-radius:1.35rem;padding:.9rem;background:#ffffffe6;box-shadow:0 1rem 2rem #14532d14}.checkout-big-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}.checkout-big-values div{border-radius:1rem;padding:.85rem;background:#dcfce7}.checkout-big-values span{color:#166534;font-size:.72rem;font-weight:900;text-transform:uppercase}.checkout-big-values strong{display:block;color:#052e16;font-size:clamp(1.35rem,6vw,2rem);line-height:1.05}.payment-method-selector,.denomination-grid,.numpad-grid{display:grid;gap:.5rem}.payment-method-selector{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.75rem}.payment-method-selector button,.denomination-grid button,.numpad-grid button{border:1px solid rgba(20,83,45,.14);border-radius:.95rem;padding:.72rem .5rem;background:#fff;color:#14532d;font-weight:900}.payment-method-selector button.active{border-color:#16a34a73;background:#bef264}.checkout-mini-list{display:grid;gap:.4rem;max-height:9rem;overflow:auto;margin-top:.75rem}.checkout-mini-list div{display:grid;grid-template-columns:1fr auto;gap:.7rem;color:#475569;font-size:.8rem}.cash-input-label{display:grid;gap:.35rem;color:#14532d;font-size:.78rem;font-weight:900}.cash-input-label input{width:100%;border:1px solid rgba(20,83,45,.18);border-radius:1rem;padding:.8rem;background:#fff;color:#102417;font:inherit;font-size:1.35rem;font-weight:900}.denomination-grid{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:.6rem}.numpad-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.6rem}.numpad-grid button{min-height:3rem;font-size:1.15rem}.complete-sale-button{width:100%;border:0;border-radius:1rem;margin-top:.75rem;padding:.95rem;background:#14532d;color:#f7fee7;font-weight:900;box-shadow:inset 0 -.2rem #0000002e}button:disabled{cursor:not-allowed;opacity:.5}.receipt-panel{display:grid;gap:1rem}.receipt-number{border-radius:1rem;padding:.8rem;background:#f8fafc;color:#475569;font-weight:900;overflow-wrap:anywhere}.receipt-grid{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem}.receipt-grid span{color:#64748b}.receipt-grid strong{color:#14532d}@media (min-width: 720px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-grid{grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);align-items:start}.floating-cart-button{right:max(1rem,calc((100vw - 48rem)/2 - 5.5rem))}}@media (max-width: 430px){.variant-button-grid,.checkout-big-values,.payment-method-selector,.denomination-grid{grid-template-columns:1fr}.floating-cart-button{width:4.3rem;height:4.3rem}}.catalog-header-actions,.catalog-card-actions,.catalog-form-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.primary-action:disabled{cursor:not-allowed;opacity:.65}.danger-action{border:1px solid rgba(220,38,38,.24);border-radius:999px;padding:.65rem .9rem;background:#fef2f2;color:#991b1b;font-weight:800;cursor:pointer}.success-message{border-color:#16a34a38;background:#f0fdf4;color:#166534}.catalog-product-card{padding:0;overflow:hidden}.catalog-card-toggle{display:grid;width:100%;gap:.9rem;border:0;padding:1rem;background:transparent;color:inherit;text-align:left;cursor:pointer}.catalog-card-toggle:hover,.catalog-product-card.is-expanded .catalog-card-toggle{background:#ecfdf5c2}.catalog-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.catalog-metric-grid span{display:grid;gap:.2rem;border:1px solid rgba(20,83,45,.08);border-radius:1rem;padding:.7rem;background:#ffffffc2;color:#4b5563;font-size:.78rem;font-weight:800}.catalog-metric-grid strong{color:#052e16;font-size:1rem}.catalog-card-footnote{display:flex;justify-content:space-between;gap:.75rem;color:#4d7c0f;font-size:.78rem;font-weight:800;text-transform:capitalize}.catalog-variant-panel{display:grid;gap:.85rem;border-top:1px solid rgba(20,83,45,.1);padding:1rem}.catalog-variant-list{display:grid;gap:.55rem}.catalog-variant-row{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(4.2rem,1fr));align-items:center;gap:.6rem;border:1px solid rgba(20,83,45,.09);border-radius:1rem;padding:.75rem;background:#fff;color:#334155;font-size:.86rem}.catalog-variant-row div{display:grid;gap:.2rem}.catalog-variant-row div span{color:#64748b;font-size:.75rem;font-weight:700}.catalog-form-panel{padding:1rem}.catalog-form,.catalog-variant-editor{display:grid;gap:1rem}.catalog-form label,.catalog-variant-edit-row label{display:grid;gap:.35rem;color:#365314;font-size:.82rem;font-weight:800}.catalog-form input,.catalog-form select,.catalog-variant-edit-row input{width:100%;border:1px solid rgba(20,83,45,.16);border-radius:.95rem;padding:.8rem .9rem;background:#ffffffe6;color:#052e16;font:inherit}.catalog-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.catalog-checkbox,.inline-checkbox{display:flex!important;grid-template-columns:none!important;align-items:center;gap:.55rem!important}.catalog-checkbox input,.inline-checkbox input{width:auto}.compact-header{margin-bottom:0}.compact-header h3{margin:0 0 .25rem;color:#052e16}.compact-header p{margin-bottom:0;color:#64748b;font-size:.86rem}.catalog-variant-edit-row{display:grid;grid-template-columns:minmax(9rem,1.3fr) repeat(2,minmax(6rem,.8fr)) auto auto;align-items:end;gap:.75rem;border:1px solid rgba(20,83,45,.1);border-radius:1rem;padding:.85rem;background:#f7fee79e}@media (max-width: 640px){.catalog-header-actions{justify-content:flex-end}.catalog-form-grid,.catalog-metric-grid,.catalog-variant-row,.catalog-variant-edit-row{grid-template-columns:1fr}.catalog-variant-row{align-items:stretch}}.sales-hero p:not(.eyebrow){margin:.9rem 0 0;color:#dcfce7;line-height:1.5}.sales-search-box{position:static}.include-voided-toggle{display:flex;gap:.55rem;align-items:flex-start;color:#475569;font-size:.86rem;font-weight:800;line-height:1.45}.include-voided-toggle input{margin-top:.2rem;accent-color:#16a34a}.sales-stats-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.sales-workspace{display:grid;gap:1rem}.sales-list-panel,.receipt-detail-card{align-self:start}.count-pill,.paid-status,.void-status{border-radius:999px;padding:.35rem .6rem;font-size:.72rem;font-weight:900}.count-pill,.paid-status{background:#dcfce7;color:#166534}.void-status{background:#fee2e2;color:#991b1b}.sales-list{display:grid;gap:.6rem;margin-top:1rem}.sale-list-card{display:grid;grid-template-columns:1fr auto;gap:.5rem .85rem;align-items:center;width:100%;border:1px solid rgba(20,83,45,.12);border-radius:1rem;padding:.85rem;background:#ffffffd1;color:#14532d;text-align:left}.sale-list-card.active{border-color:#16a34a75;background:#f0fdf4;box-shadow:inset 0 -.16rem #14532d14}.sale-list-card.voided{opacity:.76}.sale-list-card span,.sale-list-card strong,.sale-list-card small,.sale-list-card em{display:block}.sale-list-card small{margin-top:.2rem;color:#64748b;font-size:.72rem;font-weight:800}.sale-list-card>span:last-of-type{text-align:right}.sale-list-card em{grid-column:1 / -1;justify-self:start;border-radius:999px;padding:.25rem .5rem;background:#fee2e2;color:#991b1b;font-size:.68rem;font-style:normal;font-weight:900}.empty-receipts{border:1px dashed rgba(20,83,45,.22);border-radius:1rem;padding:1rem;background:#f7fee794}.empty-receipts h3{margin:0 0 .35rem;color:#14532d}.receipt-detail-card{display:grid;gap:1rem;border:1px solid rgba(20,83,45,.12);border-radius:1.5rem;padding:1.1rem;background:#ffffffe0;box-shadow:0 1.25rem 2.5rem #14532d1a}.receipt-detail-card.voided-receipt{border-color:#991b1b38;background:#fff1f2d6}.receipt-detail-header,.receipt-status-actions{display:flex;gap:.75rem}.receipt-detail-header{align-items:flex-start;justify-content:space-between}.receipt-detail-header h3{margin:0 0 .25rem;color:#14532d;overflow-wrap:anywhere}.receipt-detail-header span:not(.paid-status):not(.void-status){color:#64748b;font-size:.78rem;font-weight:800}.receipt-status-actions{flex:0 0 auto;align-items:center}.void-sale-button{padding:.65rem .8rem}.void-note{border-radius:1rem;padding:.8rem;background:#fee2e2;color:#991b1b!important;font-size:.86rem}.receipt-items{display:grid;gap:.55rem}.receipt-item-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center;border:1px solid rgba(20,83,45,.1);border-radius:1rem;padding:.8rem;background:#f8fafce6}.receipt-item-row strong,.receipt-item-row span,.receipt-item-row small{display:block}.receipt-item-row strong{color:#14532d}.receipt-item-row span,.receipt-item-row small{color:#64748b;font-size:.76rem;font-weight:800}.receipt-money-grid{display:grid;grid-template-columns:1fr auto;gap:.55rem 1rem;border-top:1px solid rgba(20,83,45,.12);padding-top:1rem}.receipt-money-grid span{color:#64748b}.receipt-money-grid strong{color:#14532d}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;padding:1rem;background:#0f172a73}.void-modal{display:grid;gap:1rem;width:min(100%,30rem);background:#fffffffa}.void-modal strong{color:#14532d}.void-reason-label{display:grid;gap:.4rem;color:#14532d;font-size:.82rem;font-weight:900}.void-reason-label span{color:#64748b;font-weight:700}.void-reason-label textarea{width:100%;resize:vertical;border:1px solid rgba(20,83,45,.18);border-radius:1rem;padding:.8rem;background:#fff;color:#102417;font:inherit}.void-reason-label textarea:focus{border-color:#16a34a;outline:.2rem solid rgba(34,197,94,.16)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem}@media (min-width: 780px){.sales-workspace{grid-template-columns:minmax(17rem,.85fr) minmax(0,1.15fr)}}@media (max-width: 640px){.sales-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.receipt-detail-header,.receipt-status-actions,.modal-actions{align-items:stretch;flex-direction:column}.sale-list-card,.receipt-item-row,.receipt-money-grid{grid-template-columns:1fr}.sale-list-card>span:last-of-type{text-align:left}}