:root{
  --ink:#171217;--muted:#6f666f;--line:#eadfe6;--paper:#fffdfc;--rose:#dd5e8c;--rose2:#f3b5c9;--rose-soft:#fff0f5;--cream:#f9f4ef;--plum:#5a1f3a;--green:#287a55;--amber:#ad6d17;--shadow:0 20px 60px rgba(51,22,37,.12);--radius:26px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',sans-serif;color:var(--ink);background:var(--paper)}button,input,select,textarea{font:inherit}.prototype-bar{height:32px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:.14em;text-align:center;padding:0 12px}.site-header{height:82px;display:flex;align-items:center;padding:0 4.5vw;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,253,252,.95);backdrop-filter:blur(12px);z-index:30}.brand,.dash-brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:var(--ink);min-width:max-content}.brand-mark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--plum),var(--rose));color:white;font-family:'Playfair Display';font-weight:700}.brand strong,.dash-brand strong{font-family:'Playfair Display';font-size:21px;display:block}.brand small,.dash-brand small{font-size:8px;letter-spacing:.2em;display:block;margin-top:-2px}.main-nav{display:flex;gap:26px;margin:auto}.main-nav a{color:var(--ink);text-decoration:none;font-size:14px}.header-actions{display:flex;align-items:center;gap:8px}.icon-btn,.cart-btn,.nav-toggle{border:0;background:none;cursor:pointer}.icon-btn{font-size:22px}.cart-btn{padding:10px 14px;border-radius:50px;border:1px solid var(--ink)}.cart-btn span{background:var(--ink);color:#fff;border-radius:50%;font-size:10px;padding:2px 6px;margin-left:4px}.nav-toggle{display:none;font-size:24px}.hero{min-height:670px;display:grid;grid-template-columns:1.05fr .95fr;gap:5vw;align-items:center;padding:60px 6vw 72px;overflow:hidden;background:radial-gradient(circle at 20% 0%,#fff1f6 0,transparent 35%),linear-gradient(115deg,#fffdfc,#f9f0f4)}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:700;color:var(--rose);display:block;margin-bottom:14px}.hero h1,.section h2,.feature-copy h2,.tracking-section h2,.reseller-section h2,.admin-preview h2,.cta-section h2{font-family:'Playfair Display';font-size:clamp(40px,5.2vw,76px);line-height:.98;margin:0 0 22px}.hero h1 em{color:var(--rose);font-style:italic}.hero-copy>p{font-size:18px;line-height:1.7;color:var(--muted);max-width:650px}.hero-actions,.support-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.btn{border:0;border-radius:100px;padding:14px 22px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}.btn.primary{background:var(--ink);color:#fff}.btn.soft{background:#fff;color:var(--ink);border:1px solid var(--line)}.btn.outline{border:1px solid var(--ink);background:transparent;color:var(--ink)}.btn.dark{background:var(--plum);color:#fff}.hero-meta{display:flex;gap:30px;margin-top:35px}.hero-meta div{display:flex;flex-direction:column}.hero-meta strong{font-size:24px;font-family:'Playfair Display'}.hero-meta span{font-size:11px;color:var(--muted)}.hero-visual{position:relative;height:540px}.hero-card{position:absolute;border-radius:36px;box-shadow:var(--shadow);overflow:hidden}.hero-card-main{inset:0 55px 45px 0;background:linear-gradient(145deg,#5d203a,#e06f96 65%,#f2c1d3)}.mini-card{right:0;bottom:0;width:235px;height:205px;background:#fff;padding:28px;display:flex;flex-direction:column;justify-content:end}.mini-card span{font-size:10px;letter-spacing:.2em;color:var(--rose)}.mini-card strong{font-family:'Playfair Display';font-size:24px;margin:6px 0}.mini-card small{color:var(--muted)}.blob{position:absolute;border-radius:50%;filter:blur(2px)}.blob-1{width:310px;height:310px;background:#f9dce7;right:-70px;top:-40px}.blob-2{width:240px;height:240px;background:#8f3558;left:-80px;bottom:-70px}.mock-product.bottle{position:absolute;left:50%;top:50%;transform:translate(-50%,-48%);width:178px;height:340px;border-radius:40px 40px 32px 32px;background:linear-gradient(90deg,#d6b37c,#f4dfb2 48%,#bd905a);box-shadow:0 35px 55px rgba(27,10,17,.28);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5d203a;border:3px solid rgba(255,255,255,.4)}.mock-product:before{content:'';position:absolute;top:-47px;width:88px;height:58px;border-radius:16px 16px 5px 5px;background:linear-gradient(90deg,#1b1818,#575050,#191616)}.mock-product span{font-family:'Playfair Display';font-size:28px}.mock-product small{font-size:9px;letter-spacing:.18em}.floating-tag{position:absolute;background:#fff;border-radius:100px;padding:9px 14px;font-size:10px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.12)}.tag-a{left:25px;top:28px}.tag-b{right:25px;bottom:75px}.announcement-strip{background:var(--plum);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:18px 6vw}.announcement-strip div{display:flex;gap:18px;align-items:center}.announcement-strip span{font-size:13px;opacity:.8}.announcement-strip button{background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer}.section{padding:90px 6vw}.section.light{background:var(--cream)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section h2{font-size:clamp(36px,4vw,58px);margin:0}.section-note{max-width:430px;color:var(--muted);line-height:1.6}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:#fff;padding:10px 16px;border-radius:100px;cursor:pointer}.chip.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{border:1px solid var(--line);background:#fff;border-radius:22px;overflow:hidden;position:relative;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.product-art{height:285px;position:relative;display:grid;place-items:center;overflow:hidden}.product-art:before,.admin-prod:before{content:'';position:absolute;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.38);right:-25px;top:-25px}.product-art .object{position:relative;z-index:1;display:grid;place-items:center;box-shadow:0 25px 40px rgba(30,12,22,.18);font-family:'Playfair Display';text-align:center}.art-1{background:linear-gradient(145deg,#f9dbe5,#f0adbe)}.art-1 .object{width:105px;height:180px;background:linear-gradient(90deg,#cda86e,#f3deb4,#bc8e56);border-radius:25px;color:#5d203a}.art-2{background:linear-gradient(145deg,#eadbf7,#b77ad7)}.art-2 .object{width:140px;height:120px;background:#3f253d;border-radius:65% 65% 45% 45%;color:#fff}.art-3{background:linear-gradient(145deg,#e1f2ee,#86c7b6)}.art-3 .object{width:95px;height:170px;background:linear-gradient(90deg,#f4fff9,#cde8df);border-radius:18px;color:#3c6c60}.art-4{background:linear-gradient(145deg,#f7e0e1,#e9858f)}.art-4 .object{width:95px;height:155px;background:linear-gradient(90deg,#f1b8c0,#8a3756);border-radius:18px 18px 40px 40px;color:#fff}.art-5{background:linear-gradient(145deg,#f4ede5,#d7b38d)}.art-5 .object{width:150px;height:80px;border-radius:50px;background:#1e1b1f;color:#fff}.art-6{background:linear-gradient(145deg,#e7eef8,#8da9cb)}.art-6 .object{width:160px;height:110px;border-radius:20px;background:#dde4f5;color:#374968}.art-7{background:linear-gradient(145deg,#f8edcf,#d9b65f)}.art-7 .object{width:115px;height:165px;border-radius:30px 30px 20px 20px;background:#f4c49d;color:#7b4a31}.art-8{background:linear-gradient(145deg,#f4e5ed,#d894b4)}.art-8 .object{width:140px;height:140px;border-radius:50%;background:#fff0f6;color:#7b3052}.product-info{padding:18px}.product-info small{color:var(--rose);font-weight:700}.product-info h3{font-size:16px;min-height:42px;margin:6px 0 12px}.product-bottom{display:flex;justify-content:space-between;align-items:center}.product-bottom strong{font-size:18px}.add-btn{width:35px;height:35px;border-radius:50%;border:0;background:var(--ink);color:#fff;font-size:20px;cursor:pointer}.center{text-align:center;margin-top:34px}.split-feature{display:grid;grid-template-columns:1fr 1fr;min-height:620px}.feature-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#4a1c35,#e2709a);color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:end}.feature-art h3{font-family:'Playfair Display';font-size:56px;max-width:520px;line-height:1;margin:12px 0}.feature-kicker{font-size:11px;letter-spacing:.2em}.beauty-shape{position:absolute;border-radius:50%}.beauty-shape.one{width:330px;height:330px;background:#f6ccd9;top:-90px;right:-80px}.beauty-shape.two{width:220px;height:350px;background:linear-gradient(#f3d9b1,#c88b50);border-radius:70px;left:50%;top:32%;transform:rotate(18deg)}.feature-copy{padding:80px 8vw;display:flex;flex-direction:column;justify-content:center}.feature-copy h2{font-size:50px}.feature-copy>p{color:var(--muted);line-height:1.7}.step-list{margin:24px 0}.step-list div{display:flex;gap:18px;padding:15px 0;border-top:1px solid var(--line)}.step-list b{color:var(--rose)}.step-list span{display:flex;flex-direction:column}.step-list small{color:var(--muted);margin-top:4px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{height:390px;border-radius:26px;overflow:hidden;position:relative;padding:25px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;box-shadow:var(--shadow)}.portfolio-card:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,11,19,.78),transparent 70%)}.portfolio-card>*{position:relative;z-index:2}.portfolio-card span{font-size:11px;letter-spacing:.15em}.portfolio-card strong{font-family:'Playfair Display';font-size:28px;display:block}.portfolio-card small{opacity:.8}.p1{background:radial-gradient(circle at 70% 20%,#f5dfb6 0 15%,transparent 16%),linear-gradient(145deg,#9d5271,#3e1c2f)}.p2{background:radial-gradient(circle at 35% 30%,#ffe5ef 0 18%,transparent 19%),linear-gradient(145deg,#c4859f,#6c2d49)}.p3{background:radial-gradient(circle at 60% 35%,#f2d29d 0 20%,transparent 21%),linear-gradient(145deg,#74526a,#29212c)}.tracking-section{display:grid;grid-template-columns:1fr .9fr;gap:7vw;align-items:center;padding:100px 8vw;background:var(--ink);color:#fff}.tracking-section h2{font-size:56px}.tracking-section p{color:#cfc2c9;line-height:1.7}.tracking-card{background:#fff;color:var(--ink);border-radius:28px;padding:28px}.tracking-top{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:18px}.tracking-top span,.tracking-top small{font-size:10px;color:var(--muted)}.timeline{padding:20px 0}.timeline div{display:flex;gap:14px;padding:10px 0;position:relative}.timeline div:not(:last-child):after{content:'';position:absolute;width:1px;height:24px;background:var(--line);left:14px;top:38px}.timeline i{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:11px}.timeline .done i{background:var(--green);color:#fff}.timeline .active i{background:var(--rose);color:#fff}.timeline span{display:flex;justify-content:space-between;flex:1}.timeline small{color:var(--muted)}.chat-link{width:100%;border:0;background:var(--rose-soft);color:var(--plum);padding:13px;border-radius:12px;cursor:pointer}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-grid article{border:1px solid var(--line);border-radius:22px;padding:28px}.stars{color:#d99a2b;letter-spacing:.12em}.review-grid p{line-height:1.65}.review-grid strong,.review-grid small{display:block}.review-grid small{color:var(--muted);margin-top:4px}.reseller-section{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;padding:100px 8vw;background:linear-gradient(145deg,#fff0f5,#f8f1eb)}.reseller-section h2{font-size:56px}.reseller-copy p{color:var(--muted);line-height:1.7}.reseller-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.reseller-panel{background:var(--ink);color:#fff;border-radius:30px;padding:28px;box-shadow:var(--shadow)}.panel-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.12em}.stat-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.stat-row div{background:#261f25;padding:18px;border-radius:16px}.stat-row small,.stat-row strong{display:block}.stat-row strong{font-size:28px;margin-top:8px}.mini-chart{height:100px;display:flex;align-items:end;gap:9px;margin:25px 0}.mini-chart span{flex:1;background:linear-gradient(var(--rose),#f2a8c2);border-radius:8px 8px 2px 2px}.reseller-order{display:flex;align-items:center;gap:10px;padding:14px 0;border-top:1px solid #382f36}.reseller-order i{width:8px;height:8px;border-radius:50%;background:#59d69b}.reseller-order span{display:flex;flex-direction:column;flex:1}.reseller-order small{color:#9e949b}.support-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:6vw;align-items:center}.support-grid h2{font-size:52px}.support-grid p{color:var(--muted);line-height:1.7}.mail-card{background:var(--plum);color:#fff;border-radius:28px;padding:35px}.mail-card span{font-size:10px;letter-spacing:.18em}.mail-card h3{font-family:'Playfair Display';font-size:32px}.mail-card p{color:#e2cfd8}.mail-card ul{list-style:none;padding:0;line-height:2}.mail-price{display:flex;gap:12px;align-items:center;margin-top:25px}.mail-price strong{font-family:'Playfair Display';font-size:46px}.mail-price small{opacity:.7}.admin-preview{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center;background:#efe6ea;padding:100px 7vw;overflow:hidden}.admin-preview h2{font-size:54px}.admin-copy p{color:var(--muted);line-height:1.7}.admin-screen{background:#fff;border-radius:22px;box-shadow:var(--shadow);overflow:hidden;transform:rotate(1deg)}.screen-top{height:45px;background:#211a20;color:#fff;display:flex;align-items:center;gap:6px;padding:0 16px}.screen-top div{width:8px;height:8px;border-radius:50%;background:#7a6874}.screen-top span{margin-left:10px;font-size:11px}.screen-body{display:flex;height:360px}.screen-body aside{width:130px;background:#342631;color:#d9c9d1;padding:20px 15px;display:flex;flex-direction:column;gap:20px;font-size:10px}.screen-body aside b{color:#fff}.screen-main{flex:1;padding:25px}.screen-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.screen-stats span{background:#f7f3f5;padding:16px;border-radius:10px}.screen-stats small,.screen-stats b{display:block}.fake-table{margin-top:25px}.fake-table i{display:block;height:38px;border-bottom:1px solid var(--line)}.cta-section{text-align:center;padding:100px 6vw;background:var(--paper)}.cta-section h2{font-size:58px}.cta-section p{color:var(--muted);max-width:670px;margin:0 auto 28px}.cta-section .btn{margin:5px}footer{display:grid;grid-template-columns:1.4fr .7fr .7fr 1.2fr;gap:40px;background:var(--ink);color:#fff;padding:60px 6vw}.footer-brand{display:flex;gap:10px;align-items:flex-start}.footer-brand strong{font-family:'Playfair Display';font-size:24px}.footer-brand small{display:block;font-size:8px;letter-spacing:.2em}.footer-brand .brand-mark{background:linear-gradient(145deg,#fff,#f2c6d5);color:var(--plum)}footer>div:not(:first-child){display:flex;flex-direction:column;gap:10px}footer a,footer button,footer p{color:#bfb3bb;text-decoration:none;background:none;border:0;padding:0;text-align:left;font-size:13px;line-height:1.6;cursor:pointer}footer>div>strong{margin-bottom:8px}.modal{position:fixed;inset:0;z-index:80;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-card{background:#fff;border-radius:28px;padding:32px;width:min(520px,96vw);max-height:90vh;overflow:auto;position:relative;box-shadow:0 30px 100px rgba(0,0,0,.25)}.modal-card.large{width:min(760px,96vw)}.modal-close{position:absolute;right:18px;top:15px;border:0;background:none;font-size:28px;cursor:pointer}.modal-card h3{font-family:'Playfair Display';font-size:34px;margin:5px 0 12px}.modal-card p{color:var(--muted);line-height:1.6}.modal label{display:flex;flex-direction:column;gap:7px;font-size:13px}.modal input,.modal select,.modal textarea,.order-search input,.order-search select,.task-table select,.report-filter input{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff}.modal textarea{min-height:100px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.stack-form{display:flex;flex-direction:column;gap:13px}.form-note{font-size:11px!important}.demo-result{margin-top:18px;background:var(--rose-soft);border-radius:16px;padding:18px}.hidden{display:none}.chat-card{padding:0;overflow:hidden}.chat-card .modal-close{color:#fff}.chat-head{padding:25px;background:var(--plum);color:#fff;display:flex;justify-content:space-between}.chat-head span{display:flex;flex-direction:column}.chat-head small{opacity:.75}.chat-head i{font-size:11px;font-style:normal;color:#87e0b1}.chat-body{padding:25px;min-height:260px;background:#faf7f9}.msg{padding:11px 14px;border-radius:16px;max-width:80%;font-size:13px;margin-bottom:10px}.msg.staff{background:#fff;border:1px solid var(--line)}.msg.client{background:var(--rose);color:#fff;margin-left:auto}.chat-input{display:flex;padding:15px;border-top:1px solid var(--line)}.chat-input input{flex:1;border:0}.chat-input button{border:0;background:var(--ink);color:#fff;padding:8px 15px;border-radius:10px}.chat-card>.form-note{padding:0 20px 15px}.account-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}.account-tabs button{flex:1;border:0;background:none;padding:12px;cursor:pointer}.account-tabs .active{border-bottom:2px solid var(--rose);font-weight:700}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.feature-list span{padding:14px;background:var(--cream);border-radius:12px}.big-search{width:100%;font-size:18px!important;padding:16px!important}.search-hints{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.search-hints span{background:var(--cream);border-radius:50px;padding:8px 12px;font-size:12px}.mock-admin-list{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:20px}.mock-admin-list span{background:var(--cream);padding:12px;border-radius:12px;display:flex;flex-direction:column}.mock-admin-list button{border:1px solid var(--line);background:#fff;border-radius:10px;padding:0 16px}.overlay{position:fixed;inset:0;background:rgba(22,12,18,.55);z-index:60;opacity:0;visibility:hidden;transition:.2s}.overlay.open{opacity:1;visibility:visible}.drawer{position:fixed;right:-430px;top:0;width:min(420px,100vw);height:100vh;background:#fff;z-index:75;box-shadow:-20px 0 60px rgba(0,0,0,.18);transition:.3s;display:flex;flex-direction:column}.drawer.open{right:0}.drawer-head,.drawer-foot{padding:20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.drawer-head button{border:0;background:none;font-size:26px}.cart-items{padding:20px;flex:1;overflow:auto}.empty-cart{text-align:center;color:var(--muted);padding-top:80px}.cart-line{display:grid;grid-template-columns:55px 1fr auto;gap:10px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-thumb{border-radius:10px;background:var(--rose-soft)}.cart-line span{display:flex;flex-direction:column}.cart-line small{color:var(--muted)}.drawer-foot{display:block;border-top:1px solid var(--line)}.drawer-foot>div{display:flex;justify-content:space-between;margin-bottom:14px}.drawer-foot .btn{width:100%}.drawer-foot small{display:block;text-align:center;margin-top:10px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,30px);background:var(--ink);color:#fff;padding:12px 18px;border-radius:100px;font-size:12px;z-index:120;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Dashboard */
.dashboard-page{background:#f6f3f5}.dashboard-shell{display:flex;min-height:calc(100vh - 32px)}.dash-sidebar{width:248px;background:#21171f;color:#fff;padding:22px 15px;display:flex;flex-direction:column;position:fixed;top:32px;bottom:0;z-index:20}.dash-brand{color:#fff;padding:0 10px 22px}.dash-sidebar nav{display:flex;flex-direction:column;gap:5px;overflow:auto}.dash-sidebar nav button{border:0;background:none;color:#bdaeb8;display:grid;grid-template-columns:22px 1fr auto;gap:8px;text-align:left;padding:11px 12px;border-radius:10px;cursor:pointer}.dash-sidebar nav button.active,.dash-sidebar nav button:hover{background:#3a2935;color:#fff}.dash-sidebar nav b{font-size:9px;background:#5a3d50;padding:3px 6px;border-radius:20px}.dash-user{margin-top:auto;border-top:1px solid #3a2b35;padding:18px 8px 0;display:flex;gap:10px;align-items:center}.dash-user>div{width:34px;height:34px;border-radius:50%;background:var(--rose);display:grid;place-items:center;font-size:11px}.dash-user span{display:flex;flex-direction:column}.dash-user small{color:#9e9098}.dash-main{margin-left:248px;flex:1}.dash-header{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 28px;position:sticky;top:32px;z-index:15}.dash-header>div{display:flex;align-items:center;gap:15px}.dash-menu{display:none}.dash-breadcrumb{color:var(--muted);font-size:13px}.view-store{text-decoration:none;color:var(--plum);font-size:13px}.notify{border:0;background:var(--rose-soft);color:var(--rose);width:34px;height:34px;border-radius:50%}.dash-panel{display:none;padding:34px}.dash-panel.active{display:block}.dash-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}.dash-title span{font-size:11px;letter-spacing:.12em;color:var(--rose);text-transform:uppercase}.dash-title h1{font-family:'Playfair Display';font-size:38px;margin:3px 0}.dash-title p{margin:0;color:var(--muted)}.kpi-grid,.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-grid article,.report-kpis article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.kpi-grid span,.report-kpis span{color:var(--muted);font-size:12px}.kpi-grid strong,.report-kpis strong{display:block;font-size:28px;margin:8px 0}.kpi-grid small{color:var(--muted)}.up{color:var(--green)!important}.warn,.warn-text{color:var(--amber)!important}.dash-two{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin:14px 0}.dash-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center}.card-head span,.card-head strong{display:block}.card-head span{font-size:11px;color:var(--muted)}.card-head select{border:1px solid var(--line);border-radius:8px;padding:8px}.text-btn{border:0;background:none;color:var(--rose);cursor:pointer}.revenue-chart{height:190px;display:flex;align-items:end;gap:10px;border-bottom:1px solid var(--line);margin:18px 0}.revenue-chart div{flex:1;background:linear-gradient(var(--rose2),var(--rose));border-radius:8px 8px 0 0;position:relative}.revenue-chart span{position:absolute;bottom:-20px;left:50%;font-size:10px;color:var(--muted)}.chart-total{display:flex;justify-content:space-between;align-items:end;margin-top:28px}.chart-total span{color:var(--muted);font-size:12px}.chart-total strong{font-size:26px}.workload{margin-top:20px}.workload div{display:grid;grid-template-columns:1fr auto;gap:8px;margin:15px 0}.workload span{font-size:12px}.workload i{grid-column:1/3;height:7px;background:#f2edf0;border-radius:10px;overflow:hidden}.workload em{display:block;height:100%;background:var(--rose);border-radius:10px}.data-table,.task-table,.ticket-list{margin-top:16px;overflow:auto}.data-table>div,.task-table>div,.ticket-list>div{display:grid;grid-template-columns:1.2fr 1.2fr .8fr .9fr 1fr 1fr;gap:12px;align-items:center;padding:13px 8px;border-top:1px solid var(--line);min-width:800px;font-size:12px}.data-table .t-head,.task-table .t-head,.ticket-list .t-head{color:var(--muted);font-size:10px;text-transform:uppercase}.data-table span,.task-table span,.ticket-list span{display:flex;flex-direction:column}.data-table small,.task-table small,.ticket-list small{color:var(--muted)}.status{font-style:normal;font-size:10px;padding:5px 8px;border-radius:100px;background:#eee8ec;white-space:nowrap}.status.good{background:#e4f4ea;color:var(--green)}.status.active{background:#fbe4ed;color:#9b3158}.status.warn{background:#fff0d8;color:var(--amber)}.order-layout{display:grid;grid-template-columns:340px 1fr;gap:14px}.order-list{padding:0;overflow:hidden}.order-search{padding:14px;display:flex;gap:8px}.order-search input{min-width:0;flex:1}.order-row{width:100%;border:0;border-top:1px solid var(--line);background:#fff;text-align:left;padding:16px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.order-row.active{background:var(--rose-soft)}.order-row span{display:flex;justify-content:space-between}.order-row small{color:var(--muted)}.order-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.order-meta span{background:var(--cream);padding:12px;border-radius:10px;display:flex;flex-direction:column}.order-meta small{color:var(--muted)}.admin-chat{background:#faf7f9;padding:15px;border-radius:14px;min-height:240px}.admin-chat-input{display:flex;margin-top:10px}.admin-chat-input input{flex:1;border:1px solid var(--line);border-radius:10px 0 0 10px;padding:12px}.admin-chat-input button{border:0;background:var(--ink);color:#fff;border-radius:0 10px 10px 0;padding:0 16px}.kanban{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.kanban>div{background:#eee9ec;border-radius:16px;padding:12px}.kanban h3{font-size:13px;display:flex;justify-content:space-between}.kanban article{background:#fff;border-radius:12px;padding:14px;margin-top:10px;display:flex;flex-direction:column;gap:5px}.kanban article span,.kanban article small{font-size:11px;color:var(--muted)}.kanban article button,.task-table button,.ticket-list button{border:0;background:var(--rose-soft);color:var(--plum);padding:8px;border-radius:8px;margin-top:7px}.product-admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product-admin-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:7px}.admin-prod{height:180px;border-radius:12px;position:relative;overflow:hidden}.ap1{background:linear-gradient(145deg,#f9dbe5,#c9a675)}.ap2{background:linear-gradient(145deg,#d9b5e7,#55324e)}.ap3{background:linear-gradient(145deg,#f0ced4,#c17383)}.product-admin-grid span,.product-admin-grid small{font-size:11px;color:var(--muted)}.product-admin-grid button{border:0;background:var(--ink);color:#fff;padding:9px;border-radius:8px}.add-product{display:grid!important;place-items:center;text-align:center;cursor:pointer;min-height:258px}.add-product b{font-size:36px;color:var(--rose)}.payment-grid,.moderation-grid,.announcement-admin{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.payment-grid article>span{font-size:11px;color:var(--rose)}.payment-grid h3{margin:6px 0}.payment-grid p{color:var(--muted)}.proof-placeholder{height:150px;background:repeating-linear-gradient(45deg,#f5f0f3,#f5f0f3 10px,#eee7eb 10px,#eee7eb 20px);display:grid;place-items:center;text-align:center;border-radius:10px;color:#9e8f98;margin:12px 0}.payment-grid article>strong{font-size:24px;display:block;margin-bottom:12px}.approve,.query,.reject{border:0;padding:8px 11px;border-radius:8px;cursor:pointer}.approve{background:#e4f4ea;color:var(--green)}.query{background:#fff0d8;color:var(--amber)}.reject{background:#f8e5e5;color:#a43a3a}.moderation-grid article>small{display:block;color:var(--muted);margin:4px 0 14px}.announcement-admin article{position:relative}.announcement-admin article h3{font-family:'Playfair Display';font-size:25px}.announcement-admin article p,.announcement-admin article small{color:var(--muted)}.announcement-admin article button{display:block;margin-top:15px;border:0;background:var(--cream);padding:9px 12px;border-radius:8px}.report-filter{display:flex;gap:7px;align-items:center}.report-filter button{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:10px}.report-kpis{margin-bottom:14px}.report-bars{height:300px;display:flex;align-items:end;gap:20px;padding:20px}.report-bars>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:center}.report-bars span{width:70%;background:linear-gradient(var(--rose2),var(--rose));border-radius:8px 8px 0 0}.report-bars small{text-align:center;color:var(--muted);margin-top:8px}.staff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.staff-grid article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px}.staff-grid article>div{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--rose-soft);color:var(--rose);font-weight:700}.staff-grid span,.staff-grid small{color:var(--muted);font-size:12px}
@media(max-width:1000px){.site-header{position:sticky;overflow:visible}.main-nav{display:flex;position:fixed;top:114px;left:0;right:0;margin:0;padding:10px 20px 18px;background:#fffdfc;border-top:1px solid var(--line);border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(51,22,37,.18);flex-direction:column;gap:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px);max-height:0;overflow:hidden;transition:opacity .2s ease,transform .2s ease,max-height .25s ease,visibility .2s ease}.main-nav.open{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;max-height:calc(100vh - 114px)!important;overflow-y:auto}.main-nav a{display:block;padding:15px 4px;border-bottom:1px solid var(--line);font-size:15px;background:#fffdfc}.main-nav a:last-child{border-bottom:0}.nav-toggle{display:block;margin-left:auto;min-width:42px;height:42px;border-radius:50%;font-size:25px;line-height:1;position:relative;z-index:1000}.nav-toggle.open{background:var(--rose-soft);color:var(--plum)}.header-actions{margin-left:10px}.hero{grid-template-columns:1fr;padding-top:50px}.hero-visual{height:450px}.product-grid{grid-template-columns:repeat(2,1fr)}.split-feature,.tracking-section,.reseller-section,.admin-preview,.support-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}.dashboard-shell{display:block}.dash-sidebar{transform:translateX(-100%);transition:.25s}.dash-sidebar.open{transform:translateX(0)}.dash-main{margin-left:0}.dash-menu{display:block;border:0;background:none;font-size:22px}.dash-two{grid-template-columns:1fr}.kpi-grid,.report-kpis{grid-template-columns:repeat(2,1fr)}.product-admin-grid{grid-template-columns:repeat(2,1fr)}.order-layout{grid-template-columns:1fr}.kanban{grid-template-columns:1fr}.dash-header{top:32px}.dash-title{align-items:flex-start;flex-direction:column}.report-filter{flex-wrap:wrap}.staff-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.site-header{padding:0 18px}.brand strong{font-size:18px}.header-actions .icon-btn{display:none}.hero{padding:45px 20px 55px}.hero-meta{gap:15px}.hero-visual{height:380px}.hero-card-main{right:20px}.mini-card{width:180px;height:150px}.mock-product.bottle{height:245px;width:130px}.section{padding:65px 20px}.section-head{align-items:flex-start;flex-direction:column}.product-grid{grid-template-columns:1fr}.split-feature{display:block}.feature-art{min-height:500px;padding:30px}.feature-art h3{font-size:40px}.feature-copy{padding:60px 20px}.feature-copy h2,.tracking-section h2,.reseller-section h2,.admin-preview h2,.support-grid h2,.cta-section h2{font-size:40px}.portfolio-grid{grid-template-columns:1fr}.tracking-section,.reseller-section,.admin-preview{padding:65px 20px}.tracking-top{align-items:flex-start;flex-direction:column;gap:5px}.timeline span{flex-direction:column}.support-grid{gap:30px}.reseller-points{grid-template-columns:1fr}.admin-screen{display:none}.cta-section{padding:70px 20px}footer{grid-template-columns:1fr 1fr;padding:50px 20px}.form-grid,.feature-list{grid-template-columns:1fr}.modal-card{padding:25px 20px}.announcement-strip{align-items:flex-start;gap:10px}.announcement-strip div{flex-direction:column;gap:3px}.kpi-grid,.report-kpis,.product-admin-grid,.payment-grid,.moderation-grid,.announcement-admin,.staff-grid{grid-template-columns:1fr}.dash-panel{padding:20px}.dash-title h1{font-size:31px}.dash-header{padding:0 14px}.dash-breadcrumb{display:none}.order-meta{grid-template-columns:1fr}.report-bars{gap:7px;padding:10px}.report-bars span{width:85%}.prototype-bar{font-size:8px}footer{grid-template-columns:1fr}.dash-sidebar{top:32px}.screen-body{height:300px}}


/* Robust mobile navigation: detached from sticky/backdrop-filter header */
.mobile-nav-panel{display:none}
@media(max-width:1000px){
  .site-header .main-nav{display:none!important}
  .mobile-nav-panel{
    display:none;
    position:fixed;
    left:0;
    right:0;
    width:100%;
    padding:10px 20px 18px;
    margin:0;
    background:#fffdfc;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    box-shadow:0 18px 35px rgba(51,22,37,.18);
    z-index:10000;
    flex-direction:column;
    gap:0;
    max-height:calc(100vh - 82px);
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
  }
  .mobile-nav-panel.open{display:flex!important}
  .mobile-nav-panel a{
    display:block!important;
    padding:16px 4px;
    border-bottom:1px solid var(--line);
    background:#fffdfc;
    color:var(--ink);
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    line-height:1.3;
  }
  .mobile-nav-panel a:last-child{border-bottom:0}
  body.mobile-nav-open{overflow:hidden}
}
@media(min-width:1001px){
  .mobile-nav-panel{display:none!important}
}