
*{box-sizing:border-box}body{margin:0;background:#08070b;color:#f7f5fb;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
:root{--p:#8b5cf6;--p2:#a855f7;--line:rgba(255,255,255,.07);--muted:#77717f}
a{text-decoration:none}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#09080c;border-right:1px solid var(--line);padding:24px 14px;z-index:30}
.brand{display:flex;align-items:center;gap:10px;padding:0 10px 27px;font-size:23px;font-weight:900}.mark{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:linear-gradient(135deg,#a855f7,#6d28d9);font-size:15px}
.nt{font-size:10px;font-weight:800;color:#5f5a68;text-transform:uppercase;letter-spacing:.12em;padding:13px 12px 7px}.nav a{display:flex;align-items:center;gap:11px;height:42px;padding:0 12px;margin:3px 0;border-radius:10px;color:#8f8a98;font-size:13px;font-weight:650}.nav a svg{width:17px}.nav a:hover{background:#121017;color:#fff}.nav a.active{color:#d8c8ff;background:linear-gradient(90deg,rgba(139,92,246,.18),rgba(139,92,246,.05));border:1px solid rgba(139,92,246,.16)}
main{margin-left:246px;min-height:100vh}.top{height:70px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 31px;position:sticky;top:0;background:rgba(8,7,11,.92);backdrop-filter:blur(15px);z-index:20}.top h2{font-size:14px}.content{padding:31px;max-width:1450px;margin:auto}
.btn{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:9px;background:#100e14;color:#aaa5b0;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:750;cursor:pointer}.btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6}.btn.danger{color:#fca5a5}.btn svg{width:14px}
.card{background:linear-gradient(145deg,#0f0d13,#0c0b0f);border:1px solid var(--line);border-radius:13px}.pagehead h1{font-size:24px;margin:0 0 6px}.pagehead p{margin:0;color:#716b79;font-size:12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:25px}.stat{padding:17px}.stat small{font-size:9px;color:#716b79;font-weight:750}.stat strong{font-size:21px;display:block;margin-top:10px}.stat span{font-size:8px;color:#514c58}
.toolbar{margin-top:20px;padding:12px;display:flex;gap:8px}.search{flex:1;height:37px;border:1px solid var(--line);border-radius:9px;background:#0b0a0e;display:flex;align-items:center;gap:8px;padding:0 11px}.search input{width:100%;background:none;border:0;outline:0;color:#fff;font-size:11px}.search svg{width:15px;color:#5f5966}
.empty{min-height:340px;margin-top:12px;display:grid;place-items:center;text-align:center;padding:25px}.empty h3{font-size:14px;margin:13px 0 5px}.empty p{font-size:10px;color:#625d68;max-width:350px;line-height:1.6}.ei{width:54px;height:54px;border-radius:15px;background:rgba(139,92,246,.08);border:1px solid rgba(139,92,246,.12);display:grid;place-items:center;margin:auto;color:#8b5cf6}.ei svg{width:23px}
.list{margin-top:12px;overflow:hidden}.row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;align-items:center;gap:12px;padding:13px 17px;border-top:1px solid var(--line);font-size:11px}.row.head{color:#5f5966;font-size:8px;font-weight:850;text-transform:uppercase;border-top:0}.pill{font-size:8px;padding:5px 8px;border-radius:99px;background:rgba(139,92,246,.1);color:#c4b5fd;width:max-content}
.overlay{position:fixed;inset:0;background:rgba(2,2,4,.72);backdrop-filter:blur(8px);z-index:80;display:none}.overlay.show{display:block}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(560px,100%);background:#0a090d;border-left:1px solid var(--line);z-index:90;transform:translateX(100%);transition:.25s;overflow:auto}.drawer.show{transform:none}.drawer-head{height:70px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.drawer-head h2{font-size:14px}.form{padding:22px}.field{margin-bottom:14px}.field label{display:block;font-size:9px;font-weight:800;color:#8d8794;margin-bottom:6px}.input,.textarea,.select{width:100%;border:1px solid var(--line);background:#0e0c12;color:#eee;border-radius:9px;outline:none;font-size:11px}.input,.select{height:40px;padding:0 11px}.textarea{min-height:100px;padding:11px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.notice{font-size:10px;color:#716b79}.error{color:#fca5a5;font-size:10px;margin-top:9px}.success{color:#86efac;font-size:10px;margin-top:9px}.mobile{display:none}.xfy-login-logo{display:block;width:min(250px,72%);height:auto;max-height:92px;object-fit:contain;margin:0 auto 14px}.auth-title .mark{margin:0 auto 12px}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}main{margin-left:0}.mobile{display:inline-flex}.top{padding:0 14px}.content{padding:22px 14px}.stats{grid-template-columns:1fr 1fr}.row{grid-template-columns:2fr 1fr auto}.row>*:nth-child(3),.row>*:nth-child(4){display:none}}

/* XFy v0.3 */
.product-thumb{width:48px;height:48px;border-radius:10px;object-fit:cover;background:#15121a;border:1px solid var(--line)}
.image-editor{min-height:175px;border:1px dashed rgba(255,255,255,.14);border-radius:12px;background:#0d0b10;display:grid;place-items:center;overflow:hidden;position:relative}
.image-editor img{width:100%;height:175px;object-fit:cover}.image-actions{display:flex;gap:8px;margin-top:8px}
.preview-shell{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#08070b}.preview-nav{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line)}
.preview-hero{min-height:180px;padding:28px;display:flex;align-items:center;background-size:cover;background-position:center;position:relative}.preview-hero:before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.48)}.preview-hero>div{position:relative;z-index:1;max-width:420px}.preview-hero h2{margin:0 0 7px;font-size:22px}.preview-hero p{margin:0 0 14px;color:#c4beca;font-size:10px;line-height:1.5}
.preview-products{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.preview-product{border:1px solid var(--line);background:#0e0c13;padding:8px}.preview-product .ph{aspect-ratio:4/3;background:#17131d;margin-bottom:8px}.preview-product strong{font-size:9px}.preview-product span{font-size:8px;color:#77717f;display:block;margin-top:3px}
.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:14px;margin-top:20px}.settings-panel{padding:19px}.color-row{display:grid;grid-template-columns:1fr 58px;gap:8px}.color-input{width:58px;height:40px;padding:3px;background:#0e0c12;border:1px solid var(--line);border-radius:9px}
.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.segmented label{border:1px solid var(--line);border-radius:9px;padding:10px;text-align:center;font-size:9px;cursor:pointer}.segmented input{display:none}.segmented label:has(input:checked){border-color:rgba(139,92,246,.6);background:rgba(139,92,246,.1);color:#ddd0ff}
@media(max-width:1000px){.settings-grid{grid-template-columns:1fr}.preview-products{grid-template-columns:repeat(2,1fr)}}

/* ===== XFy v0.4 — Mginex-inspired information architecture, XFy identity ===== */
:root{--rail:58px;--side:176px;--top:60px;--panel:#0c0c0f;--panel2:#0f0f12}
body{background:#070709;color:#f5f5f7;font-size:12px}.store-rail{position:fixed;inset:0 auto 0 0;width:var(--rail);border-right:1px solid #18181d;background:#08080a;z-index:60;display:flex;align-items:center;flex-direction:column;padding:10px 7px;gap:8px}.xfy-glyph{height:38px;width:38px;display:grid;place-items:center;color:#8b5cf6}.xfy-glyph img{width:34px;height:34px;object-fit:contain;display:block}.rail-icon,.store-dot{width:38px;height:38px;border:0;background:transparent;color:#aaa;border-radius:9px;display:grid;place-items:center;cursor:pointer}.rail-icon:hover{background:#111116;color:white}.rail-icon svg{width:18px}.rail-stores{display:flex;flex-direction:column;gap:7px;width:100%;align-items:center}.store-dot{border:1px solid #24242b;background:#111116;overflow:hidden;color:#ddd;font-weight:800}.store-dot.selected{border-color:#8b5cf6;box-shadow:0 0 0 1px rgba(139,92,246,.25)}.store-dot img{width:100%;height:100%;object-fit:cover}.rail-bottom{margin-top:auto}
.sidebar{left:var(--rail);width:var(--side);padding:13px 9px;background:#09090b}.brand{display:none}.nav a{height:31px;border-radius:5px;margin:1px 0;padding:0 10px;font-size:10px;gap:8px}.nav a svg{width:13px}.nav a.active{background:#141419;border:0;color:#fff}.nt{font-size:7px;padding:14px 10px 5px;color:#55545c}.newtag{font-size:6px;background:#7c5cff;color:#08080a;border-radius:4px;padding:2px 4px;margin-left:auto}
main{margin-left:calc(var(--rail) + var(--side))}.topbar{height:var(--top);border-bottom:1px solid #18181d;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;background:#08080aeF;backdrop-filter:blur(12px);z-index:40}.topbar-title{display:flex;flex-direction:column;gap:2px}.topbar-title strong{font-size:12px}.topbar-title span{font-size:8px;color:#66636c}.top-actions{display:flex;align-items:center;gap:10px;position:relative}.revenue-plate{height:39px;border:1px solid #202027;border-radius:7px;padding:6px 12px;min-width:120px}.revenue-plate span{display:block;font-size:7px;color:#7e748d}.revenue-plate strong{font-size:11px}.profile-box{display:flex;align-items:center;gap:8px;padding-left:10px;border-left:1px solid #202027;cursor:pointer}.profile-box>div:nth-child(2){display:flex;flex-direction:column}.profile-box strong{font-size:9px}.profile-box span{font-size:7px;color:#77717f}.profile-box svg{width:13px}.avatar{width:30px;height:30px;border-radius:50%;background:#19151f;display:grid;place-items:center;overflow:hidden;font-weight:800}.avatar img{width:100%;height:100%;object-fit:cover}.profile-menu{display:none;position:absolute;right:0;top:48px;background:#101014;border:1px solid #25252b;border-radius:8px;padding:5px;width:130px}.profile-menu.show{display:block}.profile-menu button{width:100%;height:32px;background:none;border:0;color:#bbb;text-align:left;display:flex;align-items:center;gap:8px}.profile-menu svg{width:13px}
.content.wide{max-width:none;padding:20px 18px}.dash-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.dash-heading h1{font-size:14px;margin:0 0 3px}.dash-heading p{font-size:8px;color:#77717f;margin:0}.inline-actions{display:flex;gap:6px}.mini-select{height:30px;background:#0c0c0f;border:1px solid #202027;color:#ddd;border-radius:6px;padding:0 9px;font-size:8px}
.metrics4{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.metric-card{min-height:70px;background:#0c0c0f;border:1px solid #1b1b20;border-radius:7px;padding:12px;display:flex;justify-content:space-between}.metric-card small,.mini-metric small{display:block;font-size:7px;font-weight:700}.metric-card strong{display:block;font-size:15px;margin:7px 0 3px}.metric-card span,.mini-metric span{font-size:7px;color:#6f6c75}.trend{font-size:7px;color:#34d399;background:#092119;height:max-content;padding:4px;border-radius:4px}
.panel{background:#0b0b0e;border:1px solid #1c1c21;border-radius:7px}.dashboard-grid{display:grid;grid-template-columns:3fr 1fr;gap:7px;margin-top:7px}.chart-panel{padding:12px;min-height:230px}.panel-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #18181d;padding:0 0 9px;margin-bottom:9px}.panel-head strong{font-size:9px}.panel-head span{display:block;font-size:7px;color:#6c6971;margin-top:3px}.panel-head a{font-size:7px;color:#aaa}.visits{padding:12px;text-align:center}.visits .panel-head{text-align:left}.donut{width:110px;height:110px;border-radius:50%;margin:20px auto 12px;background:conic-gradient(#7c5cff 0 70%,#232329 70%);display:grid;place-items:center;position:relative}.donut:after{content:"";position:absolute;width:82px;height:82px;border-radius:50%;background:#0b0b0e}.donut div{z-index:1}.donut strong{display:block;font-size:15px}.donut span,.visits p{font-size:7px;color:#6c6971}.bottom-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:7px;margin-top:7px}.bottom-grid>.panel,.customer-panel{padding:10px}.customer-panel{margin-top:7px}.compact-list{min-height:75px}.compact-row{min-height:38px;border-bottom:1px solid #18181d;display:flex;align-items:center;justify-content:space-between;gap:10px;color:#eee;padding:5px}.compact-row span{display:flex;flex-direction:column}.compact-row b{font-size:8px}.compact-row small{font-size:7px;color:#68656e;margin-top:2px}.compact-row strong{font-size:8px}.compact-row em{font-style:normal}.with-thumb{flex-direction:row!important;align-items:center;gap:7px}.with-thumb img{width:27px;height:27px;object-fit:cover;border-radius:5px}.empty-mini{min-height:75px;display:grid;place-items:center;color:#5e5b64;font-size:7px}.empty-mini.roomy{min-height:240px}
.status{font-size:7px;padding:4px 6px;border-radius:4px;background:#17171b;color:#aaa}.status.paid,.status.delivered,.status.processing{background:#092119;color:#34d399}.status.pending{background:#261e05;color:#fbbf24}.status.cancelled,.status.refunded{background:#271010;color:#fb7185}
.stats-layout{display:grid;grid-template-columns:3fr 1fr;gap:7px}.side-metrics{display:grid;gap:7px}.mini-metric{padding:12px}.mini-metric strong{display:block;font-size:15px;margin:7px 0}.analytics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:7px}.analytic{padding:12px;min-height:160px}.analytic>strong{font-size:9px}.big-ring{width:90px;height:90px;border-radius:50%;border:10px solid #7c5cff;display:grid;place-items:center;margin:20px auto;font-size:14px;font-weight:900}.rank-list{margin-top:12px}
.sales-filters{display:flex;gap:7px;margin-bottom:8px}.sales-filters .search{max-width:320px;height:31px}.table-panel{overflow:hidden}.sales-row{display:grid;grid-template-columns:1.4fr 1.7fr .75fr 1fr 18px;align-items:center;gap:12px;min-height:48px;padding:8px 11px;border-top:1px solid #18181d;color:#eee}.sales-row:first-child{border-top:0}.sales-row span{display:flex;flex-direction:column}.sales-row b,.sales-row strong{font-size:8px}.sales-row small{font-size:7px;color:#6b6871;margin-top:3px}.sales-head{min-height:31px;color:#77717f;font-size:7px}.sales-row svg{width:12px}
.order-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.order-title>a{color:#ddd}.order-title svg{width:15px}.order-title h1{font-size:14px;margin:0}.order-title p{font-size:7px;color:#77717f;margin:3px 0 0}.order-title .btn{margin-left:auto}.order-grid{display:grid;grid-template-columns:2fr 1fr;gap:8px}.order-section{margin-top:8px;padding:13px}.order-section>strong{font-size:9px}.warning{margin-top:13px;background:#261e05;color:#fbbf24;padding:10px;border-radius:5px;font-size:8px}.delivery-box{margin-top:12px;border:1px solid #1c1c21;border-radius:6px;padding:10px;color:#8b8791;font-size:8px}.delivery-line{display:flex;justify-content:space-between;align-items:center}.order-summary{padding:13px;height:max-content}.summary-head{display:grid;grid-template-columns:1fr auto;gap:6px;border-bottom:1px solid #1b1b20;padding-bottom:13px}.summary-head small{grid-column:1/-1;color:#77717f;font-size:7px}.order-summary section{padding:13px 0;border-bottom:1px solid #18181d}.order-summary section>b{font-size:9px}.order-summary p{display:flex;justify-content:space-between;gap:10px;margin:8px 0;font-size:8px;color:#77717f}.order-summary p strong{color:#eee;text-align:right}
.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.app-card{min-height:140px;border:1px solid #1d1d22;border-radius:7px;background:#0c0c0f;padding:14px;display:flex;flex-direction:column}.app-icon{width:27px;height:27px;border-radius:6px;background:#15131c;color:#8b5cf6;display:grid;place-items:center;font-weight:900;margin-bottom:9px}.app-card strong{font-size:9px}.app-card p{font-size:8px;color:#77717f;line-height:1.5;flex:1}.app-card .btn{width:100%;height:29px}
.tabs{display:flex;width:max-content;border:1px solid #202027;border-radius:7px;padding:3px;margin-bottom:13px}.tabs button{height:26px;background:none;border:0;color:#aaa;font-size:8px;padding:0 10px;border-radius:5px}.tabs button.active{background:#15151a;color:#fff}.settings-section{margin-top:8px;padding:13px}.settings-section .panel-head{margin:-1px -1px 12px;padding:0 0 11px}.embedded{padding:0}.toggle-row{display:flex;justify-content:space-between;align-items:center}.toggle-row strong{font-size:9px}.toggle-row p{font-size:7px;color:#77717f}.terms{min-height:220px}
.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.7);z-index:100;display:none;place-items:center}.modal-backdrop.show{display:grid}.modal-card{width:min(430px,calc(100% - 30px));background:#0d0d10;border:1px solid #25252b;border-radius:9px;padding:16px}.modal-title{display:flex;justify-content:space-between}.modal-title h3{font-size:13px;margin:0}.modal-title p{font-size:8px;color:#77717f;margin:4px 0 16px}
@media(max-width:1050px){.metrics4,.analytics-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.stats-layout,.order-grid{grid-template-columns:1fr}.bottom-grid{grid-template-columns:1fr}.app-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.store-rail{display:none}.sidebar{left:0;transform:translateX(-100%)}main{margin-left:0}.revenue-plate{display:none}.content.wide{padding:14px}.metrics4,.analytics-grid,.app-grid{grid-template-columns:1fr}.sales-row{grid-template-columns:1.2fr 1fr .7fr}.sales-row>*:nth-child(2){display:none}.profile-box span{display:none}}

/* ===== XFy v0.5 polish ===== */
body{background:radial-gradient(circle at 70% -20%,rgba(124,92,255,.055),transparent 30%),#070709}.topbar{box-shadow:0 1px 0 rgba(255,255,255,.015)}.btn{transition:.16s ease;border-radius:7px}.btn:hover{border-color:#35343d;color:#fff;transform:translateY(-1px)}.btn.primary{background:#7c5cff;border-color:#8a6bff;box-shadow:0 5px 18px rgba(124,92,255,.12)}.btn.primary:hover{background:#886aff}.metric-card,.panel,.app-card{box-shadow:0 12px 35px rgba(0,0,0,.08)}.metric-card{position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(124,92,255,.35),transparent)}.metric-icon{width:28px;height:28px;border-radius:7px;background:#15131d;border:1px solid #24202f;color:#8b6cff;display:grid;place-items:center}.metric-icon svg{width:13px}
.period-wrap{display:flex;align-items:center;position:relative;border:1px solid #1c1c22;border-radius:7px;padding:3px;background:#09090c}.period-wrap>.btn{height:28px;border:0;background:transparent}.period-wrap>.btn.primary{background:#7c5cff}.period-label{height:24px;padding:0 9px;display:grid;place-items:center;background:#111115;border-radius:5px;font-size:7px;font-weight:800;margin-right:4px}.period-popover{display:none;position:absolute;right:92px;top:39px;width:220px;padding:6px;background:#101014;border:1px solid #27272e;border-radius:9px;z-index:50;box-shadow:0 20px 50px rgba(0,0,0,.45)}.period-popover.show{display:block}.period-popover>button{display:block;width:100%;height:31px;text-align:left;background:none;border:0;color:#aaa;padding:0 9px;border-radius:5px;font-size:9px;cursor:pointer}.period-popover>button:hover{background:#19191e;color:#fff}.period-custom{border-top:1px solid #222228;margin-top:5px;padding:8px 4px 3px;display:grid;gap:6px}.period-custom small{font-size:7px;color:#777}.period-custom input{height:29px;background:#0b0b0e;border:1px solid #24242a;color:#ddd;border-radius:5px;padding:0 6px;font-size:8px}
.category-toolbar,.product-toolbar{display:flex;gap:7px;margin-bottom:12px}.category-toolbar .search,.product-toolbar .search{max-width:340px;height:32px}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.category-card{background:#0c0c0f;border:1px solid #1d1d23;border-radius:10px;overflow:hidden;transition:.18s}.category-card:hover{border-color:#2c2935;transform:translateY(-1px)}.category-banner{height:130px;background:#101014;position:relative;overflow:hidden}.category-banner img{width:100%;height:100%;object-fit:cover}.category-banner:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(0,0,0,.55))}.category-placeholder{height:100%;display:grid;place-items:center;color:#38343f}.category-placeholder svg{width:28px}.visibility{font-style:normal;font-size:7px;color:#aaa;background:#19191e;padding:4px 6px;border-radius:5px;width:max-content}.category-banner>.visibility{position:absolute;right:9px;top:9px;z-index:2}.visibility.on{background:#092119;color:#34d399}.category-info{display:flex;justify-content:space-between;align-items:flex-start;padding:11px 11px 7px}.category-info h3{font-size:10px;margin:0}.category-info p{font-size:7px;color:#625e68;margin:3px 0 0}.icon-btn{width:27px;height:27px;border:1px solid #202027;background:#101014;color:#817c88;border-radius:6px;display:grid;place-items:center;cursor:pointer}.icon-btn:hover{color:#fff;border-color:#35343d}.icon-btn svg{width:13px}.category-meta{display:flex;gap:14px;padding:0 11px 10px;color:#6d6973;font-size:7px}.category-meta b{color:#bcb7c3}.category-actions{border-top:1px solid #19191e;padding:8px;display:flex;gap:6px}.category-actions .btn:first-child{flex:1}.danger-text{color:#fb7185!important}.cat-image label,.image-editor label{display:flex;flex-direction:column;align-items:center;gap:7px;color:#777;cursor:pointer}.cat-image label svg,.image-editor label svg{width:20px}
.product-group{margin-bottom:11px}.product-group-head{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 9px}.product-group-head>div{display:flex;align-items:center;gap:7px}.product-group-head svg{width:12px;color:#666}.product-group-head strong{font-size:10px}.product-group-head span{font-size:7px;color:#5f5b65}.product-group-head .btn{height:27px;font-size:8px}.product-table{border:1px solid #1d1d23;border-radius:9px;overflow:visible;background:#0b0b0e}.product-row{display:grid;grid-template-columns:minmax(230px,2fr) .75fr .65fr .75fr .45fr 32px;align-items:center;gap:10px;min-height:54px;padding:7px 10px;border-top:1px solid #18181d;font-size:8px}.product-row:first-child{border-top:0}.product-head{min-height:30px;color:#5f5b65;text-transform:uppercase;font-size:6px;font-weight:800}.product-cell{display:flex;align-items:center;gap:8px}.product-cell>img,.product-empty-img{width:36px;height:36px;object-fit:cover;border-radius:6px;background:#15151a;border:1px solid #222229}.product-empty-img{display:grid;place-items:center;color:#4d4952}.product-empty-img svg{width:13px}.product-cell>span:not(.drag){display:flex;flex-direction:column}.product-cell b{font-size:8px}.product-cell small,.product-row small{font-size:6px;color:#69656f;margin-top:2px}.drag{color:#45414a;cursor:grab}.action-wrap{position:relative}.action-menu{display:none;position:absolute;right:0;top:29px;width:150px;background:#111115;border:1px solid #292930;border-radius:7px;padding:4px;z-index:30;box-shadow:0 16px 40px rgba(0,0,0,.45)}.action-menu.show{display:block}.action-menu button{width:100%;height:29px;border:0;background:none;color:#aaa;display:flex;align-items:center;gap:7px;padding:0 8px;border-radius:4px;font-size:8px;cursor:pointer}.action-menu button:hover{background:#1a1a20;color:#fff}.action-menu svg{width:12px}.empty-modern{min-height:210px;grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#625e68}.empty-modern>svg{width:25px;color:#7c5cff}.empty-modern strong{font-size:10px;color:#aaa}.empty-modern span{font-size:8px}
.coupon-table{overflow:visible}.coupon-row{display:grid;grid-template-columns:1.2fr .65fr .75fr .8fr 1.2fr 32px;align-items:center;gap:10px;min-height:51px;padding:8px 11px;border-top:1px solid #19191e;font-size:8px}.coupon-row:first-child{border-top:0}.coupon-head{min-height:31px;color:#5f5b65;text-transform:uppercase;font-size:6px;font-weight:800}.coupon-row>span{display:flex;flex-direction:column}.coupon-row b{font-size:8px}.coupon-row small{font-size:6px;color:#69656f;margin-top:3px}.coupon-code{text-transform:uppercase}.usage-bar{height:3px;width:70px;background:#202027;border-radius:9px;margin-top:5px;overflow:hidden}.usage-bar i{display:block;height:100%;background:#7c5cff}.scope-box{margin:-4px 0 14px}.check-list{max-height:160px;overflow:auto;border:1px solid #202027;border-radius:7px;padding:5px}.check-list label{display:flex;align-items:center;gap:8px;padding:7px;border-radius:5px;font-size:8px;color:#aaa;cursor:pointer}.check-list label:hover{background:#15151a}.compact-toggle{border:1px solid #202027;border-radius:7px;padding:10px}
.integration-tabs{display:flex;gap:4px;margin-top:16px}.integration-tabs button{height:29px;padding:0 10px;border:1px solid #202027;background:#0d0d10;color:#777;border-radius:6px;font-size:8px}.integration-tabs button.active{background:#17151d;color:#ddd;border-color:#302a3c}.modern-app{min-height:155px}.app-card-top{display:flex;justify-content:space-between;align-items:flex-start}.integration-modal{width:min(500px,calc(100% - 30px))}.security-note{display:flex;gap:8px;background:#111018;border:1px solid #262231;color:#817a8c;border-radius:7px;padding:9px;font-size:7px;line-height:1.5}.security-note svg{width:14px;flex:none;color:#8b6cff}.integration-coming{padding:15px;border:1px dashed #28252f;border-radius:7px;margin-bottom:10px}
.settings-tabs{display:flex;gap:2px;border-bottom:1px solid #1b1b20;margin:-4px 0 18px}.settings-tabs button{height:35px;border:0;border-bottom:2px solid transparent;background:none;color:#68646e;padding:0 12px;font-size:8px;cursor:pointer}.settings-tabs button.active{color:#fff;border-color:#7c5cff}.tab-pane{display:none}.tab-pane.active{display:block}.switch input{display:none}.switch span{display:block;width:34px;height:18px;border-radius:99px;background:#25252b;position:relative;cursor:pointer;transition:.2s}.switch span:after{content:"";position:absolute;width:14px;height:14px;left:2px;top:2px;background:#777;border-radius:50%;transition:.2s}.switch input:checked+span{background:#6d4de8}.switch input:checked+span:after{left:18px;background:white}.toggle-row.line{padding:12px 0;border-bottom:1px solid #19191e}.terms-field,.spaced{margin-top:14px}.domain-default{height:48px;border:1px solid #202027;border-radius:7px;padding:0 10px;display:flex;align-items:center;gap:12px}.domain-default span{font-size:7px;color:#777}.domain-default strong{font-size:9px;flex:1}
@media(max-width:1050px){.category-grid{grid-template-columns:1fr 1fr}.product-row{grid-template-columns:minmax(200px,2fr) .8fr .6fr .7fr 32px}.product-row>*:nth-child(5){display:none}.coupon-row{grid-template-columns:1.2fr .7fr .7fr 1fr 32px}.coupon-row>*:nth-child(5){display:none}}
@media(max-width:760px){.category-grid{grid-template-columns:1fr}.period-label{display:none}.period-popover{right:0}.product-row{grid-template-columns:1fr .7fr 32px}.product-row>*:nth-child(3),.product-row>*:nth-child(4),.product-head>*:nth-child(3),.product-head>*:nth-child(4){display:none}.coupon-row{grid-template-columns:1fr .7fr 32px}.coupon-row>*:nth-child(2),.coupon-row>*:nth-child(4){display:none}.settings-tabs{overflow:auto}.settings-tabs button{white-space:nowrap}}
.demo-badge{font-style:normal;font-size:6px;padding:3px 5px;border-radius:4px;background:#2a2107;color:#fbbf24;vertical-align:middle;margin-left:5px}.big-number{font-size:32px;font-weight:900;margin:28px 0 3px}.analytic-help{font-size:7px;color:#666}


/* ===== XFy v0.12 — premium glass dashboard ===== */
:root{
 --glass:rgba(16,14,23,.68);--glass-strong:rgba(18,16,26,.86);--glass-line:rgba(255,255,255,.085);
 --purple:#8b5cf6;--purple2:#6d28d9;--purple-soft:rgba(139,92,246,.14);
}
body:before,body:after{content:"";position:fixed;pointer-events:none;z-index:-1;border-radius:999px;filter:blur(90px);opacity:.34}
body:before{width:520px;height:520px;left:22%;top:-260px;background:rgba(109,40,217,.34)}
body:after{width:460px;height:460px;right:-180px;top:24%;background:rgba(124,58,237,.18)}
body{background:linear-gradient(135deg,#07070b 0%,#090812 46%,#060609 100%);background-attachment:fixed}
.store-rail{background:rgba(8,8,12,.78);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-line)}
.sidebar{background:rgba(10,9,15,.70);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-right:1px solid var(--glass-line)}
.nav a{height:35px;border-radius:8px;transition:.18s ease;color:#9690a2}
.nav a:hover{background:rgba(255,255,255,.045);color:#fff;transform:translateX(2px)}
.nav a.active{background:linear-gradient(90deg,rgba(124,58,237,.34),rgba(139,92,246,.12));box-shadow:inset 0 0 0 1px rgba(167,139,250,.13),0 8px 24px rgba(76,29,149,.10);color:#fff}
.topbar{height:68px;background:rgba(8,8,13,.62);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:1px solid var(--glass-line);padding:0 26px}
.revenue-plate,.profile-box{background:rgba(255,255,255,.025);border:1px solid var(--glass-line);border-radius:11px}
.revenue-plate{padding:7px 13px}.profile-box{padding:6px 10px;border-left:1px solid var(--glass-line)}
.profile-menu{background:rgba(17,15,24,.92);backdrop-filter:blur(20px);border-color:var(--glass-line);box-shadow:0 20px 60px rgba(0,0,0,.42)}
.content.wide{padding:28px 26px 34px;max-width:1600px}
.dash-heading{margin-bottom:20px}.dash-heading h1{font-size:23px;letter-spacing:-.55px;margin-bottom:5px}.dash-heading p{font-size:10px;color:#8b8593}
.period-wrap{border-color:var(--glass-line);background:rgba(255,255,255,.025);border-radius:11px;padding:4px;backdrop-filter:blur(16px)}
.period-label{background:rgba(255,255,255,.045);border-radius:7px}.period-popover{background:rgba(17,15,24,.94);backdrop-filter:blur(22px);border-color:var(--glass-line)}
.metrics4{gap:12px}.metric-card{min-height:128px;padding:18px;border-radius:15px;background:linear-gradient(145deg,rgba(22,19,31,.78),rgba(12,11,18,.62));border:1px solid var(--glass-line);backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.metric-card:before{content:"";position:absolute;width:120px;height:120px;right:-48px;top:-55px;background:rgba(124,58,237,.12);filter:blur(22px);border-radius:50%}.metric-card:after{height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.52),transparent)}
.metric-card small{font-size:10px;color:#d4cfdb}.metric-card strong{font-size:25px;letter-spacing:-.6px;margin:14px 0 5px}.metric-card span{font-size:9px;color:#817b89}.metric-icon{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,rgba(124,58,237,.28),rgba(76,29,149,.20));border:1px solid rgba(139,92,246,.22);box-shadow:0 8px 28px rgba(124,58,237,.12);color:#a78bfa}.metric-icon svg{width:18px}
.dashboard-grid{grid-template-columns:minmax(0,3fr) minmax(245px,.9fr);gap:12px;margin-top:12px}.panel{background:linear-gradient(145deg,rgba(17,15,24,.78),rgba(10,10,15,.66));border:1px solid var(--glass-line);border-radius:15px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 55px rgba(0,0,0,.16),inset 0 1px 0 rgba(255,255,255,.02)}
.chart-panel{padding:18px;min-height:320px}.visits{padding:18px}.panel-head{border-bottom:0;padding:0;margin-bottom:16px}.panel-head strong{font-size:12px}.panel-head span{font-size:9px;color:#817b89;margin-top:4px}.panel-head a{font-size:9px;color:#b8a7ed;padding:7px 10px;border:1px solid var(--glass-line);border-radius:8px;background:rgba(255,255,255,.025)}
.donut{width:145px;height:145px;margin:30px auto 18px;box-shadow:0 0 35px rgba(124,58,237,.14)}.donut:after{width:108px;height:108px;background:#0d0c13}.donut strong{font-size:22px}.donut span,.visits p{font-size:9px}
.bottom-grid{grid-template-columns:minmax(0,2.2fr) minmax(260px,.8fr);gap:12px;margin-top:12px}.bottom-grid>.panel{padding:18px}.recent-panel{min-height:260px}.quick-panel{min-height:260px}.compact-list{min-height:150px}.compact-row{min-height:49px;padding:8px 5px;border-color:rgba(255,255,255,.055)}.compact-row b{font-size:9px}.compact-row small{font-size:8px}.compact-row strong{font-size:9px}
.quick-actions{display:grid;gap:7px}.quick-action{min-height:43px;display:flex;align-items:center;gap:10px;padding:0 11px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.026);color:#d8d3df;transition:.18s}.quick-action:hover{background:rgba(139,92,246,.09);border-color:rgba(139,92,246,.20);transform:translateX(2px)}.quick-action svg{width:15px;color:#a78bfa}.quick-action span{font-size:9px;font-weight:700;flex:1}.quick-action i{font-style:normal;color:#625c69;font-size:13px}
.empty-mini{font-size:9px;color:#69636f}.dashboard-empty{min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#716b79;gap:8px}.dashboard-empty svg{width:34px;height:34px;color:#4f4959}.dashboard-empty strong{font-size:11px;color:#bbb5c2}.dashboard-empty span{font-size:8px}
.btn{border-radius:9px;background:rgba(255,255,255,.035);border-color:var(--glass-line)}.btn.primary{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 8px 25px rgba(109,40,217,.18)}
@media(max-width:1050px){.bottom-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr}.metrics4{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.content.wide{padding:18px 14px}.dash-heading{align-items:flex-start;gap:14px;flex-direction:column}.metrics4{grid-template-columns:1fr}.metric-card{min-height:112px}.chart-panel{min-height:270px}.topbar{padding:0 14px}}

/* v0.13 — brand icon normalization */
.brand-icon{width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:9px!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:12px!important;background:rgba(255,255,255,.035)!important;overflow:hidden}
.brand-icon img{width:100%!important;height:100%!important;object-fit:contain!important;display:block}
.brand-icon span{width:100%;height:100%;place-items:center;font-weight:900;color:#9b6cff}
.app-card>.app-icon:has(img){width:44px;height:44px;padding:8px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.app-card>.app-icon img{width:100%!important;height:100%!important;object-fit:contain!important}

/* XFy v0.15 — Carrinho abandonado */
.recovery-page{max-width:1240px}.recovery-title{display:flex;align-items:flex-end;justify-content:space-between}.recovery-summary{display:flex;gap:8px}.recovery-summary span{padding:8px 11px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:rgba(255,255,255,.025);font-size:11px;color:#8d8b96}.recovery-summary b{color:#fff}.recovery-summary .good b{color:#34d399}.recovery-config{padding:0;overflow:hidden}.recovery-delay,.recovery-setting{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid rgba(255,255,255,.075)}.recovery-setting:last-child{border-bottom:0}.setting-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#15151c;color:#b9b7c0;flex:none}.setting-icon svg{width:16px}.grow{flex:1}.recovery-config strong{font-size:13px}.recovery-config p,.recovery-config small{margin:3px 0 0;color:#777581;font-size:11px}.recovery-setting .btn{display:flex;align-items:center;gap:4px;background:transparent;border:0}.recovery-setting .btn svg{width:14px}.delay-options{display:flex;gap:3px;margin:10px 0 6px;padding:3px;width:max-content;border:1px solid #282833;border-radius:8px;background:#0b0b10}.delay-options button{height:28px;padding:0 12px;border:0;border-radius:5px;background:transparent;color:#aaa7b1;font-size:11px;cursor:pointer}.delay-options button.active{background:#1c1826;color:#c4a5ff;box-shadow:inset 0 0 0 1px rgba(139,92,246,.32)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#5d5b63;margin-right:5px}.dot.on{background:#21d69b}.recovery-tabs{display:flex;gap:4px;margin-top:18px}.recovery-tabs button{padding:8px 11px;border:0;background:transparent;color:#777581;border-radius:8px;font-size:11px;cursor:pointer}.recovery-tabs button.active{background:#17151f;color:#d7c4ff}.recovery-toolbar{display:flex;justify-content:space-between;gap:12px;margin:10px 0}.recovery-search{width:min(355px,100%);height:38px;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid #292935;border-radius:8px;background:#0c0c11}.recovery-search svg{width:15px;color:#777}.recovery-search input{width:100%;border:0;outline:0;background:none;color:#fff}.recovery-toolbar>.btn{display:flex;gap:7px;align-items:center;background:#f5f5f7;color:#111;border-color:#fff}.recovery-toolbar>.btn svg{width:15px}.recovery-table-panel{padding:0;overflow:hidden}.recovery-table td{height:62px}.recovery-table td strong{font-size:12px}.recovery-table td small{display:block;margin-top:4px;color:#686773;font-size:10px}.product-cell{max-width:270px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-action{width:31px;height:31px;display:grid;place-items:center;border:1px solid #282832;border-radius:7px;background:#0d0d12;color:#aaa;cursor:pointer}.icon-action svg{width:14px}.rec-state{display:inline-flex;align-items:center;gap:5px;color:#777581;font-size:10px}.rec-state svg{width:13px}.rec-state.sent{color:#c4a5ff}.rec-state.recovered{color:#34d399}.recovery-modal{width:min(560px,calc(100% - 24px))}.toggle-line{display:flex;align-items:center;gap:8px;margin:10px 0 18px;font-size:12px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.detail-grid>div,.detail-products,.detail-recovery{padding:12px;border:1px solid #262630;border-radius:9px;background:#0d0d12}.detail-grid span,.detail-products>span,.detail-recovery>span{display:block;color:#706e79;font-size:9px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.detail-products,.detail-recovery{margin-top:10px}.detail-products>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #202027;font-size:11px}.detail-products>div:first-of-type{border-top:0}@media(max-width:700px){.recovery-title{display:block}.recovery-summary{margin-top:12px}.recovery-toolbar{align-items:stretch}.recovery-table{min-width:900px}.detail-grid{grid-template-columns:1fr}}

.setting-icon.brand-icon{background:#111117}.setting-icon.brand-icon img{width:20px;height:20px;object-fit:contain;display:block}.setting-icon.brand-icon img[alt="Gmail"]{width:21px}

.wa-page{max-width:1280px}.wa-head{margin:8px 0 28px}.wa-head h1{font-size:19px;margin:0 0 9px}.wa-head p{color:#9aa3b5;font-size:12px;margin:0}.wa-warning{background:#4a4020;border:1px solid #5b4d23;border-radius:12px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.wa-warning>div{display:flex;align-items:center;gap:10px}.wa-warning svg{color:#ffe46c;width:19px}.wa-warning span{display:flex;flex-direction:column}.wa-warning strong{color:#ffe46c;font-size:12px}.wa-warning small{color:#f6df75;font-size:9px;margin-top:3px}.wa-warning-actions{flex-wrap:wrap}.primary-light{background:#f5f6f8!important;color:#111827!important;border-color:#f5f6f8!important}.wa-tabs{display:flex;width:max-content;border:1px solid #263044;border-radius:8px;overflow:hidden;margin-bottom:22px}.wa-tabs button{border:0;border-right:1px solid #263044;background:#080d18;color:#aab5ca;padding:10px 16px;cursor:pointer}.wa-tabs button:last-child{border:0}.wa-tabs button.active{background:#111a2a;color:#fff;font-weight:800}.wa-pane{display:none}.wa-pane.active{display:block}.wa-grid{display:grid;grid-template-columns:2fr .9fr;gap:20px}.wa-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.wa-section-title>strong{font-size:11px}.wa-empty{height:230px;border:1px dashed #263044;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center}.wa-phone-icon{width:44px;height:44px;border-radius:50%;background:#121a29;display:grid;place-items:center;margin-bottom:10px}.wa-phone-icon svg{color:#a7b1c5}.wa-empty>strong{font-size:12px}.wa-empty p{color:#8c99b0;font-size:9px;margin:5px 0 12px}.wa-info-card{border:1px solid #263044;border-radius:8px;padding:18px;background:#080d18}.wa-info-card>strong{display:block;margin-bottom:14px;font-size:11px}.wa-info-card>div{display:flex;gap:11px;margin:14px 0}.wa-info-card>div>svg{border:1px solid #263044;border-radius:7px;padding:6px;width:29px;height:29px}.wa-info-card span{display:flex;flex-direction:column}.wa-info-card b{font-size:10px}.wa-info-card small{font-size:9px;color:#9db0ce;margin-top:2px;line-height:1.35}.wa-api-card{position:relative;border:1px solid #006b5b;background:#04201f;border-radius:8px;padding:18px;display:flex;gap:11px;margin-top:12px}.wa-api-card>svg{background:#06483f;color:#40e0b5;border-radius:7px;padding:7px;width:31px;height:31px}.wa-api-card span{display:flex;flex-direction:column}.wa-api-card b{font-size:10px}.wa-api-card small{font-size:9px;color:#9db0ce;margin-top:3px}.wa-api-card em{position:absolute;right:10px;top:10px;font-style:normal;font-size:7px;font-weight:900;color:#27e0b3;background:#063b35;border-radius:999px;padding:4px 7px}.wa-message-card{max-width:720px}.wa-message-card textarea{height:auto;padding:12px}@media(max-width:900px){.wa-grid{grid-template-columns:1fr}.wa-warning{align-items:flex-start;flex-direction:column}}

.order-v2-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(290px,.7fr);gap:14px}.order-main{display:flex;flex-direction:column;gap:14px}.order-v2-card{margin:0}.order-top-actions{display:flex;gap:8px;margin-left:auto}.sticky-order{position:sticky;top:74px}.summary-head>div{display:flex;align-items:center;justify-content:space-between}.order-items-head,.order-item-v2{display:grid;grid-template-columns:1.5fr .35fr .55fr .55fr;gap:12px;align-items:center;padding:11px 4px;border-bottom:1px solid #202027}.order-items-head{font-size:8px;color:#77717f;text-transform:uppercase;font-weight:800}.order-item-v2 strong,.order-item-v2 b{font-size:10px}.order-item-v2 span{font-size:9px;color:#9b96a0}.order-info-line{display:flex;justify-content:space-between;gap:16px;padding:8px 0;margin:0;border-bottom:1px solid #1d1d22;font-size:9px}.order-info-line span{color:#817c87}.order-info-line strong{text-align:right;word-break:break-word}.order-info-line.total{font-size:11px;border:0;padding-top:12px}.order-action-block{display:grid;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid #25252b}.order-action-block label{font-size:8px;color:#77717f}.order-action-block .mini-select{width:100%}.delivery-v2{display:grid;grid-template-columns:1fr auto;gap:9px;padding:12px 0;border-bottom:1px solid #202027}.delivery-v2>div{display:flex;flex-direction:column}.delivery-v2 span{font-size:9px;font-weight:800}.delivery-v2 small{font-size:8px;color:#77717f}.delivery-v2 code{grid-column:1/-1;background:#09090c;border:1px solid #24242b;border-radius:7px;padding:10px;white-space:pre-wrap;word-break:break-word;color:#c8c4cd;font-size:9px}.delivery-v2 .btn{grid-column:2;grid-row:1}.order-event{display:flex;gap:11px;padding:11px 0;border-bottom:1px solid #202027}.order-event>svg{width:27px;height:27px;padding:6px;border:1px solid #292930;border-radius:8px}.order-event>div{display:flex;flex-direction:column}.order-event strong{font-size:9px}.order-event span,.order-event small{font-size:8px;color:#77717f;margin-top:3px}@media(max-width:900px){.order-v2-grid{grid-template-columns:1fr}.sticky-order{position:static}.order-top-actions{margin-left:0}.order-title{flex-wrap:wrap}}

.domain-pro-card{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #292930;background:#0b0b0f;border-radius:10px;padding:13px;margin:12px 0}.domain-pro-card>div{display:flex;flex-direction:column}.domain-pro-card strong{font-size:10px}.domain-pro-card span{font-size:9px;color:#8c8792;margin-top:3px}.seo-preview{margin-top:16px;border:1px solid #292930;border-radius:11px;background:#0a0a0e;padding:15px;display:flex;flex-direction:column;gap:4px}.seo-preview small{font-size:8px;color:#777}.seo-preview strong{font-size:15px;color:#b8a7ff}.seo-preview span{font-size:9px;color:#54b47a}.seo-preview p{font-size:10px;color:#a7a2ad;margin:2px 0 0}.pro-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}.pro-kpi{display:flex;flex-direction:column;gap:5px}.pro-kpi small{font-size:8px;color:#77717f;text-transform:uppercase;font-weight:800}.pro-kpi strong{font-size:20px}.pro-kpi span{font-size:8px;color:#67636c}.analytics-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.ranking-list{display:flex;flex-direction:column}.rank-row{display:flex;align-items:center;gap:9px;padding:9px 0;border-bottom:1px solid #202027;font-size:9px}.rank-row em{width:22px;height:22px;border-radius:7px;background:#17171d;display:grid;place-items:center;font-style:normal;color:#8b7cff}.rank-row span{flex:1}.rank-row strong{font-size:10px}@media(max-width:900px){.pro-kpis{grid-template-columns:1fr 1fr}.analytics-pro-grid{grid-template-columns:1fr}}@media(max-width:560px){.pro-kpis{grid-template-columns:1fr}}

.stock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px}.stock-kpis .panel{padding:14px;display:flex;flex-direction:column;gap:5px}.stock-kpis small{font-size:8px;color:#777;text-transform:uppercase;font-weight:800}.stock-kpis strong{font-size:21px}.drawer-wide{width:min(720px,96vw)}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.variants-admin{border:1px solid #292930;background:#0b0b0f;border-radius:11px;padding:12px}.variants-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.variants-head>div{display:flex;flex-direction:column}.variants-head span{font-size:8px;color:#777}.variant-admin-row{display:grid;grid-template-columns:1.25fr .8fr .75fr .75fr 38px;gap:7px;margin-top:7px}.stock-number.out{color:#ff7185}.stock-number.low{color:#f7bf55}.stock-actions-pro{display:grid;grid-template-columns:180px 1fr auto;gap:8px;align-items:start}.stock-actions-pro textarea{min-height:72px}.stock-list{border:1px solid #26262d;border-radius:10px;overflow:hidden;max-height:310px;overflow-y:auto}.stock-item{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:9px 11px;border-bottom:1px solid #202027}.stock-item:last-child{border-bottom:0}.stock-item code{font-size:9px;color:#c9c5ce;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-item em{font-size:8px;font-style:normal;color:#65c78a}.stock-item.delivered{opacity:.48}.stock-item.delivered em{color:#8b8790}.stock-history{margin-top:14px}.movement-row{display:grid;grid-template-columns:10px 1fr auto;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #202027}.movement-dot{width:7px;height:7px;border-radius:50%;background:#777}.movement-dot.added,.movement-dot.restored{background:#56c986}.movement-dot.removed{background:#f0ad4e}.movement-dot.delivered{background:#8c75ff}.movement-row>div{display:flex;flex-direction:column}.movement-row strong{font-size:9px}.movement-row small,.movement-row em{font-size:8px;color:#706c75;font-style:normal}.variant-box{margin:18px 0}.variant-box>label{display:block;font-size:11px;font-weight:800;margin-bottom:8px}.variant-list{display:grid;gap:7px}.variant-option{width:100%;display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:11px 12px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.025);color:inherit;border-radius:10px;cursor:pointer}.variant-option span{font-weight:800}.variant-option small{grid-column:1;color:#777}.variant-option b{grid-row:1/3;grid-column:2;align-self:center}.variant-option.on{border-color:var(--primary,#7c5cff);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary,#7c5cff) 16%,transparent)}@media(max-width:800px){.stock-kpis{grid-template-columns:1fr 1fr}.three{grid-template-columns:1fr}.variant-admin-row{grid-template-columns:1fr 1fr}.variant-admin-row .icon-btn{grid-column:2}.stock-actions-pro{grid-template-columns:1fr}}
/* XFy v0.21 — refresh visual 2026 */
:root{--xfy-glass:rgba(16,16,23,.72);--xfy-line:rgba(255,255,255,.075);--xfy-soft:rgba(255,255,255,.035);--xfy-shadow:0 18px 60px rgba(0,0,0,.28)}
body{background:radial-gradient(900px 520px at 72% -180px,rgba(124,92,255,.12),transparent 70%),#08080b!important}
main{background:transparent}.content{padding-top:26px}.dash-heading{margin-bottom:20px}.dash-heading h1{font-size:24px;letter-spacing:-.045em}.dash-heading p{font-size:11px;color:#85818d;margin-top:5px}
.panel,.box,.product-group,.variants-admin,.stock-list,.wa-info-card,.wa-message-card,.domain-pro-card,.seo-preview{background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.018))!important;border:1px solid var(--xfy-line)!important;box-shadow:0 1px 0 rgba(255,255,255,.025) inset;border-radius:14px!important}
.btn{border-radius:10px!important;min-height:38px;font-weight:750;letter-spacing:-.01em;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.16)}.btn.primary{background:linear-gradient(135deg,#6f4df6,#8b5cf6)!important;box-shadow:0 8px 24px rgba(124,92,255,.2);border-color:rgba(255,255,255,.09)!important}.btn.primary:hover{box-shadow:0 10px 30px rgba(124,92,255,.3)}
.input,.textarea,.select,.mini-select,.search{background:#0c0c11!important;border:1px solid rgba(255,255,255,.085)!important;border-radius:10px!important;transition:border-color .18s,box-shadow .18s}.input:focus,.textarea:focus,.select:focus,.mini-select:focus,.search:focus-within{border-color:rgba(139,92,246,.65)!important;box-shadow:0 0 0 3px rgba(139,92,246,.1)!important;outline:none}
.stock-kpis{gap:12px}.stock-kpis .panel{padding:17px 18px}.stock-kpis strong{font-size:24px;letter-spacing:-.04em}.stock-kpis small{letter-spacing:.08em;color:#777380}
.product-toolbar{gap:9px;margin:14px 0}.product-group{overflow:visible;margin-bottom:12px}.product-group-head{padding:13px 15px;border-bottom:1px solid var(--xfy-line)}.product-row{min-height:66px;border-color:var(--xfy-line)!important}.product-row:not(.product-head):hover{background:rgba(255,255,255,.022)}.product-cell img,.product-empty-img{border-radius:9px!important}.visibility{border-radius:999px!important;padding:5px 9px!important}
.drawer{background:rgba(10,10,14,.96)!important;backdrop-filter:blur(24px);border-left:1px solid rgba(255,255,255,.09)!important;box-shadow:-30px 0 80px rgba(0,0,0,.35)}.drawer-head{background:rgba(13,13,18,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--xfy-line)}.overlay{backdrop-filter:blur(3px)}
.create-product-wrap{position:relative}.create-product-wrap>.btn{gap:8px}.create-product-wrap .chev{width:14px;height:14px;opacity:.72}.create-product-menu{position:absolute;z-index:80;right:0;top:calc(100% + 8px);width:270px;padding:6px;background:rgba(13,13,18,.98);border:1px solid rgba(255,255,255,.09);border-radius:13px;box-shadow:0 22px 65px rgba(0,0,0,.48);display:none;backdrop-filter:blur(20px)}.create-product-menu.show{display:block;animation:xfyMenu .14s ease-out}.create-product-menu button{width:100%;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center;text-align:left;padding:10px;border:0;border-radius:9px;background:transparent;color:#f6f4fa;cursor:pointer}.create-product-menu button:hover{background:rgba(139,92,246,.11)}.create-product-menu svg{width:18px;color:#a78bfa}.create-product-menu span{display:flex;flex-direction:column;gap:2px}.create-product-menu strong{font-size:11px}.create-product-menu small{font-size:8px;color:#777380}@keyframes xfyMenu{from{opacity:0;transform:translateY(-5px) scale(.985)}to{opacity:1;transform:none}}
.form .field>label{font-size:8px;letter-spacing:.08em;color:#898490}.image-editor{border-radius:13px!important;background:linear-gradient(145deg,#0d0d12,#111019)!important;border-color:rgba(255,255,255,.08)!important}.toggle-row.line{border-radius:12px;padding:13px;background:rgba(255,255,255,.018);border:1px solid var(--xfy-line)}
/* storefront refresh */
body.storefront-body,.storefront-body{background:#08080b!important}.store-header{backdrop-filter:blur(20px);background:rgba(8,8,11,.8)!important;border-color:rgba(255,255,255,.07)!important}.home-product,.featured-product{border-radius:16px!important;border-color:rgba(255,255,255,.075)!important;background:rgba(255,255,255,.025)!important;overflow:hidden;transition:transform .2s,border-color .2s,background .2s}.home-product:hover,.featured-product:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.14)!important;background:rgba(255,255,255,.04)!important}.xfy-product-image img,.featured-image img{transition:transform .3s}.home-product:hover img,.featured-product:hover img{transform:scale(1.025)}.checkout-layout>.box{border-radius:18px!important;background:rgba(15,15,20,.78)!important;backdrop-filter:blur(18px)}.checkout-layout h1,.checkout-layout h2{letter-spacing:-.035em}.summary-line{border-color:rgba(255,255,255,.07)!important}.secure{opacity:.68}
@media(max-width:700px){.content{padding-top:18px}.dash-heading h1{font-size:21px}.create-product-menu{right:0;width:min(270px,85vw)}.stock-kpis{gap:8px}.stock-kpis .panel{padding:13px}.stock-kpis strong{font-size:20px}}

/* ===== XFy v0.23 — mobile navigation & touch adaptation ===== */
@media(max-width:760px){
  html,body{max-width:100%;overflow-x:hidden}
  .topbar{padding:0 10px;height:56px}.topbar-title span,.revenue-plate{display:none}.top-actions{gap:5px}.profile-box{padding-left:5px}.profile-box>div:nth-child(2){display:none}
  .content,.app-content{padding-left:12px!important;padding-right:12px!important}
  .stats,.metric-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .toolbar,.category-toolbar,.product-toolbar{overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.toolbar::-webkit-scrollbar,.category-toolbar::-webkit-scrollbar,.product-toolbar::-webkit-scrollbar{display:none}.toolbar>*{flex:none}.toolbar .search{min-width:210px}
  .panel,.card,.metric-card{border-radius:10px}
  .store-rail{left:0;right:0;top:auto;bottom:0;width:100%;height:62px;flex-direction:row;padding:6px 10px;justify-content:space-around;border-right:0;border-top:1px solid #202027;background:rgba(8,8,10,.96);backdrop-filter:blur(16px);z-index:90}.store-rail>.xfy-glyph,.store-rail>.rail-stores{display:none}.store-rail .rail-bottom{margin:0}.rail-icon,.store-dot{width:42px;height:42px}
  .sidebar{left:0;bottom:62px;width:min(280px,86vw);z-index:85}
  main{margin-left:0!important;padding-bottom:72px}
  .product-table,.coupon-table,.list{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.product-row{min-width:600px}.coupon-row{min-width:560px}
  .settings-grid,.two{grid-template-columns:1fr!important}.drawer{width:100%;bottom:62px}.drawer-head{height:58px}.form{padding:15px}
  .preview-products{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* XFy Rewards v0.25 */
.rewards-page{padding-bottom:60px}.rewards-hero{position:relative;overflow:hidden;min-height:250px;padding:38px;border:1px solid #2d2143;border-radius:24px;background:radial-gradient(circle at 78% 25%,rgba(139,92,246,.28),transparent 27%),linear-gradient(125deg,#0d0b13,#11101b 60%,#170b2b);display:flex;align-items:center}.reward-glow{position:absolute;width:420px;height:420px;right:-100px;top:-180px;border-radius:50%;background:#7c3aed;filter:blur(100px);opacity:.18}.rewards-copy{max-width:760px;position:relative;z-index:2}.reward-kicker{display:inline-flex;align-items:center;gap:8px;color:#c4a7ff;font-weight:800;font-size:12px;letter-spacing:.06em}.rewards-copy h1{font-size:48px;line-height:1.02;margin:14px 0 12px}.rewards-copy h1 em{font-style:normal;background:linear-gradient(90deg,#a78bfa,#e879f9);-webkit-background-clip:text;color:transparent}.rewards-copy p{max-width:680px;color:#aaa3b6;font-size:15px}.reward-benefits{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.reward-benefits span{padding:10px 13px;border:1px solid #302742;background:#100e18;border-radius:12px;font-size:12px}.reward-orbit{position:absolute;right:65px;display:flex;flex-direction:column;align-items:center;text-shadow:0 0 28px #8b5cf6}.reward-orbit img{width:92px;filter:drop-shadow(0 0 28px #7c3aed)}.reward-orbit b{font-size:28px}.reward-orbit small{letter-spacing:.3em;color:#a78bfa}.reward-progress-head{display:flex;justify-content:space-between;align-items:end;margin:28px 2px 10px}.reward-progress-head>div{display:flex;gap:10px;align-items:baseline}.reward-progress-head strong{font-size:22px}.reward-progress-head span{color:#77717e;font-size:12px}.reward-track{height:44px;display:flex;align-items:center;justify-content:space-between;position:relative;margin:0 15px 16px}.reward-track:before{content:"";position:absolute;left:18px;right:18px;height:3px;background:#25212d}.reward-step{z-index:1;text-align:center}.reward-step b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#17141d;border:3px solid #3a3344;color:#807789}.reward-step span{font-size:10px;color:#777}.reward-step.active b{border-color:#a78bfa;box-shadow:0 0 22px #7c3aed;color:#fff}.reward-step.done b{background:#7c3aed;border-color:#c4b5fd;color:white}.reward-cards{display:grid;grid-template-columns:repeat(5,minmax(205px,1fr));gap:12px;overflow-x:auto;padding:2px 0 14px}.reward-card{min-width:205px;border:1px solid #292431;border-radius:18px;padding:16px;background:linear-gradient(180deg,#111019,#0b0a0f);position:relative;transition:.25s}.reward-card.current{border-color:#8b5cf6;box-shadow:0 0 30px rgba(124,58,237,.13)}.reward-card.unlocked{border-color:#5b3d8b}.reward-tier{font-weight:900;font-size:12px;color:#c4b5fd;margin-bottom:12px}.reward-art{height:150px;border-radius:14px;background:radial-gradient(circle at 50% 30%,#4c1d95,#171022 55%,#09080c);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #352451}.reward-art span{font-size:54px;color:#c4b5fd;filter:drop-shadow(0 0 12px #8b5cf6)}.reward-art b{font-size:22px}.reward-art small{font-size:9px;color:#b9afc7}.reward-card h3{margin:14px 0 5px;font-size:18px}.reward-card p{height:48px;color:#8e8796;font-size:12px;line-height:1.4}.reward-goal{display:flex;justify-content:space-between;font-size:10px;color:#7f7788;margin-top:12px}.reward-goal b{color:#d8d2df}.reward-bar{height:6px;background:#24202a;border-radius:9px;overflow:hidden;margin-top:8px}.reward-bar i{display:block;height:100%;background:linear-gradient(90deg,#7c3aed,#d946ef);border-radius:9px;transition:width 1s ease}.reward-numbers{display:block;margin:6px 0 12px;color:#8c8395;font-size:10px}.reward-card .btn{width:100%;justify-content:center}.reward-locked{opacity:.55}.rewards-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;margin-top:20px}.reward-story,.reward-faq{border:1px solid #292431;border-radius:20px;padding:26px;background:#0d0c12}.reward-story{background:radial-gradient(circle at 10% 100%,rgba(124,58,237,.18),transparent 40%),#0d0c12}.reward-story h2{font-size:30px;margin:12px 0}.reward-story p{color:#918999;max-width:650px}.reward-callout{display:flex;gap:12px;align-items:center;margin-top:24px;padding:16px;border:1px solid #352451;background:#140e20;border-radius:14px}.reward-callout svg{color:#c084fc}.reward-callout div{display:flex;flex-direction:column}.reward-callout span{font-size:12px;color:#9c93a5}.reward-faq h2{margin:0 0 12px;display:flex;gap:8px;align-items:center}.reward-faq details{border-top:1px solid #25212a;padding:14px 4px}.reward-faq summary{cursor:pointer;font-weight:700;font-size:13px}.reward-faq p{color:#8e8796;font-size:12px}.reward-confetti{position:fixed;top:-20px;width:8px;height:14px;background:#a855f7;z-index:9999;animation:xfyfall 2.4s linear forwards}@keyframes xfyfall{to{transform:translateY(110vh) rotate(720deg);opacity:.2}}@media(max-width:900px){.rewards-hero{padding:25px;min-height:230px}.rewards-copy h1{font-size:34px}.reward-orbit{right:25px;opacity:.18}.reward-cards{grid-template-columns:repeat(5,240px);scroll-snap-type:x mandatory}.reward-card{scroll-snap-align:start}.rewards-bottom{grid-template-columns:1fr}.reward-progress-head{align-items:flex-start;gap:10px;flex-direction:column}.reward-progress-head>div{flex-wrap:wrap}.rewards-page{padding-left:14px!important;padding-right:14px!important}}

/* v0.25.1 — imagens reais e animações das recompensas */
.reward-art{position:relative;overflow:hidden;padding:0;background:#09080d!important}
.reward-art img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease,filter .45s ease}
.reward-card:hover .reward-art img{transform:scale(1.045);filter:brightness(1.08)}
.reward-art-shine{position:absolute;inset:-80% -45%;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.20) 48%,transparent 58%);transform:translateX(-55%) rotate(8deg);animation:rewardShine 5.2s ease-in-out infinite}
.reward-card:nth-child(2) .reward-art-shine{animation-delay:.6s}.reward-card:nth-child(3) .reward-art-shine{animation-delay:1.2s}.reward-card:nth-child(4) .reward-art-shine{animation-delay:1.8s}.reward-card:nth-child(5) .reward-art-shine{animation-delay:2.4s}
@keyframes rewardShine{0%,68%{transform:translateX(-55%) rotate(8deg)}86%,100%{transform:translateX(65%) rotate(8deg)}}
.reward-pop{animation:rewardUnlock .75s cubic-bezier(.2,.8,.2,1)}
@keyframes rewardUnlock{0%{transform:scale(.96);box-shadow:0 0 0 rgba(168,85,247,0)}55%{transform:scale(1.025);box-shadow:0 0 42px rgba(168,85,247,.38)}100%{transform:scale(1);box-shadow:0 0 0 rgba(168,85,247,0)}}
.reward-current-pulse{animation:rewardCurrent 2.4s ease-in-out infinite}
@keyframes rewardCurrent{0%,100%{box-shadow:0 0 22px rgba(124,58,237,.12)}50%{box-shadow:0 0 42px rgba(168,85,247,.28)}}
.reward-step.active b{animation:rewardStepPulse 1.8s ease-in-out infinite}
@keyframes rewardStepPulse{50%{transform:scale(1.12);box-shadow:0 0 32px #8b5cf6}}
@media(prefers-reduced-motion:reduce){.reward-art-shine,.reward-pop,.reward-current-pulse,.reward-step.active b{animation:none!important}.reward-bar i{transition:none!important}}
/* XFy v0.25.4 — premiações nativas, sem artes de terceiros */
.reward-art{height:170px!important;background:#050507!important;border:1px solid #24202b!important;perspective:900px;isolation:isolate}
.reward-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 58%,rgba(139,92,246,.16),transparent 34%);z-index:-1}
.reward-object{position:relative;display:grid;place-items:center;width:100%;height:100%;animation:xfyFloat 4.2s ease-in-out infinite;filter:drop-shadow(0 22px 24px rgba(0,0,0,.75))}
.xfy-band{position:relative;width:142px;height:58px;border:7px solid #17131d;border-radius:50%;transform:rotate(-10deg) skewX(-5deg);display:grid;place-items:center;background:linear-gradient(180deg,#21182d,#09080c);box-shadow:inset 0 0 0 1px #6d4a98,0 0 28px rgba(139,92,246,.18)}
.xfy-band:before{content:"";position:absolute;inset:7px;border-radius:50%;border:1px solid #8b5cf655}.xfy-band b{font-size:24px;letter-spacing:-.05em;color:#c4b5fd;text-shadow:0 0 16px #7c3aed;transform:skewX(5deg)}
.xfy-plaque{width:118px;height:126px;border-radius:9px;transform:rotateY(-7deg) rotateX(3deg);display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#211a29,#08070a 55%,#17111f);border:1px solid #5b4674;box-shadow:inset 0 0 0 7px #0c0a0f,inset 0 0 0 8px #49365e,0 0 30px rgba(139,92,246,.13)}
.reward-card:nth-child(4) .xfy-plaque{border-color:#8b6b34;box-shadow:inset 0 0 0 7px #0c0a0f,inset 0 0 0 8px #6b5129,0 0 28px #b7791f18}.reward-card:nth-child(5) .xfy-plaque{border-color:#6d4aa0;box-shadow:inset 0 0 0 7px #0c0a0f,inset 0 0 0 8px #5d3a8c,0 0 30px #8b5cf633}
.xfy-plaque span{font-size:19px;font-weight:950;color:#bba7d5;letter-spacing:-.06em}.xfy-plaque b{margin-top:15px;font-size:19px;color:#fff}.xfy-plaque small{margin-top:3px;font-size:7px;letter-spacing:.16em;color:#756d7e}.reward-art-shine{opacity:.35}@keyframes xfyFloat{50%{transform:translateY(-7px)}}

/* XFy v0.25.5 — Corvette Rewards showcase */
.reward-corvette-showcase{position:relative;margin:18px 0 24px;border:1px solid rgba(157,78,255,.22);border-radius:22px;overflow:hidden;background:#050507;min-height:260px;box-shadow:0 20px 70px rgba(0,0,0,.38)}
.reward-corvette-showcase:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(3,3,6,.82) 100%);pointer-events:none}
.reward-corvette-showcase img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover;object-position:center;filter:saturate(.92) contrast(1.03)}
.reward-corvette-overlay{position:absolute;z-index:2;left:24px;bottom:20px;display:flex;flex-direction:column;gap:3px;text-shadow:0 2px 18px #000}
.reward-corvette-overlay span{font-size:11px;font-weight:800;letter-spacing:.18em;color:#b968ff}
.reward-corvette-overlay b{font-size:18px;color:#fff}
@media(max-width:720px){.reward-corvette-showcase{border-radius:16px;min-height:190px}.reward-corvette-showcase img{height:260px;object-fit:cover}.reward-corvette-overlay{left:16px;bottom:14px}.reward-corvette-overlay b{font-size:15px}}

/* XFy v0.26.3 — notificações nativas glass/blur */
.xfy-toast-stack{position:fixed;right:20px;top:20px;z-index:10050;width:min(390px,calc(100vw - 28px));display:grid;gap:10px;pointer-events:none}
.xfy-toast{position:relative;display:grid;grid-template-columns:42px 1fr 24px;align-items:center;gap:11px;padding:11px 12px;border:1px solid rgba(255,255,255,.10);border-radius:15px;background:linear-gradient(135deg,rgba(23,18,34,.82),rgba(12,11,17,.76));backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);box-shadow:0 18px 50px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.035);color:#fff;pointer-events:auto;overflow:hidden;animation:xfyToastIn .24s cubic-bezier(.2,.8,.2,1)}
.xfy-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#8b5cf6}.xfy-toast.success:before{background:#22c55e}.xfy-toast.error:before{background:#fb5265}.xfy-toast.info:before{background:#8b5cf6}
.xfy-toast-logo{width:42px;height:42px;border-radius:11px;background:rgba(139,92,246,.11);border:1px solid rgba(167,139,250,.20);display:grid;place-items:center}.xfy-toast-logo img{width:28px;height:28px;object-fit:contain}.xfy-toast-copy{min-width:0}.xfy-toast-copy strong{display:block;font-size:12px;line-height:1.3}.xfy-toast-copy span{display:block;color:#aaa4b3;font-size:10px;line-height:1.4;margin-top:3px}.xfy-toast-close{border:0;background:transparent;color:#7f7889;font-size:18px;cursor:pointer;padding:0}.xfy-toast.out{animation:xfyToastOut .18s ease forwards}@keyframes xfyToastIn{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}@keyframes xfyToastOut{to{opacity:0;transform:translateY(-8px) scale(.98)}}
@media(max-width:600px){.xfy-toast-stack{right:14px;top:14px}.xfy-toast{grid-template-columns:38px 1fr 20px}.xfy-toast-logo{width:38px;height:38px}}

/* ===== XFy v0.27.15 — painel realmente utilizável no Android ===== */
.mobile-nav-toggle{display:none;width:38px;height:38px;flex:0 0 38px;border:1px solid #24242b;border-radius:10px;background:#101014;color:#f5f5f7;align-items:center;justify-content:center;cursor:pointer}
.mobile-nav-toggle svg{width:18px}.mobile-nav-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(3px);z-index:79}
@media(max-width:760px){
 html,body{width:100%;max-width:100%;overflow-x:hidden}body.nav-open{overflow:hidden}
 main{margin-left:0!important;padding-bottom:72px;min-width:0}.topbar{height:58px;padding:0 10px;gap:9px;z-index:75}.mobile-nav-toggle{display:inline-flex}.topbar-title{min-width:0;flex:1}.topbar-title strong,.topbar-title span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw}.top-actions{gap:6px}.revenue-plate{display:none}.profile-box{padding-left:0;border-left:0}.profile-box>div:nth-child(2),.profile-box>svg{display:none}.avatar{width:34px;height:34px}
 .mobile-nav-backdrop.show{display:block}.sidebar{display:block!important;position:fixed!important;left:0!important;top:0!important;bottom:62px!important;width:min(286px,86vw)!important;padding:16px 10px 20px!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;z-index:82!important;overflow-y:auto!important;background:#09090b!important;box-shadow:18px 0 50px rgba(0,0,0,.4)}.sidebar.open{transform:translateX(0)!important}.nav a{min-height:42px;height:auto!important;font-size:12px!important;padding:8px 12px!important;border-radius:9px!important}.nav a svg{width:17px!important;flex:0 0 17px}.nt{font-size:8px!important;padding-top:18px!important}
 .store-rail{z-index:90!important}.content,.app-content{width:100%!important;max-width:100%!important;padding:16px 12px 88px!important;overflow:visible!important}.content.wide{padding-left:12px!important;padding-right:12px!important}.dash-heading,.pagehead{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;margin-bottom:15px!important}.dash-heading>div:last-child,.pagehead>div:last-child{width:100%;display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important}.dash-heading .btn,.pagehead .btn{min-width:0;width:100%;padding:0 10px;white-space:nowrap}.dash-heading h1,.pagehead h1{font-size:21px!important}.dash-heading p,.pagehead p{line-height:1.45}
 .stock-kpis,.stats{grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px!important}.stock-kpis .panel,.stat{min-width:0;padding:13px!important}.stock-kpis strong,.stat strong{font-size:18px!important}.toolbar{display:grid!important;grid-template-columns:1fr 1fr;gap:8px!important;padding:0!important;background:transparent!important;border:0!important}.toolbar .search{grid-column:1/-1;width:100%;min-width:0}.toolbar select,.toolbar .select{width:100%!important;min-width:0}
 .category-stock-group,.list,.card,.panel{max-width:100%;min-width:0}.category-stock-head{gap:8px!important}.category-stock-head .btn{flex:0 0 auto}.stock-table,.table-wrap,.list{overflow-x:auto!important;-webkit-overflow-scrolling:touch}.stock-product-row,.row{min-width:620px}.row.head{display:grid!important}.row>*{display:block!important}.product-thumb{width:42px;height:42px}
 .drawer{width:100%!important;max-width:none!important}.drawer-head{height:60px;padding:0 14px}.form{padding:16px 14px 90px}.two,.three{grid-template-columns:1fr!important}.actions{position:sticky;bottom:0;margin:18px -14px -16px;padding:12px 14px;background:rgba(10,9,13,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:3}.actions .btn{min-height:40px;flex:1}
 .modal-card{width:calc(100vw - 24px)!important;max-width:none!important;max-height:88vh!important;overflow:auto}.modal-title{padding:14px!important}.modal-card form{padding:14px!important}
 .settings-grid,.personalization-grid,.template-layout{grid-template-columns:1fr!important}.preview-shell{max-width:100%;overflow:hidden}.preview-products{grid-template-columns:repeat(2,minmax(0,1fr))!important}.segmented{grid-template-columns:1fr!important}
 .profile-menu{position:fixed!important;right:10px!important;top:62px!important;left:auto!important}.xfy-toast-stack{left:10px!important;right:10px!important;top:70px!important;width:auto!important}.xfy-toast{width:100%!important;max-width:none!important}
 button,input,select,textarea{font-size:16px} .btn{font-size:11px;touch-action:manipulation}.input,.select{font-size:16px!important}
}
@media(max-width:390px){.stock-kpis,.stats{grid-template-columns:1fr 1fr!important}.dash-heading>div:last-child,.pagehead>div:last-child{grid-template-columns:1fr!important}.toolbar{grid-template-columns:1fr}.toolbar .search{grid-column:auto}.topbar-title strong{font-size:11px}.content,.app-content{padding-left:10px!important;padding-right:10px!important}}


/* ===== XFy dashboard period selector mobile fix ===== */
.period-popover-head{display:flex;align-items:center;justify-content:space-between;padding:7px 8px 10px}.period-popover-head strong{font-size:10px}.period-popover-head button{width:28px;height:28px;border:0;border-radius:8px;background:rgba(255,255,255,.045);color:#aaa;font-size:20px;line-height:1;cursor:pointer}.period-presets{display:grid;grid-template-columns:1fr 1fr;gap:6px}.period-presets>button{height:34px;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.025);color:#bbb;font-size:9px;font-weight:700;cursor:pointer}.period-presets>button:hover{background:rgba(139,92,246,.12);border-color:rgba(139,92,246,.28);color:#fff}.period-custom{margin-top:8px}.period-custom input{color-scheme:dark}
@media(min-width:761px){.period-popover{width:260px;padding:8px}}
@media(max-width:760px){
 body.period-open{overflow:hidden;touch-action:none}
 .dash-heading .period-wrap{display:grid!important;grid-template-columns:1fr 1fr!important;width:100%!important;border:0!important;padding:0!important;background:transparent!important;gap:8px!important;position:static!important}
 .dash-heading .period-wrap>.period-trigger,.dash-heading .period-wrap>#goStore{height:42px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:10px!important}
 .period-label{display:none!important}
 .period-popover{position:fixed!important;left:12px!important;right:12px!important;top:auto!important;bottom:76px!important;width:auto!important;max-height:calc(100dvh - 100px)!important;overflow-y:auto!important;padding:10px!important;border-radius:18px!important;z-index:120!important;background:rgba(14,12,20,.97)!important;box-shadow:0 25px 80px rgba(0,0,0,.65)!important;backdrop-filter:blur(28px)!important;-webkit-backdrop-filter:blur(28px)!important}
 .period-popover.show{display:block!important;animation:xfyPeriodUp .18s ease-out}
 .period-popover-head{padding:4px 3px 12px}.period-popover-head strong{font-size:14px}.period-popover-head button{width:34px;height:34px;font-size:23px}
 .period-presets{grid-template-columns:1fr 1fr;gap:8px}.period-presets>button{height:44px;font-size:12px;border-radius:11px}
 .period-custom{padding:13px 2px 2px!important;margin-top:10px!important;gap:9px!important}.period-custom small{font-size:10px!important;color:#aaa!important}.period-custom input{width:100%!important;height:44px!important;border-radius:10px!important;padding:0 12px!important;font-size:16px!important}.period-custom .btn{height:44px!important}
 .metrics4{grid-template-columns:1fr!important}.dashboard-grid,.bottom-grid{grid-template-columns:1fr!important}.metric-card{min-height:112px!important}
}
@keyframes xfyPeriodUp{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}


/* XFy — dangerous store actions */
.danger-zone{border-color:rgba(244,63,94,.22)!important;background:linear-gradient(180deg,rgba(244,63,94,.045),rgba(255,255,255,.018))!important}.danger-zone strong{color:#fecdd3}.danger-btn{background:rgba(244,63,94,.10)!important;border:1px solid rgba(244,63,94,.28)!important;color:#fb7185!important}.danger-btn:not(:disabled):hover{background:rgba(244,63,94,.17)!important;border-color:rgba(244,63,94,.45)!important}.danger-btn:disabled{opacity:.38;cursor:not-allowed}.delete-store-card{width:min(470px,calc(100vw - 28px))}.delete-store-body{padding:16px}.delete-store-body>label{display:block;font-size:10px;color:#b9b2bf;margin:16px 0 7px}.danger-warning{display:flex;gap:10px;padding:12px;border:1px solid rgba(244,63,94,.18);border-radius:11px;background:rgba(244,63,94,.06);color:#d7c7cc;font-size:9px;line-height:1.55}.danger-warning svg{width:18px;flex:none;color:#fb7185}.delete-store-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.delete-store-actions .btn{min-width:120px}
@media(max-width:760px){.danger-zone .toggle-row{align-items:flex-start;flex-direction:column;gap:14px}.danger-zone .danger-btn{width:100%}.delete-store-actions{display:grid;grid-template-columns:1fr;}.delete-store-actions .btn{width:100%}}


/* ===== XFy dashboard mobile period sheet — definitive override ===== */
.period-backdrop{display:none}
@media(max-width:760px){
 .period-popover:not(.show){display:none!important;visibility:hidden!important;pointer-events:none!important}
 .period-backdrop{position:fixed!important;inset:0!important;z-index:9997!important;background:rgba(0,0,0,.58)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
 .period-backdrop.show{display:block!important}
 .period-popover.show{display:block!important;visibility:visible!important;pointer-events:auto!important;position:fixed!important;z-index:9998!important;left:10px!important;right:10px!important;bottom:10px!important;top:auto!important;width:auto!important;max-width:none!important;max-height:min(620px,calc(100dvh - 24px))!important;margin:0!important;transform:none!important;padding:14px!important;border:1px solid rgba(139,92,246,.28)!important;border-radius:20px!important;background:#100d17!important;overflow:auto!important;box-shadow:0 -12px 60px rgba(0,0,0,.7)!important}
 .period-popover-head{position:sticky!important;top:-14px!important;z-index:2!important;margin:-14px -14px 10px!important;padding:14px!important;background:#100d17!important;border-bottom:1px solid rgba(255,255,255,.06)!important}
 .period-custom .btn.primary{position:static!important;inset:auto!important;margin:2px 0 0!important;width:100%!important;transform:none!important}
 body.period-open main,body.period-open .sidebar{pointer-events:none!important}
 body.period-open .period-popover,body.period-open .period-backdrop{pointer-events:auto!important}
}


/* Dashboard period modal v3: detached from header */
@media(max-width:760px){
 #periodMenu.period-popover{display:none!important;position:fixed!important;inset:auto 10px 10px 10px!important;width:auto!important;height:auto!important;max-height:calc(100dvh - 20px)!important;margin:0!important;z-index:2147483001!important;transform:translateY(18px)!important;opacity:0!important;visibility:hidden!important;overflow:auto!important}
 #periodMenu.period-popover.show{display:block!important;transform:translateY(0)!important;opacity:1!important;visibility:visible!important}
 #periodBackdrop{display:none!important;position:fixed!important;inset:0!important;z-index:2147483000!important}
 #periodBackdrop.show{display:block!important}
 body:not(.period-open) #periodMenu,body:not(.period-open) #periodBackdrop{display:none!important}
 body.period-open{overflow:hidden!important}
}


/* ===== XFy mobile performance mode =====
   Mantém o visual desktop intacto e reduz operações caras em telas pequenas. */
@media(max-width:760px){
 html{scroll-behavior:auto!important}
 body{-webkit-font-smoothing:antialiased;text-rendering:optimizeSpeed}
 *,*::before,*::after{scroll-behavior:auto!important}
 .sidebar,.topbar,.panel,.metric-card,.modal-card,.period-popover,.period-backdrop,.xfy-help-fab,.toast,.store-rail,.nav a,.btn{
   -webkit-backdrop-filter:none!important;backdrop-filter:none!important
 }
 .panel,.metric-card,.modal-card,.period-popover,.store-card,.settings-section{
   box-shadow:none!important
 }
 .metric-card::before,.metric-card::after,.panel::before,.panel::after{filter:none!important}
 .nav a,.btn,.icon-btn,.metric-card,.panel,.sidebar,.modal,.period-popover,.xfy-help-fab{
   transition-duration:.08s!important
 }
 .metric-card:hover,.panel:hover,.btn:hover,.nav a:hover{transform:none!important}
 .sidebar::before,.sidebar::after,.topbar::before,.topbar::after{filter:none!important}
 main .panel,main .metric-card,main .settings-section,main .table-wrap{
   content-visibility:auto;contain-intrinsic-size:1px 180px
 }
 img{content-visibility:auto}
 .chart-card{contain:layout paint}
}
@media(max-width:760px) and (prefers-reduced-motion:no-preference){
 .sidebar.open,.modal.show .modal-card,.period-popover.show{animation-duration:.12s!important}
}


/* XFy — danger zone trigger + delete confirmation modal */
.danger-zone-trigger{width:100%;display:flex;align-items:center;gap:12px;margin-top:14px;padding:14px 16px;border:1px solid rgba(239,68,68,.32)!important;border-radius:12px;background:rgba(239,68,68,.065)!important;color:#fff;cursor:pointer;text-align:left;transition:.15s ease}.danger-zone-trigger:hover{background:rgba(239,68,68,.11)!important;border-color:rgba(239,68,68,.48)!important}.danger-zone-icon{width:36px;height:36px;display:grid;place-items:center;flex:none;border-radius:9px;background:rgba(239,68,68,.11);color:#fb7185}.danger-zone-icon svg{width:17px}.danger-zone-copy{display:flex;min-width:0;flex:1;flex-direction:column;gap:3px}.danger-zone-copy strong{font-size:12px;color:#fecaca!important}.danger-zone-copy small{font-size:9px;color:#9f777d}.danger-zone-arrow{width:16px;color:#fb7185}.modal{display:none;position:fixed;inset:0;z-index:10000;place-items:center;padding:14px;background:rgba(0,0,0,.72)}.modal.show{display:grid}.modal:not(.show){display:none!important;visibility:hidden!important;pointer-events:none!important}.delete-store-card{background:#0d0d10!important;border:1px solid #29272e!important;border-radius:14px!important;box-shadow:0 28px 90px rgba(0,0,0,.7)!important}.delete-store-card .modal-title{align-items:flex-start;border-bottom:1px solid rgba(255,255,255,.06)}.delete-store-card .modal-title>div{display:flex;flex-direction:column;gap:4px}.delete-store-card .modal-title strong{font-size:13px}.delete-store-card .modal-title span{font-size:9px;color:#807985}.delete-store-card .icon-btn{width:30px;height:30px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(255,255,255,.03);color:#888;cursor:pointer}@media(max-width:760px){.danger-zone-trigger{margin-top:12px;padding:13px}.delete-store-card{width:calc(100vw - 24px)!important;max-width:470px!important}}

/* XFy UI polish v1 — shared visual system */
:root{--xfy-surface:#0d0b12;--xfy-surface-2:#121019;--xfy-border:rgba(255,255,255,.075);--xfy-soft:rgba(139,92,246,.10);--xfy-text:#f7f5fb;--xfy-muted:#8d8796}
main{min-height:100vh;background:radial-gradient(900px 440px at 55% -160px,rgba(124,58,237,.10),transparent 65%),#08070b}.content{padding-top:28px}.pagehead h1{letter-spacing:-.025em}.pagehead p{line-height:1.55}.btn,.input,button,a{transition:border-color .18s ease,background .18s ease,transform .18s ease,opacity .18s ease}.btn.primary{box-shadow:0 8px 28px rgba(124,58,237,.18)}.btn.primary:hover{transform:translateY(-1px)}.modal-card{border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 90px rgba(0,0,0,.62);background:#0d0b12}.input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(139,92,246,.65)!important;box-shadow:0 0 0 3px rgba(124,58,237,.10)}.card,.panel,.table-wrap{border-color:var(--xfy-border)!important}.error,.notice{border-radius:10px}.nav a{border:1px solid transparent}.nav a:hover{background:rgba(255,255,255,.035);color:#fff}.nav a.active{border-color:rgba(139,92,246,.22)}.brand-logo-img{display:block;max-width:100%;object-fit:contain}.brand-badge{display:inline-flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;border:1px solid rgba(255,255,255,.08);overflow:hidden}.brand-badge img{width:70%;height:70%;object-fit:contain}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:#34d399;box-shadow:0 0 0 3px rgba(52,211,153,.10)}.empty-state{padding:38px 20px;text-align:center;border:1px dashed rgba(255,255,255,.10);border-radius:14px;background:rgba(255,255,255,.015)}.empty-state svg{width:25px;color:#8b5cf6}.empty-state h3{margin:10px 0 5px;font-size:14px}.empty-state p{margin:0;color:var(--xfy-muted);font-size:11px;line-height:1.5}@media(max-width:760px){main{background:#08070b}.content{padding-top:18px}.modal-card{max-height:92vh;overflow:auto}.btn{min-height:38px}}

/* XFy brand rendering fixes */
.xfy-glyph{display:grid!important;place-items:center!important;overflow:hidden!important;background:transparent!important}.xfy-glyph img{width:28px!important;height:28px!important;display:block!important;object-fit:contain!important;object-position:center!important}.store-rail .rail-stores img,.my-store-avatar img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important}.sidebar .nav a>svg{flex:0 0 15px}.sidebar .nav a{overflow:hidden}.sidebar .nav a .newtag{margin-left:auto;flex:none}
