@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--green:#173b35;--green2:#235b4d;--mint:#e9f4ef;--orange:#e68b45;--ink:#1d2926;--muted:#82908a;--line:#e9eeeb;--paper:#fff;--bg:#f6f7f4;--red:#bb5144}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',sans-serif}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{min-height:100vh}.sidebar{width:244px;background:var(--green);color:white;position:fixed;inset:0 auto 0 0;padding:25px 16px;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:11px;padding:0 9px 36px}.brand b{display:block;font:700 15px Manrope}.brand small{display:block;color:#aec3bb;font-size:11px;margin-top:3px}.brand-mark{width:54px;height:54px;border-radius:18px;background:var(--orange);display:grid;place-items:center;color:white;font:800 17px Manrope;letter-spacing:-1px;box-shadow:0 8px 20px #d17b3d3b}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:13px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;color:#c4d4cf;background:transparent;text-align:left;padding:13px 12px;border-radius:11px;font-size:13px;display:flex;align-items:center;gap:12px}.nav-item span{font-size:18px;width:18px;text-align:center}.nav-item:hover,.nav-item.active{background:#ffffff19;color:white}.nav-item.active{box-shadow:inset 3px 0 var(--orange)}.side-bottom{margin-top:auto}.sync{padding:12px;color:#bbd1c9;font-size:11px;display:flex;gap:8px;align-items:center}.sync i{width:7px;height:7px;border-radius:50%;background:#72d29e}.main{margin-left:244px;min-height:100vh;padding:0 34px 40px}.topbar{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:25px}.eyebrow{margin:0 0 6px;font-size:9px;font-weight:700;letter-spacing:1.5px;color:#a0aaa5}.topbar h2{font:700 25px Manrope;margin:0;letter-spacing:-.7px}.user-chip{display:flex;align-items:center;gap:10px}.avatar{background:#f4e6d8;color:#b36e36;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 12px Manrope}.user-chip b,.user-chip small{display:block}.user-chip b{font-size:12px}.user-chip small{font-size:10px;color:var(--muted);margin-top:3px}.sales-layout{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:22px;align-items:start}.catalog-panel{min-width:0}.catalog-tools{display:grid;gap:16px;margin-bottom:18px}.search{height:46px;border:1px solid var(--line);background:white;border-radius:11px;display:flex;align-items:center;gap:10px;padding:0 14px;color:#a2ada7;font-size:22px}.search input{border:0;outline:0;width:100%;font-size:13px;color:var(--ink)}.pills{display:flex;gap:8px;flex-wrap:wrap}.pill{border:1px solid var(--line);background:white;border-radius:20px;padding:8px 13px;color:#738079;font-size:11px}.pill.active{background:var(--green);border-color:var(--green);color:white}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.product-card{background:white;border:1px solid var(--line);border-radius:13px;padding:14px;text-align:left;min-height:112px;transition:.15s;display:flex;flex-direction:column;justify-content:space-between}.product-card:hover{border-color:#a6c4b6;transform:translateY(-2px);box-shadow:0 7px 20px #1c43300c}.product-card .category{font-size:9px;color:#9ba69f;text-transform:uppercase;letter-spacing:.7px}.product-card b{font-size:12px;line-height:1.3;font-weight:600;margin:8px 0}.product-card strong{font:700 14px Manrope;color:var(--green2)}.product-card .add{align-self:flex-end;color:var(--orange);font-size:20px;margin-top:-20px}.cart-panel{background:white;border:1px solid var(--line);border-radius:15px;position:sticky;top:20px;min-height:500px;display:flex;flex-direction:column}.cart-heading{padding:19px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.cart-heading h3,.section-head h3{font:700 15px Manrope;margin:0 0 5px}.muted{color:var(--muted);font-size:11px}.text-button,.link-button{border:0;background:none;color:var(--green2);font-weight:600;font-size:11px}.cart-items{padding:8px 17px;flex:1;max-height:calc(100vh - 390px);overflow:auto}.cart-empty{height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);gap:8px;font-size:11px}.cart-empty b{color:#65726b;font-size:12px}.basket{width:45px;height:45px;display:grid;place-items:center;background:#f2f6f3;color:#8eaaa0;border-radius:50%;font-size:23px;margin-bottom:5px}.cart-line{display:grid;grid-template-columns:1fr auto;gap:4px 8px;padding:11px 0;border-bottom:1px solid #f0f2f0}.cart-line b{font-size:11px;font-weight:600}.cart-line .line-sub{font-size:11px;font-weight:700;text-align:right}.cart-line .unit{color:var(--muted);font-size:10px}.qty-controls{display:flex;align-items:center;gap:8px;margin-top:5px}.qty-controls button{border:1px solid var(--line);background:white;border-radius:6px;width:23px;height:23px;color:#51635b}.qty-controls span{font-size:11px;min-width:12px;text-align:center}.remove-line{border:0;background:none;color:#a1aaa5;font-size:14px;padding:0 4px}.cart-bottom{padding:16px 18px 18px;border-top:1px solid var(--line)}.total-row{display:flex;justify-content:space-between;align-items:center;margin:2px 0 15px;font-size:12px}.total-row strong{font:800 22px Manrope;color:var(--green)}.primary,.secondary{border:0;border-radius:10px;padding:12px 16px;font-weight:700;font-size:12px}.primary{background:var(--green);color:white}.primary:hover{background:var(--green2)}.primary:disabled{background:#aab8b1;cursor:not-allowed}.wide{width:100%;display:flex;justify-content:space-between;align-items:center}.secure-note{text-align:center;color:#a4ada8;font-size:9px;margin:11px 0 0}.section-card{background:white;border:1px solid var(--line);border-radius:14px;padding:22px}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.section-head p{margin:0}.secondary{border:1px solid var(--line);color:#53635b;background:white}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;color:#97a29b;text-transform:uppercase;letter-spacing:.7px;font-size:9px;padding:11px 12px;border-bottom:1px solid var(--line)}td{font-size:11px;padding:13px 12px;border-bottom:1px solid #f0f2f0}.status{display:inline-block;background:var(--mint);color:var(--green2);padding:4px 8px;border-radius:20px;font-size:9px}.login-wrap{min-height:100vh;background:radial-gradient(ellipse at 20% 25%,#edf2e9,transparent 50%),var(--bg);display:grid;place-items:center;padding:20px}.login-card{width:min(100%,390px);background:white;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 20px 60px #173b350c}.login-card .brand-mark{margin-bottom:23px}.login-card h1{font:800 27px Manrope;margin:0 0 8px;letter-spacing:-1px}.login-card>p.muted{font-size:12px;margin:0 0 25px}.login-card label,#payment-form>label{display:block;font-size:10px;color:#69756f;font-weight:600;margin-bottom:14px}.login-card input,#payment-form input,#payment-form select{width:100%;border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 12px;margin-top:7px;outline:none;font-size:12px}.login-card input:focus,#payment-form input:focus,#payment-form select:focus{border-color:#7ca592}.login-card .wide{margin-top:5px;justify-content:center}.link-button{display:block;margin:15px auto 0}.notice,.error{font-size:11px;color:var(--red);min-height:15px;text-align:center}.error{text-align:left}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);background:#1c332e;color:white;padding:11px 18px;border-radius:9px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;border-radius:16px;padding:0;width:min(94vw,490px);box-shadow:0 25px 80px #0e261d40;color:var(--ink)}dialog::backdrop{background:#12211dc4;backdrop-filter:blur(2px)}#payment-form{padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.modal-head h3{font:700 19px Manrope;margin:0}.close{font-size:23px;color:#839088;border:0;background:none}.review-box{background:#f6f8f6;border-radius:10px;padding:12px 14px;margin-bottom:17px}.review-item{display:flex;justify-content:space-between;padding:5px 0;font-size:10px;color:#56635c}.review-box .total-row{border-top:1px solid var(--line);padding-top:10px;margin:8px 0 0}.review-box .total-row strong{font-size:18px}.optional{color:#a3ada7;font-weight:400}.payment-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin:5px 0 9px}.payment-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:8px;align-items:center;margin-bottom:8px}.payment-row select,.payment-row input{margin:0!important}.payment-row button{border:0;background:none;color:#a4aca7;font-size:18px}.balance-box{background:#eef5f0;border-radius:9px;padding:11px 13px;display:flex;justify-content:space-between;font-size:10px;color:#748178}.balance-box b{color:var(--green);font-size:12px;margin-left:5px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:13px}.modal-actions .primary,.modal-actions .secondary{padding:11px 14px}
@media(max-width:1050px){.sales-layout{grid-template-columns:minmax(0,1fr) 320px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.main{padding-left:24px;padding-right:24px}}@media(max-width:760px){.sidebar{inset:auto 0 0;width:100%;height:62px;padding:5px 8px;flex-direction:row;justify-content:center}.brand,.side-bottom{display:none}.sidebar nav{width:100%;display:flex;justify-content:space-around}.nav-item{font-size:10px;padding:8px 12px;flex-direction:column;gap:2px}.nav-item span{font-size:17px}.main{margin:0;padding:0 14px 86px}.topbar{height:80px;margin-bottom:15px}.topbar h2{font-size:20px}.sales-layout{display:flex;flex-direction:column}.catalog-panel{width:100%}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{padding:11px;min-height:102px}.cart-panel{position:static;width:100%;min-height:330px}.cart-items{max-height:240px}.cart-empty{height:130px}.user-chip b{max-width:94px;overflow:hidden;text-overflow:ellipsis}.section-card{padding:15px}.payment-row{grid-template-columns:1fr 1fr 25px}.modal-actions{position:sticky;bottom:0;background:white;padding-top:8px}}
.payment-row{grid-template-columns:1.15fr 1fr 1fr 25px}.payment-row .deduction{font-size:10px}.payment-row .deduction.hidden{display:none}