:root{--ink:#14231f;--muted:#66736f;--line:#dfe6e2;--cream:#f7f6f1;--green:#184f3d;--lime:#d7f06c;--white:#fff;--danger:#b53f3f;--shadow:0 18px 50px rgba(25,52,43,.1)}
*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--cream)}h1,h2,h3,.brand{font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.6}.wrap{max-width:1180px;margin:auto;padding-left:24px;padding-right:24px}header{background:rgba(247,246,241,.92);position:sticky;top:0;z-index:10;border-bottom:1px solid rgba(20,35,31,.08);backdrop-filter:blur(14px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.nav nav{display:flex;gap:30px;align-items:center}.brand{display:inline-flex;gap:10px;align-items:center;font-size:20px;font-weight:800}.brand span{display:grid;place-items:center;background:var(--lime);color:var(--ink);width:34px;height:34px;border-radius:11px}.brand.light{color:white}.cart-count{background:var(--green);color:white;border-radius:999px;padding:2px 7px;font-size:11px}.user-pill{background:white;border:1px solid var(--line);padding:10px 16px;border-radius:99px}.hero{padding:68px 0 44px}.hero-grid{background:var(--green);border-radius:32px;padding:72px;min-height:470px;color:white;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative}.hero h1{font-size:60px;line-height:1.02;margin:12px 0 22px;letter-spacing:-3px}.hero p{color:#c9d7d2;max-width:520px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2px;font-weight:700;color:#cbe765}.hero-art{display:grid;place-items:center;position:relative}.orb{width:320px;height:320px;border-radius:50%;background:var(--lime);display:grid;place-items:center;font-size:140px;transform:rotate(8deg);box-shadow:0 0 0 35px rgba(215,240,108,.08)}.btn{border:0;display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;background:var(--lime);color:var(--ink);font-weight:700;cursor:pointer;font:inherit}.btn.secondary{background:white;border:1px solid var(--line)}.btn.dark{background:var(--green);color:white}.btn.danger{background:#fff0f0;color:var(--danger)}.btn.small{padding:9px 14px;font-size:13px}.section{padding:45px 0 90px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:26px}.section-head h2{font-size:35px;margin:0}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{padding:9px 15px;border:1px solid var(--line);background:white;border-radius:99px;cursor:pointer}.filter.active{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border-radius:22px;overflow:hidden;border:1px solid #e7ebe8;transition:.25s}.product:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{height:230px;display:grid;place-items:center;font-size:90px}.product-info{padding:20px}.product-info h3{margin:5px 0 6px;font-size:18px}.product-meta{display:flex;justify-content:space-between;align-items:center}.price{font-size:20px;font-weight:800}.tag{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:var(--muted)}.stock{font-size:12px;color:var(--muted)}.card{background:white;border:1px solid var(--line);border-radius:20px;padding:26px}.form-card{max-width:600px;margin:55px auto 100px}.form-card h1{margin-top:0}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}.field label{font-weight:600;font-size:13px}.field input,.field select,.field textarea{width:100%;padding:13px;border:1px solid #ccd6d1;border-radius:10px;background:white;font:inherit}.field textarea{min-height:90px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.cart-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:24px;padding-top:50px;padding-bottom:90px}.cart-item{display:grid;grid-template-columns:80px 1fr auto;gap:18px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.mini-art{height:74px;border-radius:14px;display:grid;place-items:center;font-size:36px}.summary-row{display:flex;justify-content:space-between;margin:13px 0}.summary-row.total{font-size:20px;border-top:1px solid var(--line);padding-top:16px;font-weight:800}.empty{text-align:center;padding:80px 20px}.order{margin-bottom:18px}.order-head{display:flex;justify-content:space-between;align-items:center}.badge{display:inline-block;padding:6px 10px;border-radius:99px;background:#edf4f0;font-size:12px;font-weight:700;color:var(--green)}.timeline{display:flex;gap:0;margin:24px 0}.step{flex:1;position:relative;font-size:11px;color:#92a09b;padding-top:20px}.step:before{content:"";position:absolute;top:3px;width:11px;height:11px;border-radius:50%;background:#d6dfdb;z-index:1}.step:after{content:"";position:absolute;top:8px;left:7px;width:100%;height:2px;background:#d6dfdb}.step:last-child:after{display:none}.step.done{color:var(--green);font-weight:700}.step.done:before,.step.done:after{background:var(--green)}footer{background:var(--ink);color:white;padding:55px 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-grid>div{display:flex;flex-direction:column;gap:10px}.footer-grid p{color:#9fb0aa}.toast{position:fixed;right:25px;top:90px;background:var(--ink);color:white;padding:14px 20px;border-radius:12px;z-index:50;box-shadow:var(--shadow)}
.admin-body{background:#f2f4f2}.sidebar{position:fixed;width:245px;inset:0 auto 0 0;background:var(--ink);padding:28px 22px;display:flex;flex-direction:column;z-index:20}.sidebar nav{display:flex;flex-direction:column;gap:7px;margin-top:45px}.sidebar nav a,.logout{color:#bdcac5;padding:12px;border-radius:9px}.sidebar nav a:hover{background:#244238;color:white}.logout{margin-top:auto}.admin-main{margin-left:245px;padding:36px}.admin-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-top h1{margin:0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:26px}.stat{background:white;border:1px solid var(--line);border-radius:17px;padding:20px}.stat small{color:var(--muted)}.stat strong{display:block;font:800 28px Manrope;margin-top:9px}.table-wrap{overflow:auto;background:white;border-radius:18px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf0ee;white-space:nowrap}th{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--muted);background:#fafbfa}td.actions{display:flex;gap:6px}.admin-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.chart{height:230px;display:flex;align-items:end;gap:18px;padding-top:30px}.bar{background:var(--green);border-radius:8px 8px 0 0;flex:1;min-height:8px;position:relative}.bar span{position:absolute;bottom:-24px;width:100%;text-align:center;font-size:11px;color:var(--muted)}.positive{color:#16835c}.negative{color:var(--danger)}.inline{display:inline}.muted{color:var(--muted);font-size:13px}.modal{position:fixed;inset:0;background:rgba(10,25,20,.5);display:none;place-items:center;z-index:100;padding:20px}.modal.open{display:grid}.modal .card{width:min(620px,100%);max-height:90vh;overflow:auto}.split3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.modal .invoice-editor{width:min(920px,100%)}.invoice-items input{min-width:90px;width:100%;padding:9px;border:1px solid #ccd6d1;border-radius:8px;font:inherit}.invoice-items td:first-child input:last-child{min-width:230px}
@media(max-width:900px){.product-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr;padding:45px}.hero h1{font-size:44px}.hero-art{display:none}.cart-layout,.admin-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.sidebar{position:static;width:auto}.sidebar nav{margin-top:20px;flex-direction:row;overflow:auto}.logout{display:none}.admin-main{margin:0}.admin-body{background:#f2f4f2}}
@media(max-width:580px){.nav nav a:first-child{display:none}.nav nav{gap:12px}.product-grid{grid-template-columns:1fr}.hero{padding-top:24px}.hero-grid{padding:35px 25px;min-height:410px}.hero h1{font-size:39px}.section-head{align-items:start;flex-direction:column;gap:18px}.form-row,.split3{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.admin-main{padding:20px}.footer-grid{grid-template-columns:1fr}.cart-item{grid-template-columns:60px 1fr}.cart-item>:last-child{grid-column:2}}