:root{--bg:#f6f8fb;--ink:#101828;--soft-ink:#475467;--primary:#0a66ff;--primary-2:#27d6b5;--card:#ffffff;--line:#d0d5dd;--radius:16px}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Avenir Next,sans-serif;color:var(--ink);background:radial-gradient(circle at 15% 0,rgba(39,214,181,.24),transparent 32%),radial-gradient(circle at 90% 30%,rgba(10,102,255,.18),transparent 35%),var(--bg)}a{color:inherit;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:1rem}.site-footer{text-align:center;color:#667085;font-size:.9rem;font-weight:700;padding:.5rem 1rem 1.25rem}.topbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem;border-bottom:1px solid rgba(16,24,40,.08);background:rgba(255,255,255,.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:30}.topbar nav{display:flex;gap:.8rem;font-weight:700;font-size:.95rem}.brand{font-size:1.1rem;font-weight:900;letter-spacing:-.02em}.card{background:var(--card);border-radius:var(--radius);border:1px solid rgba(16,24,40,.08);box-shadow:0 10px 26px rgba(16,24,40,.05);padding:1rem}.hero{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:1rem;gap:1rem;margin-top:1rem}.hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.04;margin:0}.hero p{color:var(--soft-ink)}.hero-main{position:relative;overflow:hidden}.hero-main:after{content:"";position:absolute;inset:auto -25% -45% auto;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(39,214,181,.33),rgba(39,214,181,0));pointer-events:none}.pill-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.65rem}.pill{display:inline-block;padding:.22rem .6rem;border-radius:999px;border:1px solid rgba(16,24,40,.12);background:rgba(236,243,255,.9);font-size:.78rem;font-weight:800}.price-row{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.9rem}.price-row span{padding:.35rem .6rem;border-radius:10px;background:#f3f5f9;border:1px solid rgba(16,24,40,.08);font-weight:800;font-size:.92rem}.vibe-card{background:linear-gradient(140deg,rgba(39,214,181,.13),rgba(10,102,255,.11)),#ffffff}.vibe-list{margin:0;padding-left:1.1rem;color:var(--soft-ink)}.vibe-list li{margin-bottom:.5rem}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.gallery-card{margin:0;border:1px solid rgba(16,24,40,.08);border-radius:14px;overflow:hidden;background:#fff}.gallery-photo{width:100%;height:230px;object-fit:cover;display:block}.gallery-photo-wrap{position:relative}.diecut{position:absolute;display:inline-block;padding:.34rem .66rem;border:5px solid #fff;box-shadow:0 10px 20px rgba(16,24,40,.28);font-size:.73rem;font-weight:900;letter-spacing:.02em;color:#101828;text-transform:uppercase}.shape-a{background:linear-gradient(135deg,#ffd65a,#ff9256);-webkit-clip-path:polygon(5% 22%,24% 6%,56% 10%,88% 0,100% 33%,91% 80%,58% 100%,15% 92%,0 65%);clip-path:polygon(5% 22%,24% 6%,56% 10%,88% 0,100% 33%,91% 80%,58% 100%,15% 92%,0 65%)}.shape-b{background:linear-gradient(135deg,#97f7e5,#58d6ff);-webkit-clip-path:polygon(0 20%,14% 0,60% 6%,100% 18%,100% 79%,82% 100%,33% 94%,6% 100%,0 72%);clip-path:polygon(0 20%,14% 0,60% 6%,100% 18%,100% 79%,82% 100%,33% 94%,6% 100%,0 72%)}.shape-c{background:linear-gradient(135deg,#fbb6ff,#6aa7ff);-webkit-clip-path:polygon(0 34%,20% 0,74% 2%,100% 28%,98% 76%,70% 100%,18% 96%,0 70%);clip-path:polygon(0 34%,20% 0,74% 2%,100% 28%,98% 76%,70% 100%,18% 96%,0 70%)}.shape-d{background:linear-gradient(135deg,#c7ff7f,#4bdf7e);-webkit-clip-path:polygon(0 26%,19% 4%,62% 0,100% 20%,94% 72%,75% 100%,21% 94%,0 64%);clip-path:polygon(0 26%,19% 4%,62% 0,100% 20%,94% 72%,75% 100%,21% 94%,0 64%)}.p1{top:12px;left:16px;transform:rotate(-12deg)}.p2{bottom:14px;right:12px;transform:rotate(10deg)}.p3{top:14px;right:10px;transform:rotate(6deg)}.p4{bottom:14px;left:14px;transform:rotate(-10deg)}.p5{top:12px;left:16px;transform:rotate(-7deg)}.p6{bottom:14px;right:14px;transform:rotate(9deg)}.p7{top:14px;right:16px;transform:rotate(8deg)}.p8{bottom:14px;left:14px;transform:rotate(-11deg)}.mock-sticker{position:absolute;display:inline-block;padding:.26rem .48rem;border-radius:10px;background:#ffffff;border:1px solid rgba(16,24,40,.15);box-shadow:0 7px 18px rgba(16,24,40,.2);font-size:.74rem;font-weight:900;letter-spacing:.01em}.mock-sticker.s1{top:12px;left:14px;transform:rotate(-11deg)}.mock-sticker.s2{bottom:14px;right:12px;transform:rotate(9deg)}.mock-sticker.s3{top:14px;right:12px;transform:rotate(7deg)}.mock-sticker.s4{bottom:14px;left:14px;transform:rotate(-9deg)}.mock-sticker.s5{top:12px;left:16px;transform:rotate(-6deg)}.mock-sticker.s6{bottom:12px;right:16px;transform:rotate(10deg)}.gallery-card figcaption{padding:.55rem .65rem .7rem;font-size:.9rem;font-weight:800}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}button,input,select,textarea{font:inherit}label{font-size:.95rem;font-weight:700}input,select,textarea{width:100%;margin-top:.35rem;border:1px solid var(--line);border-radius:12px;padding:.65rem .8rem;background:#fff}.btn,button{border:none;border-radius:12px;padding:.68rem 1rem;font-weight:800;cursor:pointer}.btn,button.primary{color:#fff;background:linear-gradient(90deg,var(--primary),#2a83ff)}button.secondary{color:var(--ink);background:#ecf3ff}.ghost-btn{border:1px solid var(--line);background:#fff;padding:.68rem 1rem;border-radius:12px}.ghost-btn,.status{display:inline-block;font-weight:800}.status{padding:.2rem .55rem;border-radius:999px;font-size:.8rem;background:#ecf3ff}.files-preview{display:grid;grid-gap:.5rem;gap:.5rem}.order-card{max-width:1080px;margin:0 auto}.file-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;grid-gap:.5rem;gap:.5rem;align-items:center}.file-row-card{padding:.65rem;border:1px solid rgba(16,24,40,.08);border-radius:12px;background:#fff}.file-preview-row{display:flex;align-items:center;gap:.6rem}.file-title-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.file-remove-btn{border:1px solid #fda29b;background:#fee4e2;color:#b42318;border-radius:999px;width:28px;height:28px;display:grid;place-items:center;padding:0;font-size:1.1rem;line-height:1;font-weight:900}.file-preview-placeholder,.file-preview-thumb{width:54px;height:54px;border-radius:10px;border:1px solid rgba(16,24,40,.12);background:#f3f6fb;display:grid;place-items:center;font-size:.8rem;font-weight:800;color:#667085;flex-shrink:0}.file-preview-thumb{object-fit:cover}.upload-progress{margin-top:.4rem;height:8px;width:100%;background:#e8edf5;border-radius:999px;overflow:hidden}.upload-progress-bar{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),#2a83ff);transition:width .15s ease}.qty-stepper{display:grid;grid-template-columns:40px 84px 40px;align-items:center;grid-gap:.35rem;gap:.35rem}.qty-stepper input{margin-top:0;text-align:center;min-width:84px;padding-inline:.45rem}.qty-btn{padding:.5rem 0;line-height:1;font-size:1rem}.file-row>div{min-width:0}.file-row strong{display:block;overflow-wrap:anywhere;word-break:break-word}.order-items-grid{display:grid;grid-gap:.6rem;gap:.6rem}.order-item-row{display:flex;align-items:center;gap:.65rem}.order-item-thumb{width:56px;height:56px;border-radius:10px;object-fit:cover;border:1px solid rgba(16,24,40,.12);background:#fff}.order-card-order-received{background:#f5f8ff;border-color:#c7d7f7}.order-card-payment-received{background:#eefcf3;border-color:#bfe9cc}.order-card-order-processing{background:#fff8e8;border-color:#f1d7a0}.order-card-out-for-delivery{background:#f2efff;border-color:#d0c4f4}.order-card-completed{background:#fff7da;border-color:#f2d27a}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;border-bottom:1px solid #eef2f7;padding:.55rem}.traffic-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.65rem;gap:.65rem}.traffic-kpis>div{border:1px solid rgba(16,24,40,.08);border-radius:12px;padding:.7rem .75rem;background:#f8fbff}.traffic-kpis strong{display:block;font-size:1.15rem}.traffic-kpis span{color:#667085;font-size:.85rem;font-weight:700}@media (max-width:860px){.file-row,.gallery-grid,.grid.three,.grid.two,.hero{grid-template-columns:1fr}.topbar{flex-wrap:wrap}.traffic-kpis{grid-template-columns:1fr}}@media (max-width:560px){main{padding:.65rem}.topbar{padding:.65rem .75rem;gap:.5rem}.topbar nav{gap:.55rem;font-size:.88rem}.qty-stepper{grid-template-columns:36px minmax(68px,1fr) 36px}.qty-stepper input{min-width:68px}}