:root{--primary:#5b5bd6;--primary-dark:#4848bd;--bg:#f5f6fa;--surface:#fff;--text:#17171c;--muted:#6d6e7b;--border:#e5e6ed;--danger:#c73b45;--success:#148352;--warning:#b97014;--shadow:0 14px 45px rgba(24,24,45,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text)}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}small{color:var(--muted);display:block}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:11px;padding:10px 16px;font-weight:750;line-height:1.15;transition:.18s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);color:#fff}.btn-light{background:#fff;border-color:var(--border);color:var(--text)}.btn-light:hover{border-color:#cfd0dc;color:var(--text)}.btn-danger{background:#fff1f2;border-color:#ffd5d9;color:var(--danger)}.btn-sm{font-size:13px;padding:8px 11px}.btn-lg{padding:14px 20px;font-size:16px}.btn-block{width:100%}.actions,.inline-form,.top-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.alert{max-width:1240px;margin:16px auto;padding:13px 16px;border-radius:12px;border:1px solid}.alert-success{background:#eefbf4;border-color:#c8efd9;color:#176d43}.alert-error{background:#fff1f2;border-color:#ffd4d8;color:#9e2933}.alert-warning{background:#fff8e8;border-color:#f6dfad;color:#8b5a0d}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:800;text-transform:capitalize;background:#eff0f5;color:#555768;white-space:nowrap}.badge-active,.badge-completed,.badge-paid,.badge-resolved{background:#e8f8ef;color:#187345}.badge-pending,.badge-processing,.badge-reviewing,.badge-partially_refunded,.badge-draft{background:#fff5dc;color:#8a5a00}.badge-suspended,.badge-cancelled,.badge-refunded,.badge-open{background:#fff0f1;color:#a02c37}.badge-archived,.badge-closed,.badge-dismissed{background:#eef0f3;color:#5d5f68}.text-danger{color:var(--danger)!important}.text-success{color:var(--success)!important}
/* App shell */.app-body{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:255px;background:#12121a;color:#f3f3f7;padding:20px 16px;display:flex;flex-direction:column;z-index:50}.side-brand{display:flex;align-items:center;gap:10px;color:inherit;font-size:18px;font-weight:850;letter-spacing:-.3px}.side-brand:hover{color:inherit}.brand-mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#7777ff,#ad65e8);display:grid;place-items:center;color:#fff;font-weight:900}.nav-label{margin:25px 10px 8px;color:#77798a;font-size:10px;font-weight:850;letter-spacing:1.2px;text-transform:uppercase}.side-nav{display:flex;flex-direction:column;gap:3px}.side-nav a{padding:10px 12px;color:#bdbdca;border-radius:9px;font-size:14px;font-weight:650}.side-nav a:hover,.side-nav a.active{background:#242431;color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #292936;padding:16px 6px 0}.user-mini{margin-bottom:10px}.user-mini strong,.user-mini small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini small{font-size:11px;margin-top:3px}.link-btn{border:0;background:transparent;color:#aaaaba;padding:0;font-size:13px}.link-btn:hover{color:#fff}.app-shell{margin-left:255px;min-height:100vh}.topbar{height:70px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px;position:sticky;top:0;z-index:30}.topbar>div:first-of-type strong,.topbar>div:first-of-type small{display:block}.topbar small{font-size:11px;margin-top:2px}.menu-toggle{display:none;border:0;background:transparent;font-size:24px}.main-content{max-width:1440px;margin:0 auto;padding:28px}.page-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.page-heading h1{font-size:28px;letter-spacing:-.8px;margin-bottom:6px}.page-heading p{color:var(--muted);margin:0;max-width:650px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 4px 18px rgba(30,30,55,.025)}.panel+.panel{margin-top:18px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:17px}.panel-head h2{font-size:17px;margin:0}.panel-head p{color:var(--muted);font-size:13px;margin:4px 0 0}.subhead{margin-top:28px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:15px;padding:18px;min-height:120px}.stat-card span,.stat-card small{color:var(--muted);font-size:12px}.stat-card strong{display:block;font-size:25px;margin:12px 0 7px;letter-spacing:-.5px}.content-grid{display:grid;gap:18px;margin-bottom:18px}.two-one{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.one-two{grid-template-columns:minmax(280px,1fr) minmax(0,2fr)}.status-card{display:flex;justify-content:space-between;align-items:center;background:#171722;color:#fff;border-radius:15px;padding:17px 20px;margin-bottom:18px}.status-card p{margin:4px 0 0;color:#a9a9b8;font-size:12px}.status-dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px}.status-dot.online{background:#36d882;box-shadow:0 0 0 5px rgba(54,216,130,.12)}.status-dot.offline{background:#f39855}.announcement{display:flex;align-items:flex-start;gap:14px;background:#edeefe;border:1px solid #d9dbff;color:#353592;padding:14px 17px;border-radius:14px;margin-bottom:18px}.announcement strong{white-space:nowrap}.announcement span{font-size:13px}.quick-list{display:flex;flex-direction:column}.quick-list a{padding:13px 0;border-bottom:1px solid var(--border);color:var(--text)}.quick-list a:last-child{border-bottom:0}.quick-list strong,.quick-list span{display:block}.quick-list span{color:var(--muted);font-size:12px;margin-top:3px}.empty-state{text-align:center;padding:40px 18px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);font-size:16px;margin-bottom:5px}.empty-state .btn{margin-top:10px}
/* Forms */.form-stack{display:flex;flex-direction:column;gap:16px}.form-stack.compact{gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid .full{grid-column:1/-1}label{font-size:13px;font-weight:720;color:#3c3d48;display:block}input,select,textarea{width:100%;margin-top:7px;border:1px solid #d9dae3;background:#fff;color:var(--text);border-radius:10px;padding:11px 12px;outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#8585e9;box-shadow:0 0 0 3px rgba(91,91,214,.11)}textarea{resize:vertical;line-height:1.5}.input-prefix{display:flex;margin-top:7px}.input-prefix span{display:flex;align-items:center;padding:0 11px;background:#f1f2f6;border:1px solid #d9dae3;border-right:0;border-radius:10px 0 0 10px;color:#757683;font-size:12px}.input-prefix input{margin:0;border-radius:0 10px 10px 0}.checkbox-list{display:flex;flex-direction:column;gap:11px;margin-top:16px}.checkbox-list label,.checkbox-inline{display:flex;align-items:center;gap:8px}.checkbox-list input,.checkbox-inline input,.switch input{width:auto;margin:0}.filter-bar{display:flex;gap:10px;align-items:center;margin-bottom:15px;flex-wrap:wrap}.filter-bar input,.filter-bar select,.inline-form input,.inline-form select{width:auto;min-width:150px;margin:0}.compact-filter{margin:0}.sticky-save{position:sticky;bottom:16px;display:flex;justify-content:flex-end;background:rgba(245,246,250,.9);backdrop-filter:blur(8px);padding:11px;border-radius:13px;border:1px solid rgba(220,221,230,.8);z-index:10}.upload-preview{width:100%;max-height:210px;object-fit:cover;border-radius:11px;margin-top:11px;border:1px solid var(--border)}.logo-preview{width:110px;height:110px;border-radius:22px}.profit-preview{background:#f3f4fb;border-radius:12px;padding:14px;margin-top:18px}.profit-preview span,.profit-preview strong,.profit-preview small{display:block}.profit-preview strong{font-size:22px;margin:6px 0}.switch{display:flex;align-items:center;gap:8px}.switch span{width:36px;height:21px;border-radius:99px;background:#cfd1da;position:relative}.switch span:after{content:"";position:absolute;width:15px;height:15px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.2s}.switch input{display:none}.switch input:checked+span{background:var(--primary)}.switch input:checked+span:after{left:18px}.section-builder{display:flex;flex-direction:column;gap:14px}.section-card{margin:0!important}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.drag-handle{color:#999aa8;margin-right:8px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at top left,#eeeeff,transparent 40%),var(--bg)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--border);border-radius:22px;padding:30px;box-shadow:var(--shadow)}.auth-wide{width:min(560px,100%)}.auth-brand{color:var(--text);margin-bottom:28px}.auth-card h1{font-size:29px;margin-bottom:8px}.auth-card>p{color:var(--muted);margin-bottom:24px}.auth-foot{text-align:center;font-size:13px;margin:20px 0 0!important}.eyebrow{color:var(--primary);font-size:12px;text-transform:uppercase;letter-spacing:1.2px;font-weight:900;margin-bottom:10px}
/* Tables and cards */.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:650px}.table-wrap th{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);font-size:10px;color:#858691;text-transform:uppercase;letter-spacing:.7px}.table-wrap td{padding:13px 12px;border-bottom:1px solid #f0f0f4;font-size:13px;vertical-align:middle}.table-wrap tr:last-child td{border-bottom:0}.table-wrap td small{margin-top:3px}.num{text-align:right!important;white-space:nowrap}.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.row-actions form{display:inline}.row-actions button{background:transparent;border:0;color:var(--danger);padding:0;font-size:12px}.item-cell{display:flex;align-items:center;gap:11px;min-width:220px}.item-cell img,.image-placeholder{width:44px;height:44px;border-radius:10px;object-fit:cover;background:#f0f1f5;display:grid;place-items:center}.item-cell strong,.item-cell small{display:block}.muted-private{color:#777887}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.project-card{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden}.project-card>img,.project-placeholder{width:100%;height:190px;object-fit:cover;background:#eeeef7;display:grid;place-items:center;color:#77779a}.project-body{padding:17px}.project-body h3{margin:9px 0 7px}.project-body p{color:var(--muted);font-size:13px;min-height:39px}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px}.sale-items{display:flex;flex-direction:column;gap:12px}.sale-row{display:grid;grid-template-columns:1.3fr 1.2fr .45fr .7fr .7fr 35px;gap:10px;align-items:end;padding:12px;background:#f7f7fa;border-radius:12px}.icon-delete{height:40px;border:0;background:#ffecee;color:var(--danger);font-size:20px;border-radius:9px}.sale-summary>div:not(.panel-head){display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:13px}.sale-summary>div span{color:var(--muted)}.sale-summary .summary-profit{border-bottom:0;margin-top:6px;background:#f1f2fd;padding:14px;border-radius:11px}.sale-summary .summary-profit strong{font-size:18px}.note-box,.admin-reply{background:#f7f7fa;border-radius:11px;padding:14px;margin-top:16px}.note-box p,.admin-reply p{margin:6px 0 0}.chart-bars{display:flex;flex-direction:column;gap:12px}.bar-row{display:grid;grid-template-columns:70px 1fr 90px;align-items:center;gap:12px;font-size:12px}.bar-row strong{text-align:right}.bar-track{height:9px;background:#eeeef4;border-radius:999px;overflow:hidden}.bar-track i{display:block;height:100%;background:linear-gradient(90deg,#7474ee,#ab6fdf);border-radius:inherit}.metric-list>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.metric-list>div:last-child{border-bottom:0}.ticket-list{display:flex;flex-direction:column;gap:14px}.ticket-list article{margin:0!important}.ticket-list article>div:first-child,.ticket-top{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.ticket-list p{color:#555661;line-height:1.55}.user-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--border)}.user-list>div:last-child{border:0}.user-list>div>div{flex:1}.avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#ececff;color:#4f4fbe;font-weight:800}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
/* Marketing */.marketing-body{background:#fafafe}.marketing-nav{max-width:1240px;margin:auto;padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.marketing-nav .side-brand{color:var(--text)}.marketing-nav nav{display:flex;gap:18px;align-items:center}.marketing-nav nav>a:not(.btn){color:#555661;font-size:14px;font-weight:650}.hero{max-width:1240px;margin:30px auto 85px;padding:60px 25px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.hero h1{font-size:62px;line-height:1.02;letter-spacing:-3px;margin-bottom:22px}.hero-copy>p{font-size:18px;line-height:1.65;color:#666775;max-width:620px}.hero-actions{display:flex;gap:12px;margin:28px 0 22px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;color:#656672;font-size:12px}.demo-window{background:#171721;border-radius:23px;padding:14px;color:#fff;box-shadow:0 35px 80px rgba(39,39,82,.25);transform:rotate(1.5deg)}.demo-top{display:flex;align-items:center;gap:6px;color:#858596;font-size:10px;padding:4px 3px 15px}.demo-top i{width:8px;height:8px;border-radius:50%;background:#444451}.demo-top span{margin-left:6px}.demo-profile{text-align:center;background:linear-gradient(145deg,#25253a,#1e1e2d);padding:28px;border-radius:16px}.demo-profile strong,.demo-profile small{display:block}.demo-profile small{margin-top:5px}.demo-avatar{width:62px;height:62px;border-radius:18px;margin:0 auto 12px;background:linear-gradient(135deg,#7474f0,#bc6bd7);display:grid;place-items:center;font-size:26px;font-weight:900}.demo-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.demo-products>div{background:#262634;padding:12px;border-radius:13px}.demo-products span{height:55px;background:#3a3a4d;border-radius:9px;display:block;margin-bottom:9px}.demo-products b,.demo-products em{display:block;font-size:10px}.demo-products em{color:#9d9df7;margin-top:5px}.demo-profit{margin-top:10px;background:#f2f2ff;color:#29293e;border-radius:14px;padding:15px}.demo-profit small,.demo-profit strong{display:block}.demo-profit strong{font-size:23px;margin:5px 0 12px}.demo-profit>div{height:7px;background:#d8d8eb;border-radius:99px}.demo-profit i{display:block;height:100%;background:#6767e6;border-radius:inherit}.logo-strip{max-width:1240px;margin:0 auto 90px;padding:22px 25px;border-block:1px solid var(--border);display:flex;gap:35px;align-items:center;justify-content:center;flex-wrap:wrap;color:#797a86;font-size:13px}.logo-strip strong{color:#3e3f49}.feature-section,.featured-section,.pricing-section{max-width:1240px;margin:0 auto;padding:75px 25px}.section-heading{max-width:680px;margin-bottom:38px}.section-heading h2{font-size:40px;letter-spacing:-1.5px;margin-bottom:12px}.section-heading p{color:var(--muted);font-size:16px;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{background:#fff;border:1px solid var(--border);padding:25px;border-radius:18px}.feature-grid article>span{font-size:11px;color:var(--primary);font-weight:900}.feature-grid h3{margin:24px 0 10px}.feature-grid p{color:var(--muted);line-height:1.6;font-size:14px}.store-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.store-card{background:#fff;border:1px solid var(--border);border-radius:16px;padding:14px;display:flex;gap:14px;color:var(--text)}.store-cover{width:70px;height:70px;border-radius:14px;background:color-mix(in srgb,var(--accent) 15%,#fff);display:grid;place-items:center;flex:none}.store-cover img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.store-cover span{font-size:25px;font-weight:900;color:var(--accent)}.store-card h3{margin:4px 0}.store-card p{font-size:12px;color:var(--muted);margin:0 0 8px}.marketing-plans .plan-card{background:#fff;border:1px solid var(--border);border-radius:19px;padding:24px}.plan-card.featured-plan{border-color:#8b8bea;box-shadow:0 20px 45px rgba(91,91,214,.13);transform:translateY(-8px)}.plan-card h3{font-size:31px;margin:12px 0 22px}.plan-card h3 small{display:inline;font-size:12px;font-weight:500}.plan-card ul{padding:0;list-style:none;display:flex;flex-direction:column;gap:12px;margin:0 0 25px;color:#5f606d;font-size:13px}.plan-card li:before{content:"✓";color:var(--success);font-weight:900;margin-right:8px}.cta-section{max-width:1190px;margin:80px auto;padding:50px;background:#181824;color:#fff;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta-section h2{max-width:720px;font-size:36px;margin:0}.marketing-footer{max-width:1240px;margin:auto;padding:35px 25px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.not-found{min-height:70vh;display:grid;place-content:center;text-align:center;padding:30px}.not-found h1{font-size:45px}.not-found p{color:var(--muted);max-width:500px}
/* Public shops */.shop-body{background:var(--shop-bg);color:var(--shop-text);min-height:100vh}.shop-top{height:58px;display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto;padding:0 24px}.shop-top a{color:var(--shop-text);font-size:13px;font-weight:800}.public-hero{position:relative;overflow:hidden;border-radius:0 0 28px 28px;background:color-mix(in srgb,var(--shop-primary) 14%,var(--shop-bg));min-height:370px;display:flex;align-items:flex-end}.public-banner{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}.public-hero-inner{position:relative;width:100%;max-width:1100px;margin:auto;padding:65px 24px;display:flex;gap:22px;align-items:center}.public-logo{width:112px;height:112px;border-radius:24px;object-fit:cover;border:5px solid color-mix(in srgb,var(--shop-bg) 85%,transparent);box-shadow:0 15px 35px rgba(0,0,0,.15);flex:none}.public-logo.fallback{display:grid;place-items:center;background:var(--shop-primary);color:#fff;font-size:45px;font-weight:900}.shop-label{display:block;text-transform:uppercase;letter-spacing:1.2px;font-size:10px;font-weight:900;color:var(--shop-primary)}.public-hero h1{font-size:45px;letter-spacing:-1.5px;margin:7px 0}.public-hero p{max-width:650px;color:color-mix(in srgb,var(--shop-text) 70%,transparent);line-height:1.6}.public-actions,.contact-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.shop-btn{display:inline-flex;border:1px solid color-mix(in srgb,var(--shop-text) 18%,transparent);background:color-mix(in srgb,var(--shop-bg) 90%,transparent);color:var(--shop-text);padding:11px 16px;border-radius:var(--shop-radius);font-weight:800;font-size:13px}.shop-btn.primary{background:var(--shop-primary);border-color:var(--shop-primary);color:#fff}.public-main{max-width:1100px;margin:auto;padding:25px 24px 70px}.public-section{padding:58px 0;border-bottom:1px solid color-mix(in srgb,var(--shop-text) 12%,transparent)}.public-section-head{max-width:650px;margin-bottom:27px}.public-section-head>span,.highlight-section>div>span{color:var(--shop-primary);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1.2px}.public-section-head h2,.highlight-section h2{font-size:32px;letter-spacing:-.8px;margin:8px 0}.public-section-head p{color:color-mix(in srgb,var(--shop-text) 67%,transparent);line-height:1.6}.about-card,.policy-card{padding:26px;border-radius:18px;background:color-mix(in srgb,var(--shop-text) 4%,transparent);line-height:1.7}.about-details{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:25px}.about-details>div{padding-top:15px;border-top:1px solid color-mix(in srgb,var(--shop-text) 12%,transparent)}.about-details small,.about-details strong{display:block}.about-details small{margin-bottom:5px}.public-products{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.public-product{border:1px solid color-mix(in srgb,var(--shop-text) 12%,transparent);background:color-mix(in srgb,var(--shop-bg) 92%,#fff);border-radius:18px;overflow:hidden}.public-product>img,.public-product-placeholder{width:100%;height:210px;object-fit:cover;background:color-mix(in srgb,var(--shop-primary) 10%,var(--shop-bg));display:grid;place-items:center;color:var(--shop-primary);font-weight:800}.public-product-body{padding:17px}.public-product-meta{display:flex;justify-content:space-between;color:color-mix(in srgb,var(--shop-text) 58%,transparent);font-size:10px;text-transform:uppercase;font-weight:850}.public-product-meta em{color:var(--shop-primary);font-style:normal}.public-product h3{margin:10px 0 7px}.public-product p{font-size:13px;color:color-mix(in srgb,var(--shop-text) 65%,transparent);line-height:1.5;min-height:39px}.product-bottom{display:flex;align-items:flex-end;justify-content:space-between;margin-top:17px}.product-bottom del,.product-bottom strong{display:block}.product-bottom del{font-size:11px;color:#999}.product-bottom strong{font-size:19px}.product-bottom a{background:var(--shop-primary);color:#fff;padding:8px 12px;border-radius:var(--shop-radius);font-size:12px;font-weight:850}.highlight-section{display:flex;justify-content:space-between;align-items:center;gap:25px;background:color-mix(in srgb,var(--shop-primary) 10%,var(--shop-bg));border:0;margin-top:40px;padding:35px;border-radius:21px}.highlight-section p{margin:0;color:color-mix(in srgb,var(--shop-text) 65%,transparent)}.public-portfolio{display:grid;grid-template-columns:repeat(2,1fr);gap:17px}.public-portfolio article{border:1px solid color-mix(in srgb,var(--shop-text) 12%,transparent);border-radius:18px;overflow:hidden}.public-portfolio img{height:260px;width:100%;object-fit:cover}.public-portfolio article>div{padding:19px}.public-portfolio span{color:var(--shop-primary);font-size:10px;text-transform:uppercase;font-weight:900}.public-portfolio h3{margin:8px 0}.public-portfolio p{color:color-mix(in srgb,var(--shop-text) 65%,transparent);line-height:1.55}.public-portfolio a{color:var(--shop-primary);font-weight:800}.contact-section{text-align:center}.contact-section .public-section-head{margin-inline:auto}.contact-buttons{justify-content:center}.contact-buttons a{border:1px solid color-mix(in srgb,var(--shop-text) 15%,transparent);padding:11px 16px;border-radius:var(--shop-radius);color:var(--shop-text);font-weight:750;font-size:13px}.shop-empty{text-align:center;padding:40px;border:1px dashed color-mix(in srgb,var(--shop-text) 18%,transparent);border-radius:16px;color:color-mix(in srgb,var(--shop-text) 60%,transparent)}.report-section{font-size:12px}.report-section summary{cursor:pointer;color:color-mix(in srgb,var(--shop-text) 55%,transparent)}.report-form{max-width:500px;display:flex;flex-direction:column;gap:10px;margin-top:15px}.report-form input,.report-form select,.report-form textarea{background:var(--shop-bg);color:var(--shop-text);border-color:color-mix(in srgb,var(--shop-text) 18%,transparent)}.powered{text-align:center;padding:25px;color:color-mix(in srgb,var(--shop-text) 55%,transparent);font-size:11px}.powered a{color:var(--shop-primary)}.price-header{max-width:950px;margin:auto;padding:35px 24px}.price-header>a{color:var(--shop-text);font-size:13px}.price-header>div{text-align:center;padding:60px 20px 30px}.price-header img{width:80px;height:80px;border-radius:18px;object-fit:cover;margin:0 auto 15px}.price-header h1{font-size:38px}.price-header p{color:color-mix(in srgb,var(--shop-text) 60%,transparent)}.price-main{max-width:850px;margin:auto;padding:0 24px 70px}.price-category{margin-bottom:36px}.price-category h2{font-size:18px;color:var(--shop-primary)}.price-list{border:1px solid color-mix(in srgb,var(--shop-text) 12%,transparent);border-radius:16px;overflow:hidden}.price-list article{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px;border-bottom:1px solid color-mix(in srgb,var(--shop-text) 10%,transparent)}.price-list article:last-child{border:0}.price-list p{margin:4px 0 0;color:color-mix(in srgb,var(--shop-text) 60%,transparent);font-size:12px}.price-list article>div:last-child{display:flex;align-items:center;gap:13px;white-space:nowrap}.price-list span{font-weight:900}.price-list a{background:var(--shop-primary);color:#fff;border-radius:var(--shop-radius);padding:7px 10px;font-size:11px;font-weight:850}
@media(max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}.card-grid,.feature-grid,.store-grid,.plan-grid{grid-template-columns:repeat(2,1fr)}.sale-row{grid-template-columns:1fr 1fr 100px}.sale-row .icon-delete{grid-column:3}.hero{gap:30px}.hero h1{font-size:50px}}
@media(max-width:820px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.app-shell{margin-left:0}.menu-toggle{display:block}.topbar{padding:0 16px}.main-content{padding:20px 15px}.content-grid,.two-one,.one-two{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding-top:30px}.hero-demo{max-width:560px}.hero h1{font-size:47px}.public-products{grid-template-columns:repeat(2,1fr)}.about-details{grid-template-columns:1fr}.marketing-nav nav>a:not(.btn){display:none}.top-actions{margin-left:auto}.page-heading{align-items:flex-start}.public-hero-inner{padding-top:90px}.plan-card.featured-plan{transform:none}}
@media(max-width:600px){.stats-grid,.card-grid,.feature-grid,.store-grid,.plan-grid,.public-products,.public-portfolio,.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.page-heading{flex-direction:column}.page-heading .actions,.page-heading .btn{width:100%}.page-heading .actions .btn{flex:1}.top-actions .btn{display:none}.panel{padding:16px}.stat-card{min-height:auto}.hero{margin-top:5px;padding:45px 18px}.hero h1{font-size:40px;letter-spacing:-2px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}.demo-products{grid-template-columns:1fr}.logo-strip{margin-bottom:40px}.feature-section,.featured-section,.pricing-section{padding:50px 18px}.section-heading h2{font-size:32px}.cta-section{margin:45px 14px;padding:30px;flex-direction:column;align-items:flex-start}.cta-section h2{font-size:28px}.marketing-footer{flex-direction:column;gap:8px}.public-hero-inner{flex-direction:column;align-items:flex-start;padding:55px 18px}.public-hero h1{font-size:36px}.public-main{padding-inline:18px}.highlight-section{flex-direction:column;align-items:flex-start;padding:25px}.price-list article{align-items:flex-start}.price-list article>div:last-child{flex-direction:column;align-items:flex-end}.sale-row{grid-template-columns:1fr}.sale-row .icon-delete{grid-column:auto}.filter-bar input,.filter-bar select,.inline-form input,.inline-form select{width:100%}.bar-row{grid-template-columns:55px 1fr 78px}.status-card{align-items:flex-start;gap:15px;flex-direction:column}.public-section{padding:42px 0}}
.shop-list{display:flex;flex-direction:column}.shop-list-item{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 0;border-bottom:1px solid var(--border)}.shop-list-item:last-child{border-bottom:0}.shop-list-item>div:first-child{display:flex;align-items:center;gap:12px}.shop-list-item img,.shop-list-item>div:first-child>span{width:46px;height:46px;border-radius:11px;object-fit:cover;background:#ededff;display:grid;place-items:center;color:#5050bf;font-weight:900}.shop-list-item strong,.shop-list-item small{display:block}
@media(max-width:600px){.shop-list-item{align-items:flex-start;flex-direction:column}.shop-list-item>.actions{width:100%}.shop-list-item>.actions .btn{flex:1}}


/* Shop theme palette editor */
.theme-palette-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:22px}.palette-option{appearance:none;border:1px solid var(--border);background:#fff;border-radius:13px;padding:11px;text-align:left;transition:.18s}.palette-option:hover,.palette-option.active{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.09);transform:translateY(-1px)}.palette-option strong{display:block;margin-top:8px;font-size:12px;color:var(--text)}.palette-swatches{display:grid;grid-template-columns:repeat(4,1fr);height:28px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.06)}.palette-swatches i{background:var(--swatch)}.theme-editor-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:22px;align-items:start}.custom-color-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.color-control{border:1px solid var(--border);border-radius:12px;padding:12px;background:#fafafe}.color-control>span{display:block;color:var(--text)}.color-control small{font-size:10px;margin-top:3px;font-weight:500}.color-control>div{display:grid;grid-template-columns:46px 1fr;gap:8px;align-items:center;margin-top:9px}.color-control input[type=color]{height:42px;padding:3px;margin:0;cursor:pointer}.color-control input[type=text]{margin:0;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.shop-theme-preview{background:var(--preview-bg);color:var(--preview-text);padding:15px;border-radius:17px;border:1px solid color-mix(in srgb,var(--preview-text) 15%,transparent);position:sticky;top:92px}.preview-browser{border-radius:13px;overflow:hidden;background:var(--preview-bg);box-shadow:0 14px 35px rgba(20,20,35,.13)}.preview-dots{display:flex;gap:5px;padding:9px 10px;background:var(--preview-card)}.preview-dots i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--preview-text) 20%,transparent)}.preview-hero{padding:25px 20px;background:color-mix(in srgb,var(--preview-primary) 13%,var(--preview-bg))}.preview-hero small{color:var(--preview-primary);font-weight:850;text-transform:uppercase;letter-spacing:.8px}.preview-hero h3{font-size:22px;margin:7px 0;color:var(--preview-text)}.preview-hero p{font-size:11px;color:color-mix(in srgb,var(--preview-text) 67%,transparent);margin-bottom:14px}.preview-hero button{border:0;border-radius:10px;background:var(--preview-button);color:var(--preview-button-text,#fff);padding:9px 13px;font-size:11px;font-weight:800}.preview-card-row{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:12px;background:var(--preview-bg)}.preview-card-row article{background:var(--preview-card);border:1px solid color-mix(in srgb,var(--preview-text) 12%,transparent);border-radius:10px;padding:9px}.preview-card-row article span{display:block;height:44px;border-radius:7px;background:color-mix(in srgb,var(--preview-primary) 13%,var(--preview-card));margin-bottom:8px}.preview-card-row strong,.preview-card-row small{display:block;color:var(--preview-text);font-size:10px}.preview-card-row small{margin-top:4px;color:var(--preview-primary)}.preview-caption{text-align:center;margin-top:10px;color:var(--muted)}.theme-tips{display:flex;flex-direction:column;gap:14px}.theme-tips p{margin:0;padding-bottom:13px;border-bottom:1px solid var(--border)}.theme-tips p:last-child{border:0}.theme-tips strong,.theme-tips span{display:block}.theme-tips span{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.5}

/* Public ShopLink custom surface and button colors */
.shop-body{background:var(--shop-bg);color:var(--shop-text)}.shop-top{background:color-mix(in srgb,var(--shop-card) 92%,transparent);border-bottom-color:color-mix(in srgb,var(--shop-text) 12%,transparent)}.about-card,.policy-card,.public-product,.public-portfolio article,.price-list{background:var(--shop-card)!important}.highlight-section{background:color-mix(in srgb,var(--shop-primary) 10%,var(--shop-card))!important}.shop-btn.primary,.product-bottom a,.price-list a{background:var(--shop-button)!important;border-color:var(--shop-button)!important;color:var(--shop-button-text)!important}.shop-btn:not(.primary),.contact-buttons a{background:var(--shop-card);color:var(--shop-text)}.public-product-placeholder{background:color-mix(in srgb,var(--shop-primary) 11%,var(--shop-card))}.report-form input,.report-form select,.report-form textarea{background:var(--shop-card)}

@media(max-width:1000px){.theme-palette-grid{grid-template-columns:repeat(2,1fr)}.theme-editor-grid{grid-template-columns:1fr}.shop-theme-preview{position:static}}
@media(max-width:600px){.theme-palette-grid,.custom-color-grid{grid-template-columns:1fr}.color-control>div{grid-template-columns:50px 1fr}.sticky-save{gap:8px}.sticky-save .btn{flex:1}}


/* Seller subscription plans and upgrade tickets */
.current-plan-banner{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:24px 26px;margin-bottom:22px;border-radius:18px;background:linear-gradient(135deg,#20203a,#5b5bd6);color:#fff;box-shadow:var(--shadow)}.current-plan-banner h2{font-size:28px;margin:4px 0}.current-plan-banner p{margin:0;color:rgba(255,255,255,.78)}.current-plan-banner p strong{color:#fff}.plan-kicker{font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:1px;color:rgba(255,255,255,.68)}.current-plan-usage{display:grid;grid-template-columns:repeat(3,minmax(115px,1fr));gap:9px}.current-plan-usage>div{min-width:118px;padding:13px;border:1px solid rgba(255,255,255,.16);border-radius:13px;background:rgba(255,255,255,.09)}.current-plan-usage strong,.current-plan-usage span{display:block}.current-plan-usage strong{font-size:17px}.current-plan-usage span{margin-top:3px;font-size:10px;color:rgba(255,255,255,.68)}.user-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.subscription-card{position:relative;display:flex;flex-direction:column;min-height:100%;padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface);box-shadow:0 8px 24px rgba(24,24,45,.04)}.subscription-card.current{border-color:var(--primary);box-shadow:0 0 0 3px rgba(91,91,214,.09)}.subscription-card.recommended:not(.current)::before{content:'POPULAR';position:absolute;right:18px;top:-9px;padding:4px 9px;border-radius:999px;background:var(--primary);color:#fff;font-size:9px;font-weight:900;letter-spacing:.8px}.subscription-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:18px;border-bottom:1px solid var(--border)}.subscription-card h2{margin:7px 0 0;font-size:23px}.subscription-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#ededff;color:#4f4fc0;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.6px}.current-badge{background:#e6f7ef;color:#14734c}.subscription-price{text-align:right}.subscription-price strong,.subscription-price span{display:block}.subscription-price strong{font-size:21px}.subscription-price span{font-size:10px;color:var(--muted)}.subscription-features{list-style:none;padding:14px 0;margin:0}.subscription-features li{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--border);font-size:12px}.subscription-features li:last-child{border:0}.subscription-features span{color:var(--muted)}.subscription-features strong{text-align:right}.subscription-action{margin-top:auto;padding-top:12px}.subscription-action form{margin:0}.subscription-action small{text-align:center;margin-top:8px;line-height:1.45}.plan-help-panel{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:22px}.plan-help-panel p{margin:0;color:var(--muted);line-height:1.6}.plan-help-panel ol{margin:0;padding-left:20px;color:var(--muted)}.plan-help-panel li{padding:5px 0}.plan-help-panel li strong{color:var(--text)}.upgrade-ticket{border-left:4px solid var(--primary)!important;scroll-margin-top:95px}.upgrade-badge{background:#ededff;color:#4f4fc0}.ticket-badges,.ticket-title-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.ticket-list article:target{box-shadow:0 0 0 4px rgba(91,91,214,.12)}
@media(max-width:1100px){.user-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.current-plan-banner{align-items:flex-start;flex-direction:column}.current-plan-usage{width:100%}}
@media(max-width:700px){.user-plan-grid,.plan-help-panel,.current-plan-usage{grid-template-columns:1fr}.current-plan-banner{padding:20px}.current-plan-usage>div{min-width:0}.subscription-card{padding:18px}}