@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--primary:#00505B;--primary-dark:#003F49;--accent:#62C7C3;--light:#EDF6F6;--neutral-border:#CFE0E2;--main-text:#173F48;--ink:#173F48;--night:#003F49;--paper:#EDF6F6;--white:#FFFFFF;--line:#CFE0E2;--mint:#62C7C3;--teal:#00505B;--teal-dark:#003F49;--muted:#5F7880;--coral:#C6534F;--shadow:0 18px 50px rgba(0,63,73,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--ink)}button,input{font:inherit}button{cursor:pointer}.eyebrow{font:700 11px "Manrope",sans-serif;letter-spacing:.18em;color:var(--mint)}.eyebrow.dark{color:var(--teal)}.muted{color:var(--muted)}

.login-page{background:var(--paper)}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-brand{position:relative;overflow:hidden;background:var(--night);color:#FFFFFF;padding:9vh 9vw;display:flex;flex-direction:column;justify-content:center}.login-brand:before,.login-brand:after{content:"";position:absolute;border-radius:50%}.login-brand:before{width:430px;height:430px;border:90px solid rgba(207,224,226,.08);right:-100px;top:-150px}.login-brand:after{width:170px;height:170px;background:var(--accent);right:10%;bottom:-100px}.brand-mark{width:72px;height:72px;display:grid;place-items:center;margin:28px 0 18px;background:var(--mint);color:var(--night);border-radius:22px 6px 22px 6px;font:800 34px "Manrope",sans-serif;transform:rotate(-4deg)}.login-brand h1{font:800 clamp(42px,6vw,78px)/.9 "Manrope",sans-serif;margin:0;letter-spacing:-.06em}.login-brand h1 span,.mini-brand em{color:var(--mint);font-style:normal}.login-brand p{max-width:450px;font-size:19px;line-height:1.65;color:#CFE0E2}.login-points{display:flex;gap:12px;margin-top:20px}.login-points span{padding:9px 14px;border:1px solid #173F48;border-radius:30px;font-size:12px}.login-panel{display:grid;place-items:center;padding:45px}.login-card{width:min(430px,100%)}.login-card h2{font:800 38px "Manrope",sans-serif;margin:12px 0 5px;letter-spacing:-.04em}.login-card form{display:grid;gap:18px;margin-top:34px}.login-card label{display:grid;gap:8px;font-size:13px;font-weight:700}.login-card input{width:100%;border:1px solid var(--line);background:#FFFFFF;border-radius:12px;padding:15px 16px;outline:none}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(95,120,128,.12)}.primary-button,.checkout-button{border:0;background:var(--ink);color:#FFFFFF;padding:17px 20px;border-radius:12px;font-weight:800;display:flex;justify-content:space-between}.primary-button:hover{background:var(--teal)}.login-card small{display:block;text-align:center;color:var(--muted);margin-top:18px}.alert{background:#FFF0EC;color:#A6321A;padding:12px 14px;border-left:3px solid var(--coral);margin-top:22px;border-radius:8px}

.pos-page{background:var(--paper);overflow:hidden}.pos-layout{height:100vh;display:grid;grid-template-columns:minmax(380px,31vw) 1fr}.cart-panel{background:var(--night);color:#FFFFFF;display:flex;flex-direction:column;min-height:0;padding:24px 26px}.cart-header,.topbar,.cart-title,.cart-item-top,.cart-controls{display:flex;align-items:center;justify-content:space-between}.cart-header{padding-bottom:20px;border-bottom:1px solid #173F48}.mini-brand{font:800 18px "Manrope",sans-serif;letter-spacing:-.04em}.mini-brand>span{display:inline-grid;place-items:center;width:32px;height:32px;background:var(--mint);color:var(--night);border-radius:9px 3px;margin-right:7px}.sale-number{font-size:10px;color:#5F7880;letter-spacing:.12em}.sale-number strong{display:block;color:#FFFFFF;margin-top:4px}.cart-title{padding:23px 0 15px}.cart-title h2{margin:4px 0 0;font:800 27px "Manrope",sans-serif}.icon-button{width:40px;height:40px;border:1px solid #173F48;border-radius:50%;background:transparent;color:#FFFFFF;font-size:24px}.cart-items{flex:1;overflow-y:auto;min-height:120px;padding-right:4px}.empty-cart{height:100%;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5F7880;gap:8px;text-align:center}.empty-cart span{width:50px;height:50px;display:grid;place-items:center;border:1px dashed #5F7880;border-radius:50%;font-size:25px}.empty-cart strong{color:#CFE0E2}.cart-item{background:#173F48;border:1px solid #173F48;border-radius:14px;padding:13px;margin-bottom:10px}.cart-item-top>div{display:grid;gap:3px}.cart-item-top small{color:#5F7880;font-size:10px}.cart-item-top button{border:0;background:transparent;color:#5F7880;font-size:20px}.cart-controls{margin-top:12px;gap:10px}.quantity{display:flex;align-items:center;background:#173F48;border-radius:8px;overflow:hidden}.quantity button{border:0;background:transparent;color:#FFFFFF;width:29px;height:32px}.quantity b{font-size:12px;min-width:20px;text-align:center}.cart-controls label{font-size:9px;color:#5F7880;display:grid;gap:2px}.cart-controls input{width:70px;border:1px solid #173F48;background:#173F48;color:var(--mint);padding:6px;border-radius:7px;font-weight:700}.cart-controls>strong{margin-left:auto;font-size:13px}.totals{border-top:1px solid #173F48;padding-top:13px}.totals>div{display:flex;justify-content:space-between;padding:5px 0;color:#62C7C3;font-size:12px}.totals strong{color:#FFFFFF}.totals .discount-row strong{color:var(--mint)}.totals .grand-total{align-items:end;padding:12px 0 8px;color:#FFFFFF}.grand-total strong{font:800 30px "Manrope",sans-serif;color:var(--mint)}.export-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:5px 0 9px}.export-actions button{border:1px solid #173F48;background:transparent;color:#CFE0E2;border-radius:8px;padding:9px;font-size:10px;font-weight:800}.export-actions button:hover{border-color:var(--mint);color:var(--mint)}.checkout-button{background:var(--mint);color:var(--night);border-radius:9px;padding:14px 16px}

.catalog{padding:28px 32px;min-width:0;overflow-y:auto}.topbar{gap:20px}.topbar h1{margin:5px 0 0;font:800 31px "Manrope",sans-serif;letter-spacing:-.04em}.topbar-actions{display:flex;align-items:center;gap:12px}.search-box{display:flex;align-items:center;gap:8px;background:#FFFFFF;border:1px solid var(--line);padding:10px 13px;border-radius:12px}.search-box input{border:0;outline:0;background:transparent;width:180px}.user-chip{display:flex;align-items:center;gap:9px;background:#FFFFFF;padding:7px 12px 7px 7px;border-radius:12px}.user-chip>span{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:var(--accent);color:#FFFFFF;font-weight:800}.user-chip div{display:grid}.user-chip strong{font-size:12px}.user-chip small{font-size:9px;color:var(--muted)}.logout-link{text-decoration:none;color:var(--ink);font-size:22px}.category-tabs{display:flex;gap:9px;overflow-x:auto;padding:25px 0 20px}.category-tabs button{white-space:nowrap;border:1px solid var(--line);background:#FFFFFF;border-radius:30px;padding:10px 17px;font-size:12px;font-weight:700;color:#5F7880}.category-tabs button.active{background:var(--ink);border-color:var(--ink);color:#FFFFFF}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:13px;padding-bottom:30px}.product-card{text-align:left;position:relative;border:1px solid var(--line);border-radius:16px;background:#FFFFFF;padding:9px;min-height:210px;transition:.18s ease;box-shadow:0 3px 12px rgba(23,63,72,.03)}.product-card:hover{transform:translateY(-3px);border-color:#CFE0E2;box-shadow:var(--shadow)}.product-card:active{transform:scale(.98)}.product-visual{height:112px;display:flex;position:relative;align-items:center;justify-content:center;border-radius:11px;background:linear-gradient(145deg,var(--product-color),#EDF6F6);overflow:hidden}.product-visual:before{content:"";width:75px;height:75px;border-radius:24px 7px;background:rgba(255,255,255,.65);transform:rotate(8deg)}.product-visual b{position:absolute;font:800 34px "Manrope",sans-serif;color:var(--ink)}.product-visual small{position:absolute;left:8px;top:7px;background:rgba(255,255,255,.75);padding:3px 5px;border-radius:4px;font-size:8px}.product-info{display:grid;padding:10px 3px 2px}.product-info small{font-size:9px;color:var(--muted);text-transform:uppercase}.product-info strong{font:700 13px "Manrope",sans-serif;margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-info b{font:800 16px "Manrope",sans-serif;color:var(--teal)}.product-card>i{position:absolute;right:11px;bottom:11px;width:28px;height:28px;display:grid;place-items:center;background:var(--ink);color:#FFFFFF;border-radius:8px;font-style:normal}.database-notice,.no-results{grid-column:1/-1;background:#FFFFFF;border:1px dashed #CFE0E2;padding:40px;text-align:center;border-radius:16px;display:grid;gap:8px}.database-notice span{color:var(--muted)}#export-form{display:none}

@media(max-width:1200px){.product-grid{grid-template-columns:repeat(4,1fr)}.pos-layout{grid-template-columns:380px 1fr}.user-chip{display:none}}
@media(max-width:900px){.pos-page{overflow:auto}.pos-layout{height:auto;min-height:100vh;display:flex;flex-direction:column}.cart-panel{min-height:680px}.catalog{overflow:visible}.product-grid{grid-template-columns:repeat(3,1fr)}.login-shell{grid-template-columns:1fr}.login-brand{min-height:42vh;padding:50px}.login-panel{padding:50px 25px}.topbar{align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-end}.search-box input{width:130px}}
@media(max-width:600px){.catalog{padding:20px 14px}.topbar h1{font-size:25px}.topbar-actions{width:100%;justify-content:flex-start}.topbar{flex-wrap:wrap}.product-grid{grid-template-columns:repeat(2,1fr);gap:9px}.product-card{min-height:190px}.product-visual{height:95px}.cart-panel{padding:20px 15px}.login-brand{padding:40px 25px}.login-points{flex-wrap:wrap}}