:root{color:#173d2a;font-synthesis:none;--green:#173d2a;--red:#c33d2e;--cream:#fbf8f1;--line:#ddd5c6;--muted:#597063;--shadow:0 20px 60px #173d2a24;background:#e9ecdf;font-family:Inter,Aptos,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 15% 10%,#f3e6c5,#0000 32%),#e8ece1;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}h1,h2,p{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif}h1{margin-bottom:14px;font-size:clamp(42px,5vw,66px);line-height:1}.app-shell{background:var(--cream);width:min(1400px,100vw - 32px);min-height:calc(100vh - 32px);box-shadow:var(--shadow);border-radius:28px;margin:16px auto;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#ffffff8f;justify-content:space-between;align-items:center;height:82px;padding:0 30px 0 54px;display:flex}.topbar img,.setup img{width:116px;max-height:58px}.topbar-actions{align-items:center;gap:18px;display:flex}.location{align-items:center;gap:9px;font-size:14px;font-weight:800;display:flex}.location i,.pending-card i,.verified-card i{background:#43af7b;border-radius:50%;width:11px;height:11px;box-shadow:0 0 0 5px #e4f4eb}.language-picker{border:1px solid var(--line);background:#f3f0e8;border-radius:13px;align-items:center;gap:4px;padding:5px;display:flex}.language-picker>svg{color:var(--muted);margin:0 5px}.language-picker button{min-height:40px;color:var(--green);background:0 0;border:0;border-radius:9px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:800;display:flex}.language-picker button span{font-size:16px}.language-picker button.active{background:#fff;box-shadow:0 2px 8px #173d2a21}.icon-button{border:1px solid var(--line);width:48px;height:48px;color:var(--green);background:#fff;border-radius:50%;place-items:center;display:grid}.icon-button svg{width:20px}.eyebrow{color:var(--red);letter-spacing:.15em;margin-bottom:13px;font-size:12px;font-weight:800}.lead{max-width:650px;color:var(--muted);font-size:20px;line-height:1.5}.primary,.pay{background:var(--red);color:#fff;border:0;border-radius:14px;justify-content:center;align-items:center;gap:14px;min-height:58px;padding:0 34px;font-weight:800;display:inline-flex;box-shadow:0 12px 26px #c33d2e38}.primary svg,.pay svg{width:19px}.center-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 114px);padding:60px 30px;display:flex}.hero-icon,.success-icon{background:#e8eee3;border-radius:50%;place-items:center;width:174px;height:174px;margin-bottom:25px;display:grid}.hero-icon svg{stroke-width:1.4px;width:72px;height:72px}.center-screen .primary{min-width:270px;margin-top:18px}.setup{background:var(--cream);width:min(760px,100vw - 32px);min-height:calc(100vh - 64px);box-shadow:var(--shadow);text-align:center;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;margin:32px auto;padding:54px;display:flex}.setup img{margin-bottom:38px}.setup>p:not(.eyebrow){color:var(--muted)}.enrollment-form{border:1px solid var(--line);text-align:left;background:#fff;border-radius:18px;gap:16px;width:min(100%,480px);margin-top:24px;padding:24px;display:grid}.enrollment-form label span{color:var(--muted);margin-bottom:7px;font-size:13px;font-weight:800;display:block}.enrollment-form input{border:2px solid var(--line);width:100%;min-height:52px;font:inherit;border-radius:10px;padding:0 14px}.enrollment-form .primary{justify-self:stretch}.location-grid{gap:12px;width:100%;margin-top:26px;display:grid}.location-grid button{border:1px solid var(--line);min-height:82px;color:var(--green);text-align:left;background:#fff;border-radius:15px;grid-template-columns:1fr auto;align-items:center;padding:16px 20px;display:grid}.location-grid button:hover{border-color:var(--green);transform:translateY(-1px)}.location-grid strong,.location-grid span{grid-column:1}.location-grid strong{font-size:18px}.location-grid span{color:var(--muted);font-size:13px}.location-grid svg{grid-area:1/2/3}.customer-checkout{grid-template-columns:1.1fr .9fr;min-height:calc(100vh - 114px);display:grid}.checkout-main{padding:48px 58px}.customer-checkout .checkout-main{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.customer-checkout .checkout-main h1{font-size:48px}.scan-icon{place-items:center;width:130px;height:110px;display:grid}.scan-icon svg{stroke-width:1.15px;width:110px;height:90px}.scan-row{grid-template-columns:1fr auto;gap:9px;width:100%;display:grid}.scan-row input,.waste-fields input,.waste-fields select,.seller-line input{border:2px solid var(--line);min-height:54px;color:var(--green);background:#fff;border-radius:12px;outline:none;padding:0 15px}.scan-row input:focus,.waste-fields input:focus,.waste-fields select:focus{border-color:var(--green);box-shadow:0 0 0 4px #173d2a1a}.scan-row button{border:2px solid var(--green);color:var(--green);background:#fff;border-radius:12px;padding:0 22px;font-weight:800}.notice{color:#87291f;text-align:left;background:#fbe7e3;border-radius:10px;width:100%;margin:10px 0 0;padding:11px 14px;font-weight:700}.demo-row{border-top:1px solid var(--line);align-items:center;gap:8px;width:100%;margin-top:20px;padding-top:18px;display:flex}.demo-row span{color:var(--muted);margin-right:auto;font-size:12px;font-weight:800}.demo-row button,.utility-actions button,.line-actions button,.discount-buttons button,.staff-screen button,.staff-card button{border:1px solid var(--line);min-height:38px;color:var(--green);background:#fff;border-radius:9px;padding:0 13px;font-weight:750}.cart-panel{min-height:inherit;border-left:1px solid var(--line);background:#ffffffb8;flex-direction:column;padding:40px 42px;display:flex}.cart-title{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding-bottom:18px;display:flex}.cart-title h2{margin:0;font-size:29px}.link{text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:750;text-decoration:underline}.danger{color:var(--red)!important}.cart-empty{color:#87968d;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:300px;display:flex}.cart-empty svg{stroke-width:1.4px;width:48px;height:48px}.customer-lines{display:grid}.customer-lines article{border-bottom:1px solid var(--line);justify-content:space-between;gap:20px;padding:20px 0;display:flex}.customer-lines article>div{flex-direction:column;align-items:flex-start;gap:5px;display:flex}.customer-lines small{color:var(--muted)}.cart-bottom{margin-top:auto;padding-top:28px}.grand-total{border-top:2px solid var(--green);justify-content:space-between;align-items:baseline;gap:20px;padding:23px 0;display:flex}.grand-total span{font-size:18px;font-weight:800}.grand-total strong{font-family:Georgia,Times New Roman,serif;font-size:39px}.pay{width:100%}.seller-screen{grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);min-height:calc(100vh - 114px);display:grid}.section-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.section-heading h1{font-size:43px}.section-heading p:last-child{color:var(--muted)}.utility-actions{gap:8px;display:flex}.utility-actions button{align-items:center;gap:7px;display:flex}.utility-actions svg{width:16px}.seller-lines{margin-top:28px}.seller-lines h2{border-bottom:1px solid var(--line);padding-bottom:12px}.empty-lines{min-height:190px;color:var(--muted);place-items:center;display:grid}.seller-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(160px,1fr) 150px 110px;gap:14px;padding:17px 0;display:grid}.seller-line>div:first-child{flex-direction:column;gap:4px;display:flex}.seller-line small{color:var(--muted)}.seller-line label>span{color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:750;display:block}.seller-line label>div,.waste-fields label>div{grid-template-columns:1fr auto;display:grid}.seller-line input{border-radius:9px 0 0 9px;width:100%;min-height:42px}.seller-line label b,.waste-fields label b{border:2px solid var(--line);background:#f2efe7;border-left:0;border-radius:0 9px 9px 0;place-items:center;padding:0 10px;font-size:12px;display:grid}.line-price{text-align:right}.line-price strong,.line-price small{display:block}.line-price small{color:var(--red)}.line-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.line-actions button{min-height:34px;font-size:12px}.line-actions svg{vertical-align:middle;width:14px}.totals-list{gap:10px;margin:0 0 18px;display:grid}.totals-list div{justify-content:space-between;display:flex}.totals-list dd{margin:0;font-weight:800}.discount-buttons{border-top:1px solid var(--line);padding:15px 0}.discount-buttons span{margin-bottom:8px;font-size:12px;font-weight:800;display:block}.discount-buttons button{margin:0 6px 6px 0;font-size:12px}.payment-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 114px);padding:48px;display:flex}.back{color:var(--green);background:0 0;border:0;align-self:flex-start;margin-bottom:auto;font-weight:800}.payment-total{margin-bottom:22px;font-family:Georgia,Times New Roman,serif;font-size:64px}.payment-screen h1{font-size:40px}.payment-methods{grid-template-columns:repeat(3,1fr);gap:14px;width:min(850px,100%);margin:22px 0;display:grid}.payment-methods button{border:2px solid var(--line);min-height:155px;color:var(--green);background:#fff;border-radius:17px;flex-direction:column;justify-content:center;align-items:center;gap:7px;padding:18px;display:flex}.payment-methods button.selected{border-color:var(--green);box-shadow:0 0 0 5px #173d2a1a}.payment-methods button>span{font-size:35px;font-weight:900}.payment-methods small{color:var(--muted)}.payment-screen .primary{min-width:290px;margin:10px 0}.success-icon{color:#16804a;background:#dff2e6;width:126px;height:126px}.success-icon svg{stroke-width:2px;width:70px;height:70px}.pending-card{color:#735c0a;background:#fff8de;border:1px solid #d7c88e;border-radius:12px;align-items:center;gap:12px;margin:14px 0;padding:16px 20px;font-weight:700;display:flex}.pending-card i{background:#d99a19;box-shadow:0 0 0 5px #fbecc4}.verified-card{color:#246542;background:#edf9f2;border:1px solid #b8ddc8;border-radius:12px;align-items:center;gap:12px;margin:14px 0;padding:16px 20px;font-weight:700;display:flex}.staff-screen{background:#f2f1eb;min-height:calc(100vh - 114px);padding:42px}.staff-heading{justify-content:space-between;align-items:center;gap:25px;display:flex}.staff-heading h1{font-size:43px}.staff-screen nav{background:#e3e0d8;border-radius:12px;gap:6px;width:max-content;margin:18px 0 24px;padding:5px;display:flex}.staff-screen nav button{background:0 0;border:0}.staff-screen nav button.active{background:#fff;box-shadow:0 2px 8px #173d2a1a}.metrics{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.metrics article,.staff-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.metrics article{flex-direction:column;display:flex}.metrics span,.metrics small{color:var(--muted)}.metrics strong{margin:7px 0;font-family:Georgia,Times New Roman,serif;font-size:32px}.staff-card{margin-top:20px}.staff-card h2{font-size:27px}.staff-card p{color:var(--muted)}.waste-card{max-width:850px}.waste-card>label>span,.waste-fields label>span{color:var(--muted);margin-bottom:7px;font-size:13px;font-weight:800;display:block}.waste-fields{grid-template-columns:1fr 1fr;gap:16px;margin-top:20px;display:grid}.found-product{background:#edf5ef;border-radius:12px;flex-direction:column;grid-column:1/-1;gap:4px;padding:15px;display:flex}.found-product span{color:var(--muted);font-size:12px;font-weight:800}.waste-fields .primary{grid-column:1/-1;justify-self:start}.staff-login-screen .enrollment-form{margin-left:auto;margin-right:auto}.full-field{grid-column:1/-1}.full-field input,.correction-actions input,.correction-actions select{border:2px solid var(--line);width:100%;min-height:52px;color:var(--green);background:#fff;border-radius:10px;padding:0 14px}.correction-card{max-width:980px}.correction-result{gap:12px;margin-top:20px;display:grid}.correction-line{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) 220px;align-items:end;gap:18px;padding:16px 0;display:grid}.correction-line>div:first-child{flex-direction:column;gap:5px;display:flex}.correction-line small,.correction-actions>small{color:var(--muted)}.correction-line label>span,.correction-actions label>span{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:800;display:block}.correction-line label>div{grid-template-columns:1fr auto;display:grid}.correction-line input{border:2px solid var(--line);width:100%;min-height:48px;color:var(--green);border-radius:10px 0 0 10px;padding:0 13px}.correction-line b{border:2px solid var(--line);background:#f2efe7;border-left:0;border-radius:0 10px 10px 0;place-items:center;padding:0 12px;font-size:12px;display:grid}.correction-actions{border-top:2px solid var(--green);grid-template-columns:1fr 220px;gap:16px;margin-top:12px;padding-top:20px;display:grid}.correction-buttons,.correction-actions>small{grid-column:1/-1}.correction-buttons{flex-wrap:wrap;gap:10px;display:flex}.correction-buttons .danger{background:#fff4f1;border:1px solid #e2aaa3;border-radius:14px;min-height:58px;padding:0 24px;font-weight:800}@media (width<=900px){.app-shell{border-radius:0;width:100%;min-height:100vh;margin:0}.topbar{padding:0 20px}.location{display:none}.customer-checkout,.seller-screen{grid-template-columns:1fr}.cart-panel{border-top:1px solid var(--line);border-left:0;min-height:480px}.payment-methods{grid-template-columns:1fr}.payment-methods button{min-height:110px}.metrics{grid-template-columns:1fr}}@media (width<=620px){.topbar img{width:90px}.topbar-actions{gap:7px}.language-picker>svg,.language-picker button span{display:none}.language-picker button{padding:0 8px}.checkout-main,.cart-panel,.staff-screen,.payment-screen{padding:28px 18px}.section-heading,.staff-heading{flex-direction:column;align-items:stretch}.seller-line{grid-template-columns:1fr 115px}.line-price{grid-area:1/2}.seller-line label{grid-column:1/-1}.scan-row{grid-template-columns:1fr}.scan-row button{min-height:48px}.demo-row{flex-direction:column;align-items:stretch}.demo-row span{margin:0}.waste-fields{grid-template-columns:1fr}.found-product,.waste-fields .primary,.full-field{grid-column:1}.correction-line,.correction-actions{grid-template-columns:1fr}.correction-buttons,.correction-actions>small{grid-column:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}