:root{--primary:#6d28d9;--accent:#f97316;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f7f8fb;--success:#15803d;--danger:#b91c1c;--warning:#b45309;--radius:18px;--shadow:0 14px 40px rgba(15,23,42,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 32px));margin:auto}.muted{color:var(--muted)}.small{font-size:.88rem}.tiny{font-size:.75rem}.text-right{text-align:right}.full{width:100%}.mt{margin-top:18px}.mb{margin-bottom:18px}.hidden{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:12px;border:1px solid var(--line);background:#fff;color:var(--ink);font-weight:750;cursor:pointer;transition:.2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px rgba(15,23,42,.08)}.btn.primary{background:var(--primary);border-color:var(--primary);color:white}.btn.accent{background:var(--accent);border-color:var(--accent);color:white}.btn.danger{background:#fff1f2;color:var(--danger);border-color:#fecdd3}.btn.sm{padding:8px 11px;font-size:.86rem}.btn.ghost{background:transparent}.actions{display:flex;gap:8px;flex-wrap:wrap}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:.78rem;font-weight:800}.badge.pending{background:#fff7ed;color:#c2410c}.badge.paid,.badge.delivered,.badge.active,.badge.published{background:#ecfdf5;color:#047857}.badge.cancelled,.badge.failed,.badge.archived{background:#fef2f2;color:#b91c1c}.badge.processing,.badge.shipped,.badge.packed{background:#eff6ff;color:#1d4ed8}.badge.draft{background:#f3f4f6;color:#4b5563}
.alert{padding:13px 15px;border-radius:13px;margin-bottom:15px;border:1px solid}.alert.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.alert.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}.alert.warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.alert.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.87rem;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #d9dee7;border-radius:12px;padding:11px 13px;background:#fff;color:var(--ink);outline:none}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 15%,transparent)}.check{display:flex;align-items:center;gap:9px;font-weight:700}.check input{width:18px;height:18px}.help{color:var(--muted);font-size:.8rem}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:18px}.section-title h1,.section-title h2{margin:0}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 5px 20px rgba(15,23,42,.035)}.card h3{margin:0 0 12px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}
.auth-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 15% 5%,#ede9fe 0,transparent 32%),radial-gradient(circle at 90% 95%,#ffedd5 0,transparent 28%),#f8fafc;padding:24px}.auth-card{width:min(460px,100%);background:white;padding:30px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.auth-card.wide{width:min(650px,100%)}.auth-card h1{margin:8px 0}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,var(--primary),#8b5cf6);color:white;font-weight:900;font-size:1.4rem}.auth-links{display:flex;justify-content:space-between;margin-top:17px;font-size:.9rem}.auth-links a{color:var(--primary);font-weight:750}
.public-nav{height:74px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(255,255,255,.88);backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.public-nav .inner{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-weight:900;font-size:1.12rem}.brand-logo{width:39px;height:39px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#8b5cf6);display:grid;place-items:center;color:white}.nav-links{display:flex;align-items:center;gap:18px;font-weight:700}.hero{padding:82px 0;background:radial-gradient(circle at 15% 20%,#ede9fe 0,transparent 33%),radial-gradient(circle at 90% 60%,#ffedd5 0,transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:900;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em}.hero h1{font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.02;margin:16px 0}.hero p{font-size:1.12rem;line-height:1.75;color:#4b5563}.hero-panel{border-radius:28px;background:#111827;padding:20px;box-shadow:0 30px 80px rgba(17,24,39,.2);transform:rotate(1deg)}.mockbar{display:flex;gap:6px;margin-bottom:14px}.mockbar i{width:10px;height:10px;border-radius:50%;background:#f87171}.mockbar i:nth-child(2){background:#fbbf24}.mockbar i:nth-child(3){background:#34d399}.mock{background:#f8fafc;border-radius:19px;padding:20px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mock-stat{padding:13px;background:#fff;border:1px solid var(--line);border-radius:13px}.mock-stat b{display:block;font-size:1.2rem}.feature-section{padding:78px 0}.feature-card{padding:24px;border-radius:20px;border:1px solid var(--line);background:#fff}.feature-icon{width:45px;height:45px;border-radius:14px;background:#ede9fe;color:var(--primary);display:grid;place-items:center;font-size:1.3rem}.feature-card h3{margin:15px 0 8px}.feature-card p{color:var(--muted);line-height:1.65}.pricing{padding:78px 0;background:var(--soft)}.price-card{position:relative}.price{font-size:2.1rem;font-weight:900}.price small{font-size:.9rem;color:var(--muted)}.list-clean{list-style:none;padding:0;margin:18px 0}.list-clean li{padding:8px 0;border-bottom:1px dashed var(--line)}.footer{padding:34px 0;border-top:1px solid var(--line);color:var(--muted)}
.app-shell{min-height:100vh;background:#f6f7fb}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#111827;color:#e5e7eb;padding:22px 15px;z-index:30}.side-brand{display:flex;align-items:center;gap:10px;padding:0 10px 22px;font-size:1.15rem;font-weight:900}.side-brand .brand-logo{background:linear-gradient(135deg,#8b5cf6,#f97316)}.side-store{background:#1f2937;border-radius:13px;padding:13px;margin-bottom:18px}.side-store b{display:block}.side-nav{display:grid;gap:5px}.side-nav a{padding:11px 12px;border-radius:10px;color:#cbd5e1;font-weight:700;font-size:.92rem}.side-nav a:hover,.side-nav a.active{background:#312e81;color:white}.app-main{margin-left:250px;min-height:100vh}.topbar{height:72px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:15}.main-content{padding:28px}.mobile-menu{display:none}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card{background:white;border:1px solid var(--line);border-radius:17px;padding:18px}.stat-card span{display:block;color:var(--muted);font-size:.85rem;font-weight:700}.stat-card b{display:block;font-size:1.8rem;margin-top:7px}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse;min-width:720px}.table th,.table td{text-align:left;padding:13px 11px;border-bottom:1px solid var(--line);vertical-align:middle}.table th{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.thumb{width:54px;height:54px;object-fit:cover;border-radius:11px;border:1px solid var(--line)}.product-cell{display:flex;align-items:center;gap:11px}.empty{text-align:center;padding:45px 20px;color:var(--muted)}.chart-box{height:260px;display:flex;align-items:flex-end;gap:7px;padding-top:20px}.bar{flex:1;background:linear-gradient(180deg,#8b5cf6,#6d28d9);border-radius:7px 7px 2px 2px;min-height:4px;position:relative}.bar:hover:after{content:attr(data-label);position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:#111827;color:white;padding:5px 7px;border-radius:7px;font-size:.7rem;white-space:nowrap}.split{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.order-summary{display:grid;gap:10px}.summary-line{display:flex;justify-content:space-between;gap:15px}.summary-line.total{font-size:1.15rem;font-weight:900;border-top:1px solid var(--line);padding-top:12px}
.store-body{background:#fff;--store-primary:var(--primary);--store-accent:var(--accent)}.store-nav{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:white;position:sticky;top:0;z-index:20}.store-nav .inner{display:flex;align-items:center;justify-content:space-between}.store-logo{width:42px;height:42px;border-radius:13px;object-fit:cover}.cart-pill{display:inline-flex;align-items:center;gap:7px;background:var(--store-primary);color:#fff;padding:10px 14px;border-radius:999px;font-weight:800}.store-hero{padding:70px 0;background:linear-gradient(135deg,color-mix(in srgb,var(--store-primary) 9%,white),color-mix(in srgb,var(--store-accent) 10%,white))}.store-hero-grid{display:grid;grid-template-columns:1fr .85fr;gap:40px;align-items:center}.store-hero h1{font-size:clamp(2.3rem,4.5vw,4.2rem);line-height:1.05;margin:12px 0}.store-hero p{color:#4b5563;line-height:1.7;font-size:1.07rem}.hero-store-img{height:400px;width:100%;object-fit:cover;border-radius:28px;box-shadow:var(--shadow)}.products-section{padding:60px 0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:white;transition:.2s}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.product-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.product-card-body{padding:15px}.product-card h3{margin:0 0 7px;font-size:1rem}.product-price{font-size:1.12rem;font-weight:900;color:var(--store-primary)}.old-price{text-decoration:line-through;color:var(--muted);font-size:.82rem}.product-detail{padding:55px 0}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.product-main-image{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:24px}.product-detail h1{font-size:clamp(2rem,4vw,3.4rem);margin:10px 0}.qty-input{width:80px!important}.prose{line-height:1.8;color:#374151}.cart-layout,.checkout-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:22px;padding:45px 0}.cart-row{display:grid;grid-template-columns:76px 1fr 90px 110px;gap:13px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.cart-row img{width:76px;height:76px;border-radius:13px;object-fit:cover}.sales-hero{padding:75px 0;text-align:center;background:linear-gradient(135deg,color-mix(in srgb,var(--store-primary) 10%,white),white)}.sales-hero h1{font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;margin:15px auto;max-width:900px}.sales-hero p{font-size:1.15rem;color:#4b5563;max-width:720px;margin:auto;line-height:1.7}.benefits{padding:60px 0}.benefit{display:flex;gap:12px;padding:18px;border:1px solid var(--line);border-radius:16px}.benefit i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-style:normal;font-weight:900;flex:0 0 auto}.testimonial{padding:45px;text-align:center;background:#111827;color:white;border-radius:25px;margin:35px auto}.success-box{width:min(720px,calc(100% - 32px));margin:60px auto;padding:30px;border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow);background:white}
@media(max-width:980px){.grid.four,.stats{grid-template-columns:repeat(2,1fr)}.grid.three,.product-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.store-hero-grid,.product-detail-grid,.cart-layout,.checkout-layout,.split{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.app-main{margin-left:0}.mobile-menu{display:inline-flex}.main-content{padding:20px}.hero-panel{transform:none}.hero-store-img{height:300px}}
@media(max-width:650px){.container{width:min(100% - 22px,1160px)}.nav-links a:not(.btn){display:none}.hero{padding:55px 0}.hero h1{font-size:2.6rem}.grid.two,.grid.three,.grid.four,.stats,.product-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.auth-card{padding:22px}.topbar{padding:0 14px}.main-content{padding:14px}.section-title{align-items:flex-start;flex-direction:column}.cart-row{grid-template-columns:62px 1fr}.cart-row img{width:62px;height:62px}.cart-row .qty,.cart-row .line-total{grid-column:2}.store-hero{padding:45px 0}.product-detail{padding:30px 0}.success-box{margin:25px auto;padding:21px}}