:root{--bg:#f6f8fb;--card:#fff;--ink:#101828;--muted:#667085;--line:#e4e7ec;--primary:#111827;--accent:#2563eb;--soft:#eef4ff;--danger:#b42318;--warning:#b54708;--success:#027a48;--radius:24px;--shadow:0 18px 50px rgba(16,24,40,.08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.public-body{background:#f7f9fc}.landing-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:18px clamp(20px,5vw,76px);background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(228,231,236,.8)}.landing-brand,.brand{display:flex;align-items:center;gap:12px;font-weight:800}.landing-brand img,.brand img{width:38px;height:38px;object-fit:contain}.landing-header nav{display:flex;align-items:center;gap:18px;color:#344054}.pill-link{border:1px solid var(--line);border-radius:999px;padding:10px 16px;background:#fff}.hero{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;min-height:760px;padding:70px clamp(20px,5vw,76px);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(37,99,235,.18),transparent 28%),radial-gradient(circle at 80% 10%,rgba(20,184,166,.16),transparent 24%)}.hero-glow{position:absolute;right:8%;bottom:10%;width:420px;height:420px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.28),rgba(16,185,129,.18));filter:blur(40px)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;border:1px solid rgba(37,99,235,.18);background:#eef4ff;color:#175cd3;border-radius:999px;padding:8px 14px;font-weight:700;font-size:13px}.hero h1{font-size:clamp(42px,6vw,76px);line-height:.94;letter-spacing:-.06em;margin:0 0 24px}.hero p{font-size:20px;line-height:1.7;color:#475467;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:12px 18px;font-weight:800;cursor:pointer;transition:.2s ease;font-size:14px}.btn-primary{background:linear-gradient(135deg,#111827,#2563eb);color:white;box-shadow:0 16px 35px rgba(37,99,235,.25)}.btn-primary:hover{transform:translateY(-2px)}.btn-glass,.btn-soft{background:#fff;color:#111827;border:1px solid var(--line);box-shadow:0 12px 30px rgba(16,24,40,.06)}.btn-ghost{background:#fff;border:1px solid var(--line);color:#475467}.hero-visual{border-radius:34px;background:rgba(255,255,255,.55);padding:18px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8)}.hero-visual img{border-radius:26px;min-height:460px;object-fit:cover}.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px 18px;font-weight:800;box-shadow:var(--shadow)}.floating-card.top{right:-10px;top:42px}.floating-card.bottom{left:-10px;bottom:52px}.section{padding:90px clamp(20px,5vw,76px)}.section-head{max-width:760px;margin-bottom:32px}.section-head span{color:#2563eb;font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:.08em}.section-head h2{font-size:clamp(32px,4vw,52px);line-height:1.03;letter-spacing:-.04em;margin:10px 0}.format-grid,.pricing-grid,.steps,.stats-grid,.grid{display:grid;gap:22px}.format-grid{grid-template-columns:repeat(3,1fr)}.format-card,.price-card,.panel-card,.stat-card,.checkout-card,.checkout-product{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.format-card,.price-card{padding:24px}.format-card img{height:180px;width:100%;object-fit:cover;border-radius:18px;margin-bottom:18px}.format-card h3,.price-card h3,.panel-card h2{margin:0 0 10px}.format-card p,.price-card li,.panel-card p{color:var(--muted);line-height:1.6}.format-card.featured{background:#101828;color:#fff}.format-card.featured p{color:#d0d5dd}.dark-strip{background:#101828;color:#fff}.dark-strip .section-head span{color:#93c5fd}.steps{grid-template-columns:repeat(3,1fr)}.steps div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:28px}.steps b{display:grid;place-items:center;width:42px;height:42px;background:#fff;color:#111827;border-radius:50%}.steps p{color:#cbd5e1}.pricing-grid{grid-template-columns:repeat(3,1fr)}.price-card strong{font-size:32px}.price-card small{font-size:14px;color:var(--muted)}.price-card ul{padding-left:18px}.landing-footer{padding:42px clamp(20px,5vw,76px);background:#0b1220;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:22px}.landing-footer div{display:flex;align-items:center;gap:12px}.landing-footer img{width:38px}.landing-footer p{color:#cbd5e1}.auth-page{min-height:100vh;display:grid;place-items:center;padding:30px;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.15),transparent 30%),#f8fafc}.auth-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.auth-logo{width:56px;margin-bottom:20px}.auth-card h1{font-size:34px;margin:0 0 10px}.auth-card p{color:var(--muted);line-height:1.6}.dashboard-body{background:#f5f7fb}.app-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:#0f172a;color:#fff;padding:22px;transition:.25s ease}.brand{padding:12px 10px;margin-bottom:20px}.menu{display:grid;gap:8px}.menu a{color:#cbd5e1;padding:13px 14px;border-radius:14px}.menu a:hover{background:rgba(255,255,255,.09);color:#fff}.main-panel{min-width:0}.topbar{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:18px 28px;background:rgba(255,255,255,.82);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.topbar p{margin:3px 0 0;color:var(--muted);font-size:13px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:12px;width:42px;height:42px;display:none}.content-wrap{padding:28px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.stats-grid{grid-template-columns:repeat(4,1fr);margin-bottom:22px}.stat-card{padding:24px}.stat-card span{color:var(--muted);font-weight:700}.stat-card strong{display:block;font-size:38px;margin-top:8px}.panel-card{padding:24px;margin-bottom:22px}.cards-2{grid-template-columns:repeat(2,1fr)}.cards-3{grid-template-columns:repeat(3,1fr)}.table-responsive{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#667085;background:#f9fafb}.badge{display:inline-flex;border-radius:999px;padding:6px 10px;background:#f2f4f7;color:#344054;font-weight:800;font-size:12px}.badge.ok{background:#ecfdf3;color:#027a48}.badge.muted{background:#f2f4f7;color:#667085}.alert{border-radius:18px;padding:16px 18px;margin-bottom:20px;font-weight:700}.alert.danger{background:#fef3f2;color:#b42318;border:1px solid #fecdca}.alert.warning{background:#fffaeb;color:#b54708;border:1px solid #fedf89}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-stack{display:grid;gap:16px}label{display:grid;gap:8px;font-weight:800;color:#344054}input,select,textarea{width:100%;border:1px solid #d0d5dd;border-radius:14px;padding:12px 14px;font:inherit;background:#fff;color:#101828}textarea{min-height:112px;resize:vertical}.span-2{grid-column:span 2}.check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:16px}.check{display:flex;align-items:center;gap:9px;font-weight:700}.check input{width:auto}.actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.inline-form{display:flex;gap:8px;align-items:center}.thumb{width:58px;height:58px;object-fit:cover;border-radius:14px;border:1px solid var(--line)}.plan-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.method-row{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:12px 0}.checkout-header{padding:18px clamp(20px,5vw,68px);display:flex;align-items:center;gap:12px;background:#0f172a;color:#fff}.checkout-header img{width:38px}.checkout-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:24px;padding:34px clamp(20px,5vw,68px)}.checkout-product,.checkout-card{padding:24px}.checkout-product{display:grid;gap:20px;align-content:start}.checkout-product img{border-radius:22px;width:100%;max-height:420px;object-fit:cover}.checkout-product h1{font-size:40px;line-height:1;margin:0}.checkout-product strong{font-size:34px}.payment-notes{display:grid;gap:12px;margin-top:18px}.payment-notes article{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:16px}.order-code{font-size:28px;font-weight:900;background:#f8fafc;border:1px dashed var(--line);border-radius:18px;padding:18px;text-align:center}.success-card{text-align:center}.reveal{animation:rise .8s ease both}.delay{animation-delay:.15s}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1100px){.hero,.checkout-wrap{grid-template-columns:1fr}.format-grid,.pricing-grid,.steps,.cards-3{grid-template-columns:1fr 1fr}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.landing-header nav a:not(.pill-link){display:none}.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-290px;z-index:30;width:280px}.sidebar.open{left:0}.icon-btn{display:inline-grid;place-items:center}.content-wrap{padding:18px}.form-grid,.cards-2,.format-grid,.pricing-grid,.steps{grid-template-columns:1fr}.span-2{grid-column:span 1}.check-grid{grid-template-columns:1fr}.hero{min-height:auto;padding-top:54px}.hero h1{font-size:42px}.landing-footer{display:grid}.stats-grid{grid-template-columns:1fr}.topbar{padding:14px 16px}}@media(max-width:520px){.hero-actions .btn{width:100%}.panel-head{align-items:stretch;flex-direction:column}.checkout-product h1{font-size:32px}.auth-card{padding:26px;border-radius:24px}}
.register-section{padding-top:60px}.align-start{align-items:start}.sticky-card{position:sticky;top:92px}.benefit-list{display:grid;gap:14px}.benefit-list p{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:16px;margin:0}.muted-text{color:var(--muted)}.accordion-title{cursor:pointer;font-weight:900;padding:8px 0 18px;font-size:18px}.badge.warning{background:#fffaeb;color:#b54708}.single-wrap{grid-template-columns:minmax(280px,720px);justify-content:center}.form-panel small{color:var(--muted);font-weight:600}.menu a[aria-current="page"]{background:rgba(255,255,255,.12);color:#fff}.price-card .btn{margin-top:14px;width:100%}@media(max-width:1100px){.sticky-card{position:static}}
.muted-text{color:var(--muted);line-height:1.6}.mini-card{background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:18px}.mini-card p{font-weight:900;margin:8px 0;color:#101828}.mini-card small{color:#667085;line-height:1.5}.code-textarea{min-height:360px;font-family:Consolas,Monaco,monospace;font-size:13px}.wide-card{width:min(780px,100%)}.tracking-line{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.track-pill{border:1px solid var(--line);background:#f8fafc;border-radius:999px;padding:10px 14px;font-weight:800;color:#667085}.track-pill.active{background:#111827;color:#fff;border-color:#111827}.compact-table table{min-width:520px}.badge.danger{background:#fef3f2;color:#b42318}.inline-form input{min-width:150px}.brand img{max-width:34px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:900}.landing-brand img{max-width:38px}.catalog-option-note{font-size:12px;color:#667085;margin-top:-6px}.soft-divider{height:1px;background:var(--line);grid-column:1/-1;margin:6px 0}.control-card{border:1px solid var(--line);border-radius:20px;padding:16px;background:#fff}.control-card h3{margin:0 0 10px}
.hp-field{position:absolute!important;left:-10000px!important;opacity:0!important;height:0!important;width:0!important}.checkout-header{justify-content:space-between}.checkout-header a{color:#cbd5e1;font-weight:800}.brand-preview{display:flex;gap:14px;align-items:center;background:#f8fafc;border:1px solid var(--line);border-radius:20px;padding:14px}.brand-preview img{width:86px;height:86px;object-fit:contain;border-radius:18px;background:#fff;border:1px solid var(--line)}.brand-preview img.wide{width:220px;object-fit:cover}.storefront-hero{--store-primary:#111827;--store-accent:#2563eb;position:relative;min-height:520px;color:#fff;background:linear-gradient(135deg,var(--store-primary),#0f172a);overflow:hidden}.storefront-bg{position:absolute;inset:0;opacity:.32}.storefront-bg img{width:100%;height:100%;object-fit:cover}.storefront-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 75% 20%,rgba(255,255,255,.18),transparent 25%),linear-gradient(135deg,rgba(15,23,42,.88),rgba(15,23,42,.55))}.storefront-nav,.storefront-copy{position:relative;z-index:2}.storefront-nav{display:flex;align-items:center;justify-content:space-between;padding:22px clamp(20px,5vw,72px)}.storefront-brand{display:flex;align-items:center;gap:12px}.storefront-brand img,.storefront-brand span{width:46px;height:46px;border-radius:16px;background:#fff;color:var(--store-primary);display:grid;place-items:center;object-fit:contain;font-weight:900}.storefront-copy{padding:86px clamp(20px,5vw,72px) 94px;max-width:820px}.storefront-copy h1{font-size:clamp(44px,7vw,86px);line-height:.9;letter-spacing:-.06em;margin:0 0 22px}.storefront-copy p{font-size:20px;line-height:1.7;color:#e5e7eb}.storefront-main{padding:32px clamp(20px,5vw,72px) 80px}.storefront-filters{margin-top:-74px;position:relative;z-index:4}.storefront-filter-grid{display:grid;grid-template-columns:1.2fr .8fr auto;gap:14px;align-items:end}.storefront-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}.store-product-card{background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow);overflow:hidden}.store-product-img{position:relative;display:block;height:240px;background:#f8fafc}.store-product-img img{width:100%;height:100%;object-fit:cover}.store-product-img span{position:absolute;left:14px;top:14px;background:var(--store-accent);color:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:900}.no-img{height:100%;display:grid;place-items:center;color:#98a2b3;font-weight:900}.store-product-body{padding:20px}.store-product-body small{color:#667085;font-weight:800}.store-product-body h2{margin:8px 0 10px;font-size:21px}.store-product-body p{color:#667085;line-height:1.55;min-height:48px}.store-product-foot{display:flex;align-items:center;justify-content:space-between;gap:14px}.store-product-foot strong{font-size:22px}.payment-notes article[hidden]{display:none}.payment-notes a{color:#2563eb;font-weight:800}@media(max-width:1100px){.storefront-products{grid-template-columns:repeat(2,minmax(0,1fr))}.storefront-filter-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.storefront-products,.storefront-filter-grid{grid-template-columns:1fr}.storefront-hero{min-height:440px}.storefront-copy{padding-top:54px}.store-product-img{height:210px}.brand-preview{display:grid}.brand-preview img.wide{width:100%;height:120px}}
.coupon-hint{font-size:12px;color:#027a48;font-weight:800}.export-actions{display:flex;gap:10px;flex-wrap:wrap}.audit-action{font-family:Consolas,Monaco,monospace;font-size:12px}.form-grid small{color:var(--muted);font-weight:700}.danger-link{color:#b42318;font-weight:900}.coupon-pill{display:inline-flex;align-items:center;gap:6px;border:1px dashed #98a2b3;border-radius:999px;padding:6px 10px;font-weight:900;color:#344054;background:#f8fafc}
.btn-xs{padding:7px 10px;border-radius:10px;font-size:12px}.success-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px}.checkout-note{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:12px 14px;margin:12px 0;color:#475467;font-weight:700}.cart-add-inline,.store-cart-form,.cart-actions,.storefront-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.store-cart-form{margin-top:14px}.cart-wrap{grid-template-columns:1.1fr .9fr}.cart-lines{display:grid;gap:14px;margin:18px 0}.cart-line{display:grid;grid-template-columns:72px 1fr 120px 120px;gap:14px;align-items:center;border:1px solid var(--line);background:#f8fafc;border-radius:20px;padding:14px}.cart-line img{width:72px;height:72px;object-fit:cover;border-radius:16px;background:#fff}.cart-line small{display:block;color:#667085;font-weight:700;margin-top:4px}.cart-line label{font-size:12px}.cart-line b{text-align:right}.catalog-web-hero{min-height:580px}.storefront-actions{justify-content:flex-end}.checkout-card h1{margin-top:0}.cart-list-card{align-content:start}@media(max-width:1100px){.cart-wrap{grid-template-columns:1fr}.cart-line{grid-template-columns:64px 1fr}.cart-line label,.cart-line b{grid-column:2}.cart-line b{text-align:left}}@media(max-width:620px){.storefront-actions{width:100%;justify-content:flex-start}.storefront-nav{align-items:flex-start;gap:12px;flex-direction:column}.cart-add-inline .btn,.store-cart-form .btn,.cart-actions .btn,.success-actions .btn{width:100%}}

/* TailAdmin UI fix: panel shell only */
:root{
    --ta-bg:#f9fafb;
    --ta-card:#ffffff;
    --ta-text:#101828;
    --ta-muted:#667085;
    --ta-line:#eaecf0;
    --ta-brand:#465fff;
    --ta-brand-soft:#eef4ff;
    --ta-success:#12b76a;
    --ta-warning:#f79009;
    --ta-danger:#f04438;
    --ta-radius:18px;
    --ta-shadow:0 1px 2px rgba(16,24,40,.04),0 12px 24px rgba(16,24,40,.06);
}
.dashboard-body{
    margin:0;
    min-height:100vh;
    background:var(--ta-bg);
    color:var(--ta-text);
    font-family:Outfit,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.dashboard-body a{text-decoration:none}
.dashboard-body img{max-width:100%;display:block}
.app-shell{
    display:grid;
    grid-template-columns:290px minmax(0,1fr);
    min-height:100vh;
    background:var(--ta-bg);
}
.sidebar{
    position:sticky;
    top:0;
    width:290px;
    height:100vh;
    padding:0;
    overflow:hidden;
    background:#fff;
    border-right:1px solid var(--ta-line);
    color:#344054;
    z-index:60;
}
.sidebar-inner{
    height:100%;
    overflow-y:auto;
    padding:22px 18px 28px;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    margin:0 0 12px;
    padding:8px 10px 20px;
    color:#101828;
}
.brand-mark{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    border:1px solid var(--ta-line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 1px 2px rgba(16,24,40,.06);
}
.brand-mark img{width:30px;height:30px;object-fit:contain}
.brand-copy{display:grid;line-height:1.05}
.brand-copy strong{font-size:18px;font-weight:800;color:#101828}
.brand-copy small{margin-top:4px;font-size:12px;font-weight:700;color:#98a2b3}
.menu{display:flex;flex-direction:column;gap:4px}
.menu-section{
    margin:18px 10px 8px;
    color:#98a2b3;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    line-height:18px;
    text-transform:uppercase;
}
.menu-link{
    display:flex;
    align-items:center;
    gap:12px;
    min-height:44px;
    width:100%;
    padding:11px 12px;
    border-radius:12px;
    color:#475467;
    font-size:14px;
    font-weight:700;
    line-height:20px;
    transition:background .18s ease,color .18s ease,box-shadow .18s ease;
}
.menu-link:hover{background:#f2f4f7;color:#101828}
.menu-link.active{background:var(--ta-brand-soft);color:var(--ta-brand);box-shadow:inset 0 0 0 1px rgba(70,95,255,.08)}
.nav-icon{
    width:21px;
    height:21px;
    flex:0 0 21px;
    background:currentColor;
    opacity:.92;
    mask:center/contain no-repeat;
    -webkit-mask:center/contain no-repeat;
}
.nav-icon-grid{mask-image:url('../icons/grid.svg');-webkit-mask-image:url('../icons/grid.svg')}
.nav-icon-cart{mask-image:url('../icons/box-cube.svg');-webkit-mask-image:url('../icons/box-cube.svg')}
.nav-icon-time{mask-image:url('../icons/time.svg');-webkit-mask-image:url('../icons/time.svg')}
.nav-icon-layers{mask-image:url('../icons/table.svg');-webkit-mask-image:url('../icons/table.svg')}
.nav-icon-users{mask-image:url('../icons/group.svg');-webkit-mask-image:url('../icons/group.svg')}
.nav-icon-dollar{mask-image:url('../icons/dollar-line.svg');-webkit-mask-image:url('../icons/dollar-line.svg')}
.nav-icon-mail{mask-image:url('../icons/mail-line.svg');-webkit-mask-image:url('../icons/mail-line.svg')}
.nav-icon-settings{mask-image:url('../icons/plug-in.svg');-webkit-mask-image:url('../icons/plug-in.svg')}
.nav-icon-store{mask-image:url('../icons/user-circle.svg');-webkit-mask-image:url('../icons/user-circle.svg')}
.nav-icon-eye{mask-image:url('../icons/eye.svg');-webkit-mask-image:url('../icons/eye.svg')}
.nav-icon-folder{mask-image:url('../icons/folder.svg');-webkit-mask-image:url('../icons/folder.svg')}
.nav-icon-box{mask-image:url('../icons/box.svg');-webkit-mask-image:url('../icons/box.svg')}
.nav-icon-inventory{mask-image:url('../icons/list.svg');-webkit-mask-image:url('../icons/list.svg')}
.nav-icon-file{mask-image:url('../icons/file.svg');-webkit-mask-image:url('../icons/file.svg')}
.nav-icon-ticket{mask-image:url('../icons/task-icon.svg');-webkit-mask-image:url('../icons/task-icon.svg')}
.nav-icon-card{mask-image:url('../icons/dollar-line.svg');-webkit-mask-image:url('../icons/dollar-line.svg')}
.nav-icon-bolt{mask-image:url('../icons/bolt.svg');-webkit-mask-image:url('../icons/bolt.svg')}
.main-panel{min-width:0;background:var(--ta-bg)}
.topbar{
    position:sticky;
    top:0;
    z-index:50;
    min-height:76px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:14px 30px;
    background:rgba(255,255,255,.94);
    border-bottom:1px solid var(--ta-line);
    backdrop-filter:blur(14px);
}
.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px;min-width:0}
.topbar-title{display:grid;gap:2px;min-width:0}
.topbar-title small{color:#667085;font-size:12px;font-weight:800;line-height:18px}
.topbar-title strong{color:#101828;font-size:20px;font-weight:800;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.icon-btn{
    width:42px;
    height:42px;
    display:none;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:4px;
    border:1px solid var(--ta-line);
    border-radius:12px;
    background:#fff;
    cursor:pointer;
}
.icon-btn span{width:18px;height:2px;border-radius:999px;background:#667085}
.user-chip{
    display:flex;
    align-items:center;
    gap:10px;
    padding:6px 10px 6px 6px;
    border:1px solid var(--ta-line);
    border-radius:999px;
    background:#fff;
    box-shadow:0 1px 2px rgba(16,24,40,.04);
}
.user-chip>span{
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:var(--ta-brand-soft);
    color:var(--ta-brand);
    font-weight:900;
}
.user-chip div{display:grid;line-height:1.05;padding-right:4px}
.user-chip strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#344054;font-size:13px;font-weight:800}
.user-chip small{margin-top:4px;color:#98a2b3;font-size:11px;font-weight:700}
.content-wrap{
    display:block!important;
    visibility:visible!important;
    opacity:1!important;
    width:100%;
    max-width:1580px;
    margin:0 auto;
    padding:30px;
    position:relative;
    z-index:1;
}
.content-wrap>*{visibility:visible!important;opacity:1!important}
.panel-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:18px;
    margin:0 0 20px;
}
.panel-head h1,.panel-card h1{margin:0;color:#101828;font-size:30px;line-height:38px;font-weight:800;letter-spacing:-.02em}
.panel-head h2,.panel-card h2{margin:0 0 6px;color:#101828;font-size:20px;line-height:30px;font-weight:800}
.panel-card h3{margin:0 0 14px;color:#101828;font-size:17px;line-height:26px;font-weight:800}
.muted-text,.panel-card p{color:#667085;line-height:1.55}
.panel-head .muted-text{margin:4px 0 0}
.panel-card,.stat-card,.price-card,.format-card,.checkout-card,.checkout-product{
    background:#fff;
    border:1px solid var(--ta-line);
    border-radius:var(--ta-radius);
    box-shadow:var(--ta-shadow);
}
.panel-card{padding:24px;margin-bottom:22px}
.stat-card{padding:22px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 22px}
.stat-card span{display:block;color:#667085;font-size:13px;font-weight:800;line-height:20px}
.stat-card strong{display:block;margin-top:8px;color:#101828;font-size:34px;line-height:42px;font-weight:900}
.grid{display:grid;gap:20px}
.cards-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.table-responsive{width:100%;overflow-x:auto;border-radius:16px;border:1px solid var(--ta-line);background:#fff}
.table-responsive table{min-width:760px;margin:0;border-collapse:separate;border-spacing:0}
table{width:100%;border-collapse:collapse}
th,td{padding:14px 16px;border-bottom:1px solid var(--ta-line);vertical-align:middle;color:#344054}
th{background:#f9fafb;color:#667085;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
tr:last-child td{border-bottom:0}
.btn{border-radius:12px;font-weight:800;min-height:42px}
.btn-primary{background:var(--ta-brand);color:#fff;box-shadow:0 8px 18px rgba(70,95,255,.20)}
.btn-soft,.btn-ghost{background:#fff;color:#344054;border:1px solid var(--ta-line);box-shadow:0 1px 2px rgba(16,24,40,.04)}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#f2f4f7;color:#344054;font-size:12px;font-weight:900}
.badge.ok{background:#ecfdf3;color:#027a48}.badge.muted{background:#f2f4f7;color:#667085}
input,select,textarea{border:1px solid #d0d5dd;border-radius:12px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
input:focus,select:focus,textarea:focus{outline:0;border-color:#84adff;box-shadow:0 0 0 4px rgba(70,95,255,.10)}
.sidebar-backdrop{display:none}
@media(max-width:1180px){
    .app-shell{grid-template-columns:1fr}
    .sidebar{position:fixed;left:0;top:0;transform:translateX(-102%);transition:transform .22s ease;width:290px;max-width:88vw;box-shadow:20px 0 40px rgba(16,24,40,.12)}
    .sidebar.open{transform:translateX(0)}
    .sidebar-backdrop{display:block;position:fixed;inset:0;background:rgba(16,24,40,.44);z-index:55;opacity:0;pointer-events:none;transition:opacity .22s ease}
    body.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
    .icon-btn{display:flex}
    .content-wrap{padding:24px}
    .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
    .topbar{padding:12px 16px;min-height:66px}
    .content-wrap{padding:18px}
    .stats-grid,.cards-2,.cards-3,.form-grid,.check-grid{grid-template-columns:1fr!important}
    .span-2{grid-column:auto!important}
    .panel-head{flex-direction:column;align-items:stretch}
    .panel-head .btn{width:100%}
    .user-chip div{display:none}
    .topbar-title strong{font-size:18px;line-height:26px;max-width:54vw}
}

/* Sidebar contrast fix */
.dashboard-body .sidebar{
    background:#ffffff!important;
    color:#111827!important;
    border-right:1px solid #d0d5dd!important;
}
.dashboard-body .sidebar .brand,
.dashboard-body .sidebar .brand-copy strong{
    color:#111827!important;
}
.dashboard-body .sidebar .brand-copy small{
    color:#475467!important;
}
.dashboard-body .sidebar .menu-section{
    color:#344054!important;
    font-weight:900!important;
    letter-spacing:.08em!important;
}
.dashboard-body .sidebar .menu-link,
.dashboard-body .sidebar .menu-link span:not(.nav-icon){
    color:#1f2937!important;
    opacity:1!important;
    font-weight:800!important;
}
.dashboard-body .sidebar .menu-link .nav-icon{
    color:#344054!important;
    background:#344054!important;
    opacity:1!important;
}
.dashboard-body .sidebar .menu-link:hover{
    background:#eef4ff!important;
    color:#1d4ed8!important;
}
.dashboard-body .sidebar .menu-link:hover span:not(.nav-icon){
    color:#1d4ed8!important;
}
.dashboard-body .sidebar .menu-link:hover .nav-icon{
    color:#1d4ed8!important;
    background:#1d4ed8!important;
}
.dashboard-body .sidebar .menu-link.active,
.dashboard-body .sidebar .menu-link.active span:not(.nav-icon){
    background:#465fff!important;
    color:#ffffff!important;
    box-shadow:0 10px 22px rgba(70,95,255,.22)!important;
}
.dashboard-body .sidebar .menu-link.active .nav-icon{
    color:#ffffff!important;
    background:#ffffff!important;
}