:root{--bg:#f6f8fb;--panel:#fff;--text:#111827;--muted:#667085;--line:#e4e7ec;--brand:#1366d6;--brand2:#0f4da3;--ok:#067647;--bad:#b42318;--soft:#eef5ff}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,Arial,sans-serif;line-height:1.7}.topbar,.footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 6vw;background:#fff;border-bottom:1px solid var(--line)}.footer{border-top:1px solid var(--line);border-bottom:0;margin-top:50px}.brand{font-weight:800;font-size:22px;color:var(--brand);text-decoration:none}nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}a{color:var(--brand);text-decoration:none}.container{width:min(1120px,92vw);margin:34px auto}.hero{min-height:330px;display:grid;align-items:center;background:linear-gradient(135deg,#eef5ff,#fff);border:1px solid var(--line);border-radius:8px;padding:44px}.hero h1{font-size:40px;line-height:1.25;margin:8px 0 14px}.eyebrow,.badge{color:var(--brand);font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.card,.panel,.auth-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 10px 28px rgba(16,24,40,.04)}.card h3{margin:10px 0 6px}.btn,button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:var(--brand);color:#fff;padding:11px 17px;cursor:pointer;font-weight:700}.btn:hover,button:hover{background:var(--brand2)}.small{padding:7px 12px}.block{display:flex;margin-top:14px}.inline{display:inline}.inline button{padding:6px 10px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px}.success{background:#ecfdf3;color:var(--ok)}.error{background:#fef3f2;color:var(--bad)}.auth-card{max-width:430px;margin:40px auto;display:grid;gap:14px}label{display:grid;gap:7px;font-weight:700}input,textarea,select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;font:inherit}textarea{min-height:96px}.tabs{background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px;margin:16px 0}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.stats div{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.stats strong{display:block;font-size:28px}.stats span,.empty,p{color:var(--muted)}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:right;vertical-align:top}html[dir=ltr] th,html[dir=ltr] td{text-align:left}th{background:#f9fafb}.price{font-size:26px;font-weight:800;color:var(--brand)}.row-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.row-form>*{flex:1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:18px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.product-grid{align-items:stretch}.product-card{display:flex;flex-direction:column;gap:8px}.product-media{height:190px;border-radius:8px;background:var(--soft);display:grid;place-items:center;overflow:hidden;margin:-4px -4px 8px}.product-media img,.product-hero img,.checkout-image{width:100%;height:100%;object-fit:cover}.product-media span{font-size:54px;font-weight:900;color:var(--brand)}.product-hero{display:grid;grid-template-columns:minmax(220px,360px) 1fr;gap:24px;align-items:center}.product-hero img{height:260px;border-radius:8px;background:var(--soft)}.checkout-panel{max-width:560px;display:grid;gap:14px}.checkout-image{height:220px;border-radius:8px;background:var(--soft)}@media(max-width:700px){.topbar,.footer{align-items:flex-start;flex-direction:column}.hero h1{font-size:30px}.hero{padding:24px}.container{margin:22px auto}.product-hero{grid-template-columns:1fr}.product-hero img{height:220px}}
.topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.topbar nav a{font-weight:700;color:#344054}.topbar nav a:hover{color:var(--brand)}.ghost-btn{background:#fff;color:var(--brand);border:1px solid var(--line)}.ghost-btn:hover{background:var(--soft);color:var(--brand2)}.public-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:28px;align-items:center;min-height:520px;padding:42px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#f7fbff 0%,#fff 54%,#edf7f4 100%);overflow:hidden}.public-hero-copy h1{font-size:48px;line-height:1.14;margin:8px 0 16px;max-width:760px}.public-hero-copy p{font-size:16px;max-width:620px}.public-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.public-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:26px}.public-metrics div{padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.72)}.public-metrics strong{display:block;font-size:22px;color:var(--brand)}.public-metrics span{font-size:12px;color:var(--muted)}.hero-product-stack{display:grid;gap:14px}.hero-mini-product{display:grid;grid-template-columns:94px 1fr;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.88);box-shadow:0 18px 40px rgba(16,24,40,.08)}.hero-mini-1{margin-inline-start:34px}.hero-mini-2{margin-inline-start:68px}.hero-mini-media{height:84px;border-radius:8px;background:linear-gradient(135deg,#dbeafe,#dcfce7);display:grid;place-items:center;overflow:hidden}.hero-mini-media img{width:100%;height:100%;object-fit:cover}.hero-mini-media span{font-size:34px;font-weight:900;color:var(--brand)}.hero-mini-product strong,.hero-mini-product small{display:block}.hero-mini-product small{color:var(--muted);font-weight:800}.public-section-head,.public-list-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:38px 0 18px}.public-section-head h2,.public-list-head h1{margin:0}.public-section-head p,.public-list-head p{margin:4px 0 0}.public-filter-pills{display:flex;gap:8px;flex-wrap:wrap}.public-filter-pills span{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:12px;font-weight:800;color:var(--muted)}.public-product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.catalog-grid{align-items:stretch}.public-product-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:0 14px 35px rgba(16,24,40,.05)}.public-product-media{position:relative;height:245px;display:grid;place-items:center;background:linear-gradient(135deg,#e0f2fe,#eef2ff);overflow:hidden}.public-product-media img{width:100%;height:100%;object-fit:cover}.public-product-media span{font-size:74px;font-weight:900;color:var(--brand)}.public-product-media b{position:absolute;top:12px;inset-inline-start:12px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.9);font-size:11px;color:var(--brand);box-shadow:0 8px 20px rgba(16,24,40,.08)}.public-product-body{display:flex;flex-direction:column;justify-content:space-between;gap:18px;min-height:210px;padding:18px}.public-product-body h3{margin:0 0 6px;font-size:20px}.public-product-body p{margin:0}.public-product-bottom{display:flex;align-items:end;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:14px}.public-product-bottom small,.public-product-bottom strong{display:block}.public-product-bottom small{color:var(--muted);font-size:11px}.public-product-bottom strong{font-size:20px;color:var(--brand)}.public-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.public-steps article{background:#fff;border:1px solid var(--line);border-radius:8px;padding:18px}.public-steps span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--soft);color:var(--brand);font-weight:900}.public-steps h3{margin:12px 0 6px}.public-steps p{margin:0}.public-product-detail{display:grid;grid-template-columns:minmax(300px,.95fr) 1.05fr;gap:26px;align-items:center}.detail-media{height:420px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#dbeafe,#ecfdf3);display:grid;place-items:center;overflow:hidden}.detail-media img{width:100%;height:100%;object-fit:cover}.detail-media span{font-size:110px;font-weight:900;color:var(--brand)}.detail-copy h1{font-size:42px;line-height:1.18;margin:8px 0 12px}.detail-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:22px}.detail-points div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.detail-points strong,.detail-points span{display:block}.detail-points span{font-size:12px;color:var(--muted)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.plan-card{display:grid;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:20px;box-shadow:0 14px 35px rgba(16,24,40,.04)}.plan-card>span{width:max-content;padding:5px 10px;border-radius:999px;background:var(--soft);color:var(--brand);font-size:12px;font-weight:900}.plan-card h3{margin:0}.plan-card del{color:var(--muted)}.featured-plan{border-color:#b2ddff;box-shadow:0 18px 44px rgba(19,102,214,.11)}.checkout-shell{display:grid;grid-template-columns:minmax(240px,.85fr) minmax(300px,520px);gap:24px;align-items:start}.checkout-shell h1{font-size:40px;margin:8px 0}.checkout-card{max-width:none}.checkout-summary{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center}.checkout-image{height:110px;display:grid;place-items:center;overflow:hidden}.checkout-image span{font-size:42px;font-weight:900;color:var(--brand)}.checkout-total{display:flex;justify-content:space-between;gap:16px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.checkout-total span{color:var(--muted)}.checkout-total strong{font-size:22px;color:var(--brand)}.checkout-note{font-size:13px;margin:0}.auth-shell{display:grid;grid-template-columns:minmax(260px,1fr) minmax(320px,460px);gap:28px;align-items:center;min-height:calc(100vh - 220px)}.auth-intro{padding:32px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#f7fbff,#fff)}.auth-intro h1{font-size:42px;margin:8px 0 12px}.auth-highlights{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.auth-highlights span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font-size:12px;font-weight:800}.pro-auth-card{margin:0;max-width:none}.pro-auth-card h2{margin:0}@media(max-width:860px){.public-hero,.public-product-detail,.checkout-shell,.auth-shell{grid-template-columns:1fr}.public-hero{min-height:0;padding:24px}.public-hero-copy h1,.detail-copy h1,.checkout-shell h1,.auth-intro h1{font-size:32px}.hero-mini-1,.hero-mini-2{margin-inline-start:0}.public-metrics,.public-steps{grid-template-columns:1fr}.public-section-head,.public-list-head{align-items:flex-start;flex-direction:column}.detail-media{height:300px}.public-product-media{height:220px}}
.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:18px}.admin-page-head h1{margin:0 0 6px}.admin-page-head p{margin:0}.admin-create summary{cursor:pointer;font-weight:800;margin-bottom:14px}.admin-products-grid{display:grid;gap:18px}.admin-product-card{display:grid;grid-template-columns:220px 1fr;gap:20px}.admin-product-media{height:220px;border-radius:8px;background:var(--soft);display:grid;place-items:center;overflow:hidden}.admin-product-media img{width:100%;height:100%;object-fit:cover}.admin-product-media span{font-size:56px;font-weight:900;color:var(--brand)}.admin-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.admin-card-title h2{margin:0 0 4px;font-size:20px}.admin-card-title p{margin:0}.admin-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.admin-badges span{padding:5px 9px;border-radius:999px;background:#eef5ff;color:var(--brand);font-size:11px;font-weight:800}.compact-form{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:10px}.delete-form{display:flex;justify-content:flex-end}.danger{background:#b42318}.danger:hover{background:#912018}@media(max-width:820px){.admin-product-card{grid-template-columns:1fr}.admin-product-media{height:240px}.admin-card-title{display:block}.admin-badges{justify-content:flex-start;margin-top:8px}}
.admin-account-card{display:grid;grid-template-columns:76px 1fr;gap:18px}.account-avatar{width:64px;height:64px;border-radius:16px;background:#eef5ff;color:var(--brand);display:grid;place-items:center;font-size:28px;font-weight:900;border:1px solid #d7e7ff}@media(max-width:760px){.admin-account-card{grid-template-columns:1fr}.account-avatar{width:54px;height:54px}}
.admin-sub-card{display:grid;grid-template-columns:92px 1fr;gap:18px}.sub-status-ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;align-content:center;background:#eef5ff;color:var(--brand);border:1px solid #d7e7ff}.sub-status-ring strong{font-size:24px;line-height:1}.sub-status-ring span{font-size:10px;font-weight:800;text-transform:uppercase;color:var(--muted)}.sub-status-ring.expired,.sub-status-ring.cancelled,.sub-status-ring.suspended{background:#fef3f2;color:var(--bad);border-color:#fecdca}@media(max-width:760px){.admin-sub-card{grid-template-columns:1fr}.sub-status-ring{width:68px;height:68px}}
.admin-customer-card{display:grid;grid-template-columns:76px 1fr;gap:18px}@media(max-width:760px){.admin-customer-card{grid-template-columns:1fr}}
.coupon-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.coupon-card{display:grid;gap:14px}.coupon-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.coupon-top h2{margin:0;font-size:22px;letter-spacing:.04em}.coupon-top p{margin:4px 0 0}.coupon-status{padding:5px 10px;border-radius:999px;font-size:11px;font-weight:900;background:#eef5ff;color:var(--brand)}.coupon-status.inactive{background:#f2f4f7;color:#667085}.coupon-meter{height:8px;border-radius:999px;background:#eef2f6;overflow:hidden}.coupon-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1366d6,#12b76a)}.coupon-usage{font-size:12px;margin:0}
.settings-ready{padding:7px 12px;border-radius:999px;font-size:12px;font-weight:900}.settings-ready.ready{background:#ecfdf3;color:#067647}.settings-ready.missing{background:#fffaeb;color:#b54708}.settings-layout{display:grid;gap:18px}.settings-panel{display:grid;gap:16px}.panel-title span{display:block;color:var(--brand);font-size:12px;font-weight:900;text-transform:uppercase}.panel-title h2{margin:2px 0 4px;font-size:20px}.panel-title p{margin:0}.settings-webhook{display:grid;gap:6px;padding:12px;border-radius:8px;background:#f8fafc;border:1px solid var(--line)}.settings-webhook code{display:block;overflow:auto;color:var(--brand);font-weight:800}.settings-actions{position:sticky;bottom:16px;display:flex;justify-content:flex-end;padding:10px;background:rgba(246,248,251,.85);backdrop-filter:blur(8px);border-radius:8px}
.admin-order-card{display:grid;grid-template-columns:130px 1fr;gap:18px}.order-summary-box{min-height:110px;border-radius:8px;background:#eef5ff;border:1px solid #d7e7ff;color:var(--brand);display:grid;place-items:center;align-content:center;text-align:center;padding:14px}.order-summary-box strong{font-size:28px;line-height:1.1}.order-summary-box span{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--muted)}.order-summary-box.paid{background:#ecfdf3;border-color:#abefc6;color:#067647}.order-summary-box.failed,.order-summary-box.cancelled,.order-summary-box.refunded{background:#fef3f2;border-color:#fecdca;color:#b42318}.order-items{display:grid;gap:10px;margin:12px 0}.order-item-row{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.order-item-row strong,.order-item-row span{display:block}.order-item-row span{color:var(--muted);font-size:13px}.order-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0}.order-meta-grid div{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.order-meta-grid span{display:block;color:var(--muted);font-size:12px}.order-meta-grid strong{display:block;word-break:break-word}.order-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-top:8px}@media(max-width:760px){.admin-order-card{grid-template-columns:1fr}.order-summary-box{min-height:82px}.order-item-row{align-items:flex-start;flex-direction:column}}
.analytics-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-bottom:18px}.analytics-kpi{display:grid;gap:6px}.analytics-kpi span{font-size:12px;font-weight:900;text-transform:uppercase;color:var(--muted)}.analytics-kpi strong{font-size:30px;line-height:1.1;color:var(--brand)}.analytics-kpi p{margin:0;font-size:13px}.analytics-kpi.positive strong{color:#067647}.analytics-kpi.negative strong{color:#b42318}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.analytics-chart,.analytics-status,.analytics-products{display:grid;gap:16px}.bar-chart{height:190px;display:flex;align-items:end;gap:10px}.bar-item{flex:1;min-width:0;display:grid;gap:5px;text-align:center}.bar-track{height:122px;display:flex;align-items:end;background:#f2f4f7;border:1px solid var(--line);border-radius:8px 8px 4px 4px;overflow:hidden}.bar-fill{display:block;width:100%;border-radius:8px 8px 0 0;background:var(--brand)}.bar-fill.revenue{background:#12b76a}.bar-fill.subs{background:#7a5af8}.bar-fill.customers{background:#0ba5ec}.bar-item b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-item small{font-size:11px;color:var(--muted)}.status-list{display:grid;gap:10px}.status-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.status-list span{color:var(--muted);font-size:13px}.status-list strong{font-size:16px}.top-product-list{display:grid;gap:14px}.top-product-row{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:center}.top-product-row>span{font-weight:900;color:var(--muted)}.top-product-title{display:flex;justify-content:space-between;gap:12px;margin-bottom:6px}.top-product-title b{color:var(--brand)}.top-product-meter{height:7px;background:#eef2f6;border-radius:999px;overflow:hidden}.top-product-meter i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#1366d6,#12b76a)}@media(max-width:820px){.analytics-grid{grid-template-columns:1fr}.bar-chart{gap:6px}.bar-item b{font-size:10px}}
.dashboard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:16px}.dashboard-head h1{margin:0 0 6px}.dashboard-head p{margin:0}.dashboard-tabs{display:flex;gap:8px;overflow:auto}.dashboard-tabs a{white-space:nowrap;padding:7px 10px;border-radius:8px}.dashboard-tabs a:hover{background:var(--soft)}.dashboard-stats{margin-bottom:18px}.dashboard-quick-grid,.dashboard-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}.quick-card{display:grid;gap:8px;color:inherit}.quick-card strong{font-size:18px}.quick-card span{color:var(--muted)}.customer-sub-card,.customer-order-card,.customer-account-card{display:grid;grid-template-columns:86px 1fr;gap:18px}.customer-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:12px 0}.customer-meta-grid div{padding:11px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.customer-meta-grid span{display:block;font-size:12px;color:var(--muted)}.customer-meta-grid strong{display:block;word-break:break-word}.customer-order-card{grid-template-columns:130px 1fr}.customer-account-card .row-form{margin-top:10px}.device-card,.notification-card,.ticket-card{display:grid;gap:10px}.notification-card.unread{border-color:#b2ddff;box-shadow:0 12px 30px rgba(19,102,214,.08)}.notification-card.read{opacity:.8}.dashboard-support-form,.dashboard-settings-form{display:grid;gap:14px;margin-bottom:18px}@media(max-width:760px){.dashboard-head{display:block}.dashboard-head .btn,.dashboard-head form{margin-top:10px}.customer-sub-card,.customer-order-card,.customer-account-card{grid-template-columns:1fr}}
.reseller-tabs{display:flex;gap:8px;overflow:auto}.reseller-tabs a{white-space:nowrap;padding:7px 10px;border-radius:8px}.reseller-tabs a:hover{background:var(--soft)}.reseller-stats{margin-bottom:18px}.reseller-section{display:grid;gap:14px}.reseller-list{display:grid;gap:10px}.reseller-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.reseller-list-row strong,.reseller-list-row span{display:block}.reseller-list-row span{color:var(--muted);font-size:13px}.reseller-list-row b{color:var(--brand)}.reseller-product-card,.reseller-customer-card{display:grid;gap:12px}.reseller-customer-card{grid-template-columns:76px 1fr}.reseller-product-card .price{margin:0}@media(max-width:760px){.reseller-customer-card{grid-template-columns:1fr}.reseller-list-row{align-items:flex-start;flex-direction:column}}
.extension-layout{display:grid;grid-template-columns:minmax(280px,.8fr) 1.2fr;gap:18px;margin-bottom:18px}.extension-status-card{display:grid;grid-template-columns:70px 1fr;gap:16px;align-items:center}.extension-status-card h2{margin:0 0 6px}.extension-status-card p{margin:0}.extension-icon{width:64px;height:64px;border-radius:8px;display:grid;place-items:center;font-weight:900;background:#eef5ff;color:var(--brand);border:1px solid #d7e7ff}.extension-status-card.ready .extension-icon{background:#ecfdf3;border-color:#abefc6;color:#067647}.extension-status-card.missing .extension-icon{background:#fffaeb;border-color:#fedf89;color:#b54708}.extension-details,.extension-upload-panel{display:grid;gap:14px}.extension-upload-panel textarea{min-height:120px}@media(max-width:820px){.extension-layout{grid-template-columns:1fr}.extension-status-card{grid-template-columns:1fr}.extension-icon{width:56px;height:56px}}
.automation-settings,.automation-log-panel{display:grid;gap:16px;margin-bottom:18px}.automation-log-list{display:grid;gap:10px}.automation-log-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#f9fafb}.automation-log-row strong,.automation-log-row span{display:block}.automation-log-row span{font-size:12px;color:var(--muted)}.automation-log-row p{margin:6px 0 0;font-size:13px}.automation-log-row b{min-width:42px;height:34px;border-radius:8px;background:var(--soft);display:grid;place-items:center;color:var(--brand)}@media(max-width:700px){.automation-log-row{flex-direction:column}.automation-log-row b{min-width:0;width:42px}}
.account-pool-card{display:grid;gap:16px}.pool-member-section{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcfe}.pool-member-section h3{margin:0;font-size:16px}.pool-member-list{display:grid;gap:10px}.pool-member-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.pool-member-row strong,.pool-member-row span{display:block}.pool-member-row span{font-size:12px;color:var(--muted)}@media(max-width:760px){.pool-member-row{align-items:flex-start;flex-direction:column}}
.admin-shell-body{--bg:#070b16;--panel:rgba(255,255,255,.045);--text:#eef2ff;--muted:#92a0b8;--line:rgba(255,255,255,.09);--brand:#22d3ee;--brand2:#6366f1;--soft:rgba(34,211,238,.09);background:#070b16;color:#eef2ff}
.admin-shell{display:flex;min-height:100vh;background:radial-gradient(circle at top left,rgba(34,211,238,.12),transparent 34%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.16),transparent 30%),#070b16}
.admin-sidebar{position:sticky;top:0;display:flex;flex-direction:column;flex-shrink:0;width:270px;height:100vh;background:linear-gradient(180deg,#091226 0%,#060a15 100%);border-inline-end:1px solid rgba(255,255,255,.075);box-shadow:0 24px 70px rgba(0,0,0,.35);overflow:hidden}
html[dir=rtl] .admin-sidebar{border-inline-end:0;border-inline-start:1px solid rgba(255,255,255,.075)}
.admin-sidebar-brand{display:flex;align-items:center;gap:12px;padding:20px 18px 16px;border-bottom:1px solid rgba(255,255,255,.06)}
.admin-logo-mark{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#20d7d2,#6d5dfc);color:#06101f;font-weight:900;box-shadow:0 0 26px rgba(34,211,238,.28)}
.admin-sidebar-brand strong,.admin-sidebar-user strong{display:block;color:#f8fbff;line-height:1.2}.admin-sidebar-brand strong span{color:#a78bfa}.admin-sidebar-brand small,.admin-sidebar-user small{display:block;color:rgba(238,242,255,.48);font-size:11px;font-weight:800;margin-top:2px}
.admin-sidebar-nav{flex:1;overflow:auto;padding:12px 10px}.admin-sidebar-nav::-webkit-scrollbar{width:0}.admin-sidebar-nav section{margin-bottom:5px}.admin-sidebar-nav p{margin:0;padding:11px 11px 7px;color:rgba(238,242,255,.34);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.admin-sidebar-nav a{position:relative;display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;margin:2px 0;border-radius:8px;color:#a9b5ca;font-size:13px;font-weight:800;text-decoration:none;transition:background .18s,color .18s,transform .18s}
.admin-sidebar-nav a:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(-2px)}html[dir=ltr] .admin-sidebar-nav a:hover{transform:translateX(2px)}
.admin-sidebar-nav a.active{background:linear-gradient(135deg,rgba(34,211,238,.16),rgba(99,102,241,.18));color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.18)}
.admin-sidebar-nav a.active:after{content:"";position:absolute;inset-inline-end:8px;width:6px;height:6px;border-radius:999px;background:#22d3ee;box-shadow:0 0 14px rgba(34,211,238,.75)}
.admin-sidebar-nav i{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);color:#7dd3fc;font-style:normal;font-size:12px;font-weight:900}.admin-sidebar-nav a.active i{background:rgba(34,211,238,.14);border-color:rgba(34,211,238,.28);color:#67e8f9}
.admin-sidebar-user{display:flex;align-items:center;gap:10px;margin:12px 10px 16px;padding:11px;border-radius:8px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.admin-user-avatar{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;background:linear-gradient(135deg,#ef4444,#f97316);font-weight:900;color:#fff;box-shadow:0 10px 24px rgba(239,68,68,.22)}
.admin-main{flex:1;min-width:0;min-height:100vh}.admin-topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px;padding:16px 28px;background:rgba(7,11,22,.82);border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(18px)}.admin-topbar span{display:block;color:#7dd3fc;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.11em}.admin-topbar strong{display:block;margin-top:2px;font-size:20px;color:#fff}.admin-topbar nav{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-topbar a,.admin-topbar button{height:36px;padding:0 13px;border-radius:8px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.075);color:#dbeafe;font-size:12px;font-weight:900}.admin-topbar button{background:linear-gradient(135deg,#ef4444,#f97316);border:0;color:#fff}.admin-content{width:min(1460px,100%);margin:0 auto;padding:26px 28px 42px}
.admin-shell-body .footer,.admin-shell-body .topbar{display:none}.admin-shell-body .panel,.admin-shell-body .card,.admin-shell-body .auth-card,.admin-shell-body .table-wrap,.admin-shell-body .stats div{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.085);box-shadow:0 18px 55px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(14px)}.admin-shell-body .panel,.admin-shell-body .card{border-radius:8px;padding:22px}.admin-shell-body h1,.admin-shell-body h2,.admin-shell-body h3,.admin-shell-body strong{color:#f8fbff}.admin-shell-body p,.admin-shell-body .empty,.admin-shell-body .stats span{color:#91a0b8}.admin-shell-body .eyebrow,.admin-shell-body .badge{color:#67e8f9}.admin-shell-body .admin-page-head{margin-bottom:22px;padding:4px 2px}.admin-shell-body .admin-page-head h1{font-size:34px;line-height:1.15;margin:4px 0 8px}.admin-shell-body .admin-page-head p{max-width:760px}
.admin-shell-body .btn,.admin-shell-body button{background:linear-gradient(135deg,#20d7d2,#5b6ff2);color:#06101f;box-shadow:0 14px 30px rgba(34,211,238,.16)}.admin-shell-body .btn:hover,.admin-shell-body button:hover{background:linear-gradient(135deg,#67e8f9,#818cf8)}.admin-shell-body .ghost-btn{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);color:#dbeafe}.admin-shell-body .danger{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}.admin-shell-body input,.admin-shell-body textarea,.admin-shell-body select{background:rgba(3,7,18,.58);border:1px solid rgba(255,255,255,.095);color:#f8fbff}.admin-shell-body input::placeholder,.admin-shell-body textarea::placeholder{color:#65738a}.admin-shell-body label{color:#dbeafe}.admin-shell-body select option{background:#0b1220;color:#eef2ff}
.admin-shell-body table{color:#dbeafe}.admin-shell-body th{background:rgba(255,255,255,.045);color:#f8fbff}.admin-shell-body td,.admin-shell-body th{border-bottom:1px solid rgba(255,255,255,.075)}.admin-shell-body .tabs{display:flex;gap:8px;overflow:auto;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:8px}.admin-shell-body .tabs a{white-space:nowrap;padding:8px 12px;border-radius:8px;color:#c7d2fe;font-weight:800}.admin-shell-body .tabs a:hover{background:rgba(255,255,255,.06);color:#fff}.admin-shell-body .stats{gap:16px}.admin-shell-body .stats div{position:relative;overflow:hidden}.admin-shell-body .stats div:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#22d3ee,#818cf8)}.admin-shell-body .stats strong{font-size:32px;color:#67e8f9}.admin-shell-body .price,.admin-shell-body .analytics-kpi strong,.admin-shell-body .public-product-bottom strong{color:#67e8f9}.admin-shell-body .settings-webhook,.admin-shell-body .order-item-row,.admin-shell-body .order-meta-grid div,.admin-shell-body .customer-meta-grid div,.admin-shell-body .status-list div,.admin-shell-body .pool-member-section,.admin-shell-body .pool-member-row,.admin-shell-body .reseller-list-row{background:rgba(3,7,18,.38);border-color:rgba(255,255,255,.08)}.admin-shell-body .extension-icon,.admin-shell-body .account-avatar,.admin-shell-body .sub-status-ring,.admin-shell-body .order-summary-box{background:rgba(34,211,238,.1);border-color:rgba(34,211,238,.22);color:#67e8f9}.admin-shell-body .delete-form{margin-top:16px}.admin-shell-body .alert{border:1px solid currentColor}.admin-shell-body .success{background:rgba(6,118,71,.16)}.admin-shell-body .error{background:rgba(180,35,24,.16)}
.admin-shell-body .settings-pro-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}
.settings-nav-card{position:sticky;top:96px;display:grid;gap:8px;padding:14px;border:1px solid rgba(255,255,255,.085);border-radius:8px;background:rgba(255,255,255,.045);box-shadow:0 18px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(14px)}
.settings-nav-card>strong{font-size:14px;margin-bottom:4px;color:#fff}.settings-nav-card a{display:flex;align-items:center;gap:10px;min-height:40px;padding:9px 10px;border-radius:8px;color:#c7d2fe;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.055);font-size:13px;font-weight:900}.settings-nav-card a:hover{background:rgba(34,211,238,.1);color:#fff}.settings-nav-card a span{width:28px;height:24px;border-radius:7px;display:grid;place-items:center;background:rgba(34,211,238,.1);color:#67e8f9;font-size:11px}.settings-nav-hint{margin-top:6px;padding:12px;border-radius:8px;background:rgba(3,7,18,.38);border:1px solid rgba(255,255,255,.07)}.settings-nav-hint small{display:block;color:#67e8f9;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.settings-nav-hint p{margin:6px 0 0;font-size:12px}.settings-nav-hint code{color:#fff}
.settings-sections{display:grid;gap:16px;min-width:0}.admin-shell-body .settings-panel{gap:18px;padding:24px}.admin-shell-body .settings-panel .panel-title{display:grid;gap:4px;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.075)}.admin-shell-body .settings-panel .panel-title span{font-size:11px;letter-spacing:.12em}.admin-shell-body .settings-panel .panel-title h2{font-size:22px;margin:0}.admin-shell-body .settings-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-shell-body .settings-panel label{gap:8px;font-size:13px}.admin-shell-body .settings-panel .wide-field{grid-column:1/-1}.admin-shell-body .settings-panel textarea{min-height:118px}.admin-shell-body .settings-webhook{padding:14px}.admin-shell-body .settings-webhook code{white-space:normal;word-break:break-all}.admin-shell-body .settings-actions{position:sticky;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:rgba(6,10,21,.88);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 50px rgba(0,0,0,.35);backdrop-filter:blur(16px)}.admin-shell-body .settings-actions span{color:#91a0b8;font-size:13px;font-weight:800}
@media(max-width:1320px){.admin-shell-body .settings-pro-layout{grid-template-columns:1fr}.settings-nav-card{position:static;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-items:stretch}.settings-nav-card>strong,.settings-nav-hint{grid-column:1/-1}.settings-nav-card a{min-height:38px}.admin-shell-body .settings-panel .form-grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){.admin-shell{display:block}.admin-sidebar{position:relative;width:100%;height:auto;max-height:none}.admin-sidebar-brand{padding:14px 16px}.admin-sidebar-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;max-height:none;padding:10px}.admin-sidebar-nav section{margin:0}.admin-sidebar-user{margin-bottom:12px}.admin-topbar{position:static;align-items:flex-start;flex-direction:column}.admin-content{padding:20px 16px 34px}.admin-shell-body .admin-page-head{display:block}.admin-shell-body .admin-page-head .btn{margin-top:12px}.admin-shell-body .admin-page-head h1{font-size:28px}.admin-shell-body .settings-pro-layout{grid-template-columns:1fr}.settings-nav-card{position:static}.admin-shell-body .settings-panel .form-grid{grid-template-columns:1fr}.admin-shell-body .settings-actions{position:static;align-items:stretch;flex-direction:column}.admin-shell-body .settings-actions .btn{width:100%}}
/* Admin UI V4 */
.admin-ui-v4{--admin-bg:#080d18;--admin-rail:#0b1220;--admin-rail-2:#080d18;--admin-card:#101827;--admin-card-2:#0d1422;--admin-border:rgba(148,163,184,.16);--admin-border-strong:rgba(125,211,252,.28);--admin-text:#f8fafc;--admin-muted:#94a3b8;--admin-faint:#64748b;--admin-cyan:#22d3ee;--admin-blue:#6366f1;--admin-green:#34d399;--admin-red:#fb7185;font-family:Tahoma,Arial,sans-serif;background:var(--admin-bg);color:var(--admin-text)}
.admin-ui-v4 .admin-shell{display:flex;min-height:100vh;background:linear-gradient(135deg,rgba(34,211,238,.06),transparent 32%),radial-gradient(circle at 75% 0,rgba(99,102,241,.12),transparent 30%),var(--admin-bg)}
.admin-ui-v4 .admin-sidebar{position:sticky;top:0;flex:0 0 284px;width:284px;height:100vh;background:linear-gradient(180deg,var(--admin-rail),var(--admin-rail-2));border-inline-start:1px solid var(--admin-border);box-shadow:-24px 0 70px rgba(0,0,0,.28)}
html[dir=ltr] .admin-ui-v4 .admin-sidebar{border-inline-start:0;border-inline-end:1px solid var(--admin-border);box-shadow:24px 0 70px rgba(0,0,0,.28)}
.admin-ui-v4 .admin-main{flex:1;min-width:0;background:transparent}
.admin-ui-v4 .admin-sidebar-brand{height:78px;padding:18px 18px;border-bottom:1px solid var(--admin-border)}.admin-ui-v4 .admin-logo-mark{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--admin-cyan),var(--admin-blue));color:#06101f;font-size:18px;box-shadow:0 14px 35px rgba(34,211,238,.22)}.admin-ui-v4 .admin-sidebar-brand strong{font-size:15px;letter-spacing:0}.admin-ui-v4 .admin-sidebar-brand small{font-size:11px;color:var(--admin-muted)}
.admin-ui-v4 .admin-sidebar-nav{padding:14px 12px}.admin-ui-v4 .admin-sidebar-nav section{padding:0 0 10px;margin:0}.admin-ui-v4 .admin-sidebar-nav p{padding:10px 10px 6px;margin:0;color:#64748b;font-size:10px;letter-spacing:.13em}.admin-ui-v4 .admin-sidebar-nav a{min-height:42px;margin:3px 0;padding:8px 10px;border:1px solid transparent;border-radius:8px;color:#b6c2d4;background:transparent;font-size:13px;line-height:1.2}.admin-ui-v4 .admin-sidebar-nav a:hover{background:rgba(148,163,184,.08);border-color:rgba(148,163,184,.11);transform:none;color:#fff}.admin-ui-v4 .admin-sidebar-nav a.active{background:linear-gradient(135deg,rgba(34,211,238,.13),rgba(99,102,241,.16));border-color:var(--admin-border-strong);box-shadow:0 12px 28px rgba(2,6,23,.28);color:#fff}.admin-ui-v4 .admin-sidebar-nav a.active:after{inset-inline-end:10px;background:var(--admin-cyan)}.admin-ui-v4 .admin-sidebar-nav i{width:30px;height:30px;border-radius:7px;background:rgba(148,163,184,.09);border:1px solid rgba(148,163,184,.11);color:#93c5fd}
.admin-ui-v4 .admin-sidebar-user{margin:12px;padding:12px;border-radius:8px;background:rgba(15,23,42,.92);border:1px solid var(--admin-border);box-shadow:none}.admin-ui-v4 .admin-user-avatar{border-radius:8px;background:linear-gradient(135deg,#fb7185,#f59e0b)}
.admin-ui-v4 .admin-topbar{position:sticky;top:0;z-index:30;min-height:78px;padding:14px 30px;background:rgba(8,13,24,.86);border-bottom:1px solid var(--admin-border);backdrop-filter:blur(18px)}.admin-ui-v4 .admin-topbar-title span{color:var(--admin-cyan);font-size:11px}.admin-ui-v4 .admin-topbar-title strong{font-size:22px}.admin-ui-v4 .admin-topbar-title small{display:block;margin-top:3px;color:var(--admin-muted);font-size:12px;font-weight:700}.admin-ui-v4 .admin-topbar-actions{display:flex;align-items:center;gap:9px}.admin-ui-v4 .admin-topbar-actions a,.admin-ui-v4 .admin-topbar-actions button,.admin-ui-v4 .admin-version-pill{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 12px;border-radius:8px;border:1px solid var(--admin-border);background:rgba(15,23,42,.8);color:#dbeafe;font-size:12px;font-weight:900;box-shadow:none}.admin-ui-v4 .admin-topbar-actions button{background:linear-gradient(135deg,#ef4444,#f97316);border:0;color:#fff}
.admin-ui-v4 .admin-content{width:min(1480px,100%);padding:28px 30px 48px}.admin-ui-v4 .admin-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px;padding:0}.admin-ui-v4 .admin-page-head h1{font-size:32px;margin:2px 0 8px;letter-spacing:0}.admin-ui-v4 .admin-page-head p{max-width:760px;margin:0;color:var(--admin-muted)}.admin-ui-v4 .eyebrow{color:var(--admin-cyan);font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.admin-ui-v4 .panel,.admin-ui-v4 .card,.admin-ui-v4 .table-wrap,.admin-ui-v4 .stats div{background:linear-gradient(180deg,rgba(16,24,39,.96),rgba(13,20,34,.96));border:1px solid var(--admin-border);border-radius:8px;box-shadow:0 18px 55px rgba(0,0,0,.22);backdrop-filter:none}.admin-ui-v4 .panel,.admin-ui-v4 .card{padding:22px}.admin-ui-v4 .panel-title{display:grid;gap:4px}.admin-ui-v4 .panel-title span{color:var(--admin-cyan);font-size:11px;letter-spacing:.12em}.admin-ui-v4 .panel-title h2{font-size:21px;margin:0}.admin-ui-v4 .panel-title p{margin:0;color:var(--admin-muted)}
.admin-ui-v4 .btn,.admin-ui-v4 button{min-height:38px;border-radius:8px;background:linear-gradient(135deg,var(--admin-cyan),var(--admin-blue));color:#06101f;font-weight:900;box-shadow:0 14px 30px rgba(34,211,238,.16)}.admin-ui-v4 .btn:hover,.admin-ui-v4 button:hover{filter:brightness(1.06)}.admin-ui-v4 .ghost-btn{background:rgba(15,23,42,.86);border:1px solid var(--admin-border);color:#dbeafe;box-shadow:none}.admin-ui-v4 .danger{background:linear-gradient(135deg,#ef4444,#f97316);color:#fff}
.admin-ui-v4 input,.admin-ui-v4 textarea,.admin-ui-v4 select{min-height:42px;border-radius:8px;background:#0b1220;border:1px solid rgba(148,163,184,.2);color:#f8fafc;padding:11px 12px}.admin-ui-v4 textarea{min-height:116px}.admin-ui-v4 input:focus,.admin-ui-v4 textarea:focus,.admin-ui-v4 select:focus{outline:2px solid rgba(34,211,238,.25);border-color:rgba(34,211,238,.55)}.admin-ui-v4 label{color:#dbeafe;font-size:13px}.admin-ui-v4 .form-grid{gap:16px}.admin-ui-v4 .check{min-height:42px;padding:10px 12px;border:1px solid rgba(148,163,184,.16);border-radius:8px;background:rgba(15,23,42,.56)}
.admin-ui-v4 table{background:transparent;color:#dbeafe}.admin-ui-v4 th{background:#0b1220;color:#e2e8f0;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-ui-v4 th,.admin-ui-v4 td{padding:14px;border-color:rgba(148,163,184,.13)}.admin-ui-v4 tr:hover td{background:rgba(148,163,184,.04)}
.admin-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:18px}.admin-kpi-card{position:relative;overflow:hidden;padding:20px;border-radius:8px;background:linear-gradient(180deg,rgba(16,24,39,.98),rgba(13,20,34,.98));border:1px solid var(--admin-border);box-shadow:0 18px 55px rgba(0,0,0,.2)}.admin-kpi-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,var(--admin-cyan),var(--admin-blue))}.admin-kpi-card span{display:block;color:var(--admin-muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.admin-kpi-card strong{display:block;margin:8px 0 4px;font-size:34px;color:#fff}.admin-kpi-card p{margin:0;color:var(--admin-muted);font-size:13px}.admin-kpi-card.accent strong{color:var(--admin-green)}
.admin-workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-command-card{display:grid;gap:18px}.admin-command-list{display:grid;gap:10px}.admin-command-list a{display:grid;gap:3px;padding:13px;border:1px solid rgba(148,163,184,.14);border-radius:8px;background:#0b1220;color:#e2e8f0}.admin-command-list a:hover{border-color:var(--admin-border-strong);background:rgba(34,211,238,.06)}.admin-command-list strong{font-size:14px}.admin-command-list span{color:var(--admin-muted);font-size:12px}
.admin-ui-v4 .admin-create{margin-bottom:18px}.admin-ui-v4 .admin-create summary{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:0 0 14px;border-bottom:1px solid var(--admin-border);color:#fff}.admin-ui-v4 .admin-products-grid{gap:18px}.admin-ui-v4 .admin-product-card{grid-template-columns:240px minmax(0,1fr);align-items:start}.admin-ui-v4 .admin-product-media{height:240px;border:1px solid rgba(148,163,184,.16);background:#0b1220}.admin-ui-v4 .admin-badges span,.admin-ui-v4 .settings-ready{border:1px solid rgba(34,211,238,.18);background:rgba(34,211,238,.09);color:#67e8f9}
.admin-ui-v4 .settings-pro-layout{grid-template-columns:1fr;gap:18px}.admin-ui-v4 .settings-nav-card{position:static;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;background:linear-gradient(180deg,rgba(16,24,39,.96),rgba(13,20,34,.96));border:1px solid var(--admin-border);box-shadow:0 18px 55px rgba(0,0,0,.22)}.admin-ui-v4 .settings-nav-card>strong,.admin-ui-v4 .settings-nav-hint{grid-column:1/-1}.admin-ui-v4 .settings-sections{gap:16px}.admin-ui-v4 .settings-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-ui-v4 .settings-panel .wide-field{grid-column:1/-1}.admin-ui-v4 .settings-actions{border-radius:8px;background:rgba(8,13,24,.88);border:1px solid var(--admin-border)}
@media(max-width:1180px){.admin-ui-v4 .admin-sidebar{flex-basis:252px;width:252px}.admin-ui-v4 .admin-kpi-grid{grid-template-columns:repeat(2,1fr)}.admin-ui-v4 .admin-workspace-grid{grid-template-columns:1fr}.admin-ui-v4 .admin-product-card{grid-template-columns:1fr}.admin-ui-v4 .admin-product-media{height:260px}}
@media(max-width:860px){.admin-ui-v4 .admin-shell{display:block}.admin-ui-v4 .admin-sidebar{position:relative;width:100%;height:auto}.admin-ui-v4 .admin-topbar{position:static}.admin-ui-v4 .admin-content{padding:20px 16px 38px}.admin-ui-v4 .admin-page-head{display:block}.admin-ui-v4 .admin-head-actions{margin-top:12px}.admin-ui-v4 .admin-kpi-grid{grid-template-columns:1fr}.admin-ui-v4 .settings-panel .form-grid{grid-template-columns:1fr}.admin-ui-v4 .settings-actions{position:static;align-items:stretch;flex-direction:column}.admin-ui-v4 .settings-actions .btn{width:100%}}

/* Public and authentication typography/rhythm */
body{font-family:"Cairo",Tahoma,Arial,sans-serif}
button,input,select,textarea{font-family:inherit}
@media(max-width:860px){
  .auth-shell{min-height:0;gap:18px;align-items:stretch}
  .auth-intro{padding:24px}
  .pro-auth-card{margin:0}
}
.modal-open{overflow:hidden}.admin-head-actions,.admin-card-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-card-actions{justify-content:flex-end;margin-top:16px}.admin-modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:34px 18px;background:rgba(2,6,23,.72);backdrop-filter:blur(10px);overflow:auto}.admin-modal.is-open{display:flex}.admin-modal-panel{width:min(980px,100%);background:linear-gradient(180deg,#101827,#0d1422);border:1px solid rgba(148,163,184,.18);border-radius:8px;box-shadow:0 35px 90px rgba(0,0,0,.5);overflow:hidden}.admin-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:18px 20px;border-bottom:1px solid rgba(148,163,184,.16);background:rgba(15,23,42,.72)}.admin-modal-head span{display:block;color:#22d3ee;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.admin-modal-head h2{margin:2px 0 4px;font-size:22px;color:#fff}.admin-modal-head p{margin:0;color:#94a3b8}.admin-modal-close{width:36px;height:36px;min-height:36px;padding:0;border-radius:8px;background:rgba(148,163,184,.1)!important;border:1px solid rgba(148,163,184,.18)!important;color:#e2e8f0!important;box-shadow:none!important}.admin-modal-body{padding:20px}.admin-modal-body .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.admin-modal-body .wide-field{grid-column:1/-1}.admin-modal-actions{display:flex;justify-content:flex-end;gap:10px;grid-column:1/-1;margin-top:4px}.admin-list-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.admin-entity-card{display:grid;gap:14px}.admin-entity-card .admin-card-title{margin:0}.admin-entity-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.admin-entity-meta div{padding:11px;border-radius:8px;background:#0b1220;border:1px solid rgba(148,163,184,.14)}.admin-entity-meta span{display:block;color:#94a3b8;font-size:11px;font-weight:900;text-transform:uppercase}.admin-entity-meta strong{display:block;margin-top:3px;color:#f8fafc;font-size:13px;word-break:break-word}@media(max-width:760px){.admin-modal{padding:18px 10px}.admin-modal-head{padding:15px}.admin-modal-body{padding:15px}.admin-modal-body .form-grid{grid-template-columns:1fr}.admin-card-actions{justify-content:flex-start}}
.public-card-includes{display:grid;gap:7px;margin-top:12px}.public-card-includes small{font-size:11px;font-weight:900;color:var(--muted);text-transform:uppercase;letter-spacing:.02em}.public-card-includes div{display:flex;gap:7px;flex-wrap:wrap}.public-card-includes span{display:inline-flex;align-items:center;min-height:26px;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:#f8fafc;color:#344054;font-size:11px;font-weight:800}
.checkout-includes{padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}
.install-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:18px}.install-summary div{padding:10px;border:1px solid var(--line);border-radius:8px;background:#fff}.install-summary strong,.install-summary span{display:block}.install-summary strong{font-size:22px;color:var(--brand)}.install-summary span{font-size:11px;color:var(--muted);font-weight:800;text-transform:uppercase}.install-checks{display:grid;gap:9px;margin-top:18px}.install-check{display:flex;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff}.install-check strong,.install-check span{display:block}.install-check span{color:var(--muted);font-size:12px}.install-check p{margin:4px 0 0;font-size:12px}.install-check em{height:max-content;padding:4px 8px;border-radius:999px;font-size:10px;font-style:normal;font-weight:900;text-transform:uppercase}.install-check.is-ok em{background:#ecfdf3;color:#067647}.install-check.is-warning{border-color:#fedf89;background:#fffcf5}.install-check.is-warning em{background:#fffaeb;color:#b54708}.install-check.is-error{border-color:#fecdca;background:#fff8f7}.install-check.is-error em{background:#fef3f2;color:#b42318}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}
.warning{background:#fffaeb;color:#b54708}

/* AccountHub final public system v15 */
:root {
  --ah-bg: #f4f7f8;
  --ah-surface: #ffffff;
  --ah-soft: #eef6f7;
  --ah-line: #dce6ea;
  --ah-text: #12202b;
  --ah-muted: #627381;
  --ah-brand: #0f9aa5;
  --ah-brand-dark: #08717b;
  --ah-accent: #2457d6;
  --ah-success: #0f8f62;
  --ah-danger: #c93434;
}

body {
  background: var(--ah-bg);
  color: var(--ah-text);
  font-family: "Cairo", Tahoma, Arial, sans-serif;
}

.topbar {
  min-height: 74px;
  padding: 14px max(26px, 6vw);
  border-bottom: 1px solid rgba(18, 32, 43, .08);
  background: rgba(255,255,255,.94);
  box-shadow: 0 10px 30px rgba(18,32,43,.05);
}

.brand {
  color: var(--ah-text);
  font-size: 20px;
  font-weight: 900;
}

.brand::before {
  content: "A";
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  margin-inline-end: 10px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--ah-brand), var(--ah-accent));
  color: #fff;
  font-size: 15px;
}

.topbar nav {
  gap: 8px;
}

.topbar nav a,
.topbar nav button {
  min-height: 38px;
  padding: 8px 12px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: var(--ah-muted);
  background: transparent;
  box-shadow: none;
  font-size: 13px;
  font-weight: 900;
}

.topbar nav a:hover,
.topbar nav button:hover {
  border-color: var(--ah-line);
  background: #fff;
  color: var(--ah-brand-dark);
}

.topbar nav a[href*="/ar"],
.topbar nav a[href*="/en"],
.language-switch,
.customer-language-switch {
  border-color: rgba(15,154,165,.24) !important;
  background: #eaf8f8 !important;
  color: var(--ah-brand-dark) !important;
}

.container {
  width: min(1240px, calc(100vw - 48px));
  margin: 28px auto;
}

.landing-hero {
  min-height: 560px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(360px, .85fr);
  gap: 28px;
  align-items: center;
  padding: 44px;
  border: 1px solid var(--ah-line);
  border-radius: 12px;
  background:
    linear-gradient(135deg, rgba(15,154,165,.11), transparent 38%),
    linear-gradient(180deg, #fff, #f7fbfb);
  box-shadow: 0 24px 70px rgba(18,32,43,.08);
  overflow: hidden;
}

.landing-hero-copy h1 {
  max-width: 820px;
  margin: 8px 0 14px;
  color: var(--ah-text);
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.08;
  font-weight: 900;
}

.landing-hero-copy > p {
  max-width: 680px;
  margin: 0;
  color: var(--ah-muted);
  font-size: 17px;
  line-height: 1.9;
}

.landing-actions,
.public-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 24px 0;
}

.btn,
button {
  min-height: 42px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--ah-brand), var(--ah-accent));
  color: #fff;
  box-shadow: 0 12px 28px rgba(15,154,165,.18);
}

.btn:hover,
button:hover {
  filter: brightness(1.04);
}

.ghost-btn,
.btn.secondary {
  background: #fff;
  color: var(--ah-brand-dark);
  border: 1px solid var(--ah-line);
  box-shadow: none;
}

.landing-metrics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 680px;
}

.landing-metrics div,
.public-metrics div,
.detail-points div,
.public-steps article,
.landing-workflow article {
  border: 1px solid var(--ah-line);
  border-radius: 10px;
  background: rgba(255,255,255,.82);
  box-shadow: none;
}

.landing-metrics div {
  padding: 14px;
}

.landing-metrics strong {
  display: block;
  color: var(--ah-brand-dark);
  font-size: 24px;
  font-weight: 900;
}

.landing-metrics span {
  color: var(--ah-muted);
  font-size: 12px;
  font-weight: 800;
}

.landing-access-panel {
  min-width: 0;
}

.landing-browser-card {
  overflow: hidden;
  border: 1px solid rgba(18,32,43,.1);
  border-radius: 12px;
  background: #0d1722;
  box-shadow: 0 28px 70px rgba(18,32,43,.18);
}

.landing-browser-top {
  height: 44px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 16px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.landing-browser-top span {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #21c7b8;
}

.landing-browser-top span:nth-child(2) { background: #f6c85f; }
.landing-browser-top span:nth-child(3) { background: #f06b6b; }

.landing-browser-content {
  display: grid;
  gap: 14px;
  padding: 20px;
}

.landing-extension-card,
.landing-feature-product {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 14px;
  align-items: center;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 10px;
  background: rgba(255,255,255,.06);
  color: #fff;
}

.landing-extension-card > span,
.landing-feature-media {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: linear-gradient(135deg, var(--ah-brand), var(--ah-accent));
  color: #fff;
  font-weight: 900;
}

.landing-extension-card strong,
.landing-feature-product strong {
  display: block;
  font-size: 16px;
}

.landing-extension-card small,
.landing-feature-product small {
  display: block;
  color: #aebdca;
  line-height: 1.6;
}

.landing-feature-media {
  overflow: hidden;
  background: #eef6f7;
}

.landing-feature-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.landing-section-head,
.public-section-head,
.public-list-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 18px;
  margin: 34px 0 16px;
}

.landing-section-head h2,
.public-section-head h2,
.public-list-head h1 {
  margin: 0;
  color: var(--ah-text);
  font-size: 30px;
}

.landing-section-head p,
.public-section-head p,
.public-list-head p {
  margin: 4px 0 0;
  color: var(--ah-muted);
}

.landing-product-rows,
.public-product-grid,
.catalog-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.public-product-card {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  border-radius: 10px;
  box-shadow: 0 12px 34px rgba(18,32,43,.055);
}

.public-product-media {
  height: 100%;
  min-height: 180px;
}

.public-product-body {
  min-height: 0;
  padding: 18px 20px;
}

.public-product-bottom {
  align-items: center;
}

.landing-workflow {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.landing-workflow article {
  padding: 20px;
}

.landing-workflow span {
  width: 36px;
  height: 36px;
  display: inline-grid;
  place-items: center;
  border-radius: 8px;
  background: var(--ah-soft);
  color: var(--ah-brand-dark);
  font-weight: 900;
}

.landing-workflow h3 {
  margin: 14px 0 6px;
}

.landing-workflow p {
  margin: 0;
}

.footer {
  margin-top: 42px;
  border-top: 1px solid var(--ah-line);
  background: #fff;
}

@media (max-width: 900px) {
  .topbar {
    align-items: flex-start;
    flex-direction: column;
  }

  .container {
    width: min(100% - 28px, 1240px);
    margin: 18px auto;
  }

  .landing-hero,
  .public-product-card,
  .landing-workflow {
    grid-template-columns: 1fr;
  }

  .landing-hero {
    min-height: 0;
    padding: 24px;
  }

  .landing-metrics {
    grid-template-columns: 1fr;
  }

  .landing-section-head,
  .public-section-head,
  .public-list-head {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* AccountHub reseller operations redesign v10 */
body:has(.reseller-tabs) {
  background: #f2f6f8;
}

body:has(.reseller-tabs) .container {
  width: min(100% - 32px, 1240px);
}

body:has(.reseller-tabs) .dashboard-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  min-height: 92px;
  margin-bottom: 12px;
  padding: 20px 22px;
  border: 1px solid var(--ah-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 10px 28px rgba(21, 45, 58, .06);
}

body:has(.reseller-tabs) .dashboard-head h1 {
  margin: 2px 0 4px;
  color: #13222f;
  font-size: 28px;
  line-height: 1.2;
}

body:has(.reseller-tabs) .dashboard-head p {
  margin: 0;
  color: #718392;
  font-size: 13px;
}

.reseller-tabs {
  position: sticky;
  top: 74px;
  z-index: 12;
  display: flex;
  gap: 6px;
  margin-bottom: 14px;
  padding: 8px;
  border: 1px solid var(--ah-line);
  border-radius: 8px;
  background: rgba(255, 255, 255, .94);
  box-shadow: 0 10px 26px rgba(21, 45, 58, .055);
  backdrop-filter: blur(10px);
}

.reseller-tabs a {
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 7px;
  color: #34495a;
  font-size: 12px;
  font-weight: 800;
}

.reseller-tabs a.active,
.reseller-tabs a[aria-current="page"] {
  background: #e8f6f7;
  color: #08606a;
}

body:has(.reseller-tabs) .admin-create,
body:has(.reseller-tabs) .empty,
body:has(.reseller-tabs) .reseller-section,
body:has(.reseller-tabs) .analytics-kpi {
  border: 1px solid var(--ah-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(21, 45, 58, .045);
}

body:has(.reseller-tabs) .admin-create {
  margin-bottom: 12px;
}

body:has(.reseller-tabs) .dashboard-card-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
}

.reseller-product-card,
.reseller-customer-card,
body:has(.reseller-tabs) .customer-sub-card {
  display: grid;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 12px 14px;
  border: 1px solid var(--ah-line);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(21, 45, 58, .045);
}

.reseller-customer-card {
  grid-template-columns: 48px minmax(0, 1fr);
}

.reseller-product-card {
  grid-template-columns: minmax(320px, 1fr) auto auto auto;
}

body:has(.reseller-tabs) .customer-sub-card {
  grid-template-columns: 58px minmax(0, 1fr);
}

.reseller-product-card .admin-card-title,
.reseller-customer-card .admin-card-title,
body:has(.reseller-tabs) .customer-sub-card .admin-card-title {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  margin: 0;
}

.reseller-product-card h2,
.reseller-customer-card h2,
body:has(.reseller-tabs) .customer-sub-card h2 {
  margin: 0;
  color: #13222f;
  font-size: 14px;
  line-height: 1.28;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reseller-product-card p,
.reseller-customer-card p,
body:has(.reseller-tabs) .customer-sub-card p {
  margin: 2px 0 0;
  color: #718392;
  font-size: 11px;
  line-height: 1.35;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.reseller-product-card .price {
  margin: 0;
  color: #08606a;
  font-size: 16px;
  font-weight: 900;
  white-space: nowrap;
}

body:has(.reseller-tabs) .admin-badges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  flex-wrap: nowrap;
}

body:has(.reseller-tabs) .admin-badges span {
  min-height: 20px;
  max-width: 132px;
  padding: 3px 7px;
  border: 1px solid rgba(8, 127, 140, .14);
  border-radius: 999px;
  background: #edf8f9;
  color: #08606a;
  font-size: 9px;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

body:has(.reseller-tabs) .admin-row-editor:not([open]) {
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body:has(.reseller-tabs) .admin-row-editor > summary {
  width: max-content;
  min-height: 30px;
  padding: 6px 10px;
  border: 1px solid var(--ah-line);
  border-radius: 7px;
  background: #f7fafb;
  color: #08606a;
  font-size: 10px;
  font-weight: 800;
  cursor: pointer;
}

body:has(.reseller-tabs) .admin-row-editor[open] {
  grid-column: 1 / -1;
  margin-top: 8px;
  padding: 12px;
  border: 1px solid var(--ah-line);
  border-radius: 8px;
  background: #fbfdfe;
}

body:has(.reseller-tabs) .delete-form {
  display: flex;
  justify-content: flex-end;
  margin: 0;
}

body:has(.reseller-tabs) .btn,
body:has(.reseller-tabs) button {
  min-height: 32px;
  padding: 6px 11px;
  border-radius: 7px;
  font-size: 11px;
  line-height: 1.2;
}

@media (max-width: 900px) {
  .reseller-tabs {
    top: 0;
  }

  .reseller-product-card,
  .reseller-customer-card,
  body:has(.reseller-tabs) .customer-sub-card,
  .reseller-product-card .admin-card-title,
  .reseller-customer-card .admin-card-title,
  body:has(.reseller-tabs) .customer-sub-card .admin-card-title {
    grid-template-columns: 1fr;
  }

  body:has(.reseller-tabs) .admin-badges,
  body:has(.reseller-tabs) .delete-form {
    justify-content: flex-start;
    flex-wrap: wrap;
  }

  .reseller-product-card h2,
  .reseller-customer-card h2,
  body:has(.reseller-tabs) .customer-sub-card h2,
  .reseller-product-card p,
  .reseller-customer-card p,
  body:has(.reseller-tabs) .customer-sub-card p {
    white-space: normal;
  }
}

/* AccountHub public mobile density v11 */
@media (max-width: 640px) {
  .container {
    width: min(100% - 28px, 1240px);
    margin: 16px auto;
  }

  .topbar {
    gap: 10px;
    padding: 12px 14px;
  }

  .topbar nav {
    gap: 7px;
  }

  .topbar nav a,
  .topbar nav button {
    min-height: 32px;
    padding: 6px 9px;
    border-radius: 7px;
    font-size: 12px;
  }

  .landing-hero {
    gap: 18px;
    padding: 22px;
    border-radius: 10px;
  }

  .landing-hero-copy h1 {
    font-size: 32px;
    line-height: 1.15;
    margin-bottom: 10px;
  }

  .landing-hero-copy > p {
    font-size: 14px;
    line-height: 1.75;
  }

  .landing-actions {
    margin: 16px 0;
  }

  .landing-actions .btn {
    flex: 1 1 140px;
    min-height: 38px;
  }

  .landing-metrics {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
  }

  .landing-metrics div {
    min-width: 0;
    padding: 9px 7px;
  }

  .landing-metrics strong {
    font-size: 17px;
  }

  .landing-metrics span {
    font-size: 9px;
    line-height: 1.25;
  }

  .landing-browser-top {
    height: 32px;
    padding-inline: 12px;
  }

  .landing-access-panel {
    display: none;
  }

  .landing-browser-content {
    gap: 9px;
    padding: 12px;
  }

  .landing-extension-card,
  .landing-feature-product {
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 10px;
    padding: 10px;
  }

  .landing-extension-card > span,
  .landing-feature-media {
    width: 44px;
    height: 44px;
    border-radius: 8px;
    font-size: 11px;
  }

  .landing-extension-card strong,
  .landing-feature-product strong {
    font-size: 13px;
  }

  .landing-extension-card small,
  .landing-feature-product small {
    font-size: 11px;
    line-height: 1.45;
  }

  .landing-section-head,
  .public-section-head,
  .public-list-head {
    gap: 10px;
    margin: 24px 0 12px;
  }

  .landing-section-head h2,
  .public-section-head h2,
  .public-list-head h1 {
    font-size: 24px;
  }

  .public-product-card {
    grid-template-columns: 112px minmax(0, 1fr);
    min-height: 154px;
  }

  .public-product-media {
    min-height: 154px;
  }

  .public-product-media span {
    font-size: 42px;
  }

  .public-product-media b {
    top: 8px;
    inset-inline-start: 8px;
    max-width: calc(100% - 16px);
    padding: 4px 6px;
    font-size: 8px;
  }

  .public-product-body {
    gap: 10px;
    padding: 12px;
  }

  .public-product-body h3 {
    margin-bottom: 3px;
    font-size: 15px;
    line-height: 1.35;
  }

  .public-product-body p {
    display: -webkit-box;
    overflow: hidden;
    color: var(--ah-muted);
    font-size: 11px;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }

  .public-card-includes {
    display: none;
  }

  .public-product-bottom {
    gap: 8px;
    padding-top: 9px;
  }

  .public-product-bottom strong {
    font-size: 15px;
  }

  .public-product-bottom .btn {
    min-height: 30px;
    padding: 5px 8px;
    font-size: 10px;
  }

  .landing-workflow {
    gap: 9px;
    margin-top: 18px;
  }

  .landing-workflow article {
    padding: 14px;
  }
}

@media (max-width: 420px) {
  .public-product-card {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .public-product-media {
    min-height: 148px;
  }
}