:root{--bg:#070a12;--sidebar:#090d18;--surface:#101625;--surface2:#121a2b;--hover:#172136;--border:#22304a;--soft:rgba(99,123,162,.2);--text:#f5f7ff;--muted:#8e9ab4;--muted2:#61708d;--cyan:#24d6ff;--cyanSoft:rgba(36,214,255,.13);--violet:#8b5cf6;--green:#31d09d;--amber:#f5b84b;--red:#ff647c;--side:220px;--shadow:0 18px 55px rgba(0,0,0,.22)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 70% -15%,rgba(78,57,185,.16),transparent 32%),radial-gradient(circle at 45% -15%,rgba(36,214,255,.08),transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,select{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.hidden{display:none!important}.muted{color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.logo-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(36,214,255,.35);border-radius:12px;background:linear-gradient(135deg,rgba(36,214,255,.2),rgba(139,92,246,.25));color:var(--cyan);font-weight:800;box-shadow:0 0 28px rgba(36,214,255,.12)}
.app-loader,.fatal-wrap{min-height:100vh;display:grid;place-items:center;align-content:center;gap:12px}.app-loader p{color:var(--muted);font-size:12px}.loader-line{width:160px;height:3px;overflow:hidden;border-radius:9px;background:#182238}.loader-line:after{display:block;width:45%;height:100%;content:"";border-radius:9px;background:linear-gradient(90deg,var(--violet),var(--cyan));animation:load 1.1s ease-in-out infinite}@keyframes load{0%{transform:translateX(-110%)}100%{transform:translateX(330%)}}.fatal-card{max-width:560px;margin:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);padding:28px;box-shadow:var(--shadow)}.fatal-card h1{font-size:24px}.fatal-card p{line-height:1.65}.fatal-card code{color:var(--cyan)}
.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)}.auth-hero{position:relative;display:flex;min-height:100vh;flex-direction:column;justify-content:space-between;overflow:hidden;border-right:1px solid var(--soft);padding:54px}.auth-hero:before,.auth-hero:after{position:absolute;border-radius:50%;content:"";filter:blur(4px)}.auth-hero:before{right:-160px;top:-150px;width:520px;height:520px;background:radial-gradient(circle,rgba(36,214,255,.16),transparent 68%)}.auth-hero:after{left:-180px;bottom:-220px;width:560px;height:560px;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 68%)}.auth-brand{display:flex;align-items:center;gap:12px;font-weight:750;letter-spacing:-.02em}.auth-copy{position:relative;z-index:1;max-width:660px}.auth-copy .eyebrow{color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:.18em}.auth-copy h1{max-width:650px;margin:12px 0;font-size:clamp(38px,5vw,68px);line-height:1;letter-spacing:-.065em}.auth-copy p{max-width:590px;color:var(--muted);font-size:15px;line-height:1.7}.auth-features{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:32px}.auth-feature{border:1px solid var(--soft);border-radius:12px;background:rgba(16,22,37,.55);padding:14px;backdrop-filter:blur(8px)}.auth-feature b{display:block;font-size:13px}.auth-feature span{display:block;margin-top:5px;color:var(--muted);font-size:10px;line-height:1.5}.auth-foot{position:relative;z-index:1;color:var(--muted2);font-size:10px}.auth-panel{display:grid;min-height:100vh;place-items:center;padding:30px}.auth-card{width:min(430px,100%);border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,rgba(18,26,43,.98),rgba(10,15,27,.98));padding:28px;box-shadow:var(--shadow)}.auth-card h2{margin:18px 0 6px;font-size:25px;letter-spacing:-.04em}.auth-card>p{margin:0 0 22px;color:var(--muted);font-size:12px;line-height:1.6}.auth-card form{display:grid;gap:13px}.auth-error{border:1px solid rgba(255,100,124,.25);border-radius:9px;background:rgba(255,100,124,.08);padding:10px;color:#ff91a5;font-size:11px}
.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;display:flex;width:var(--side);flex-direction:column;border-right:1px solid var(--soft);background:linear-gradient(180deg,rgba(9,13,24,.99),rgba(7,12,24,.99));box-shadow:18px 0 60px rgba(0,0,0,.13)}.brand{display:flex;height:66px;align-items:center;gap:10px;border-bottom:1px solid var(--soft);padding:0 16px;font-size:13px;font-weight:700}.brand b{color:var(--muted);font-weight:500}.brand .logo-mark{width:34px;height:34px;border-radius:11px}.side-nav{display:grid;gap:5px;padding:16px 10px}.nav-button{position:relative;display:flex;min-height:43px;align-items:center;gap:12px;border:1px solid transparent;border-radius:9px;background:transparent;padding:0 12px;color:#9da8bd;font-size:12px;font-weight:560;transition:.16s}.nav-button:hover{background:rgba(255,255,255,.035);color:var(--text)}.nav-button.is-active{border-color:rgba(36,214,255,.3);background:linear-gradient(90deg,rgba(36,214,255,.12),rgba(36,214,255,.04));color:#effcff;box-shadow:inset 3px 0 0 var(--cyan)}.nav-icon{display:grid;width:22px;place-items:center;font-size:16px}.nav-badge{display:grid;min-width:20px;height:20px;place-items:center;margin-left:auto;border-radius:20px;background:rgba(139,92,246,.18);color:#cbb8ff;font-size:9px;font-weight:800}.side-status{display:flex;align-items:center;gap:10px;margin:auto 10px 10px;border:1px solid var(--soft);border-radius:11px;background:rgba(16,22,37,.62);padding:11px}.side-status i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--green);box-shadow:0 0 10px rgba(49,208,157,.5)}.side-status strong,.side-status span{display:block}.side-status strong{font-size:10px}.side-status span{margin-top:2px;color:var(--muted);font-size:9px}.user-card{display:flex;align-items:center;gap:10px;min-height:65px;border:0;border-top:1px solid var(--soft);background:transparent;padding:10px 13px;text-align:left}.avatar{display:grid;width:36px;height:36px;place-items:center;border-radius:11px;background:linear-gradient(135deg,#7250e8,#31bfe1);font-size:12px;font-weight:800}.user-card div{min-width:0;flex:1}.user-card strong,.user-card small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card strong{font-size:11px}.user-card small{margin-top:3px;color:var(--muted);font-size:9px}.main-area{min-height:100vh;margin-left:var(--side)}.topbar{position:sticky;top:0;z-index:30;display:flex;height:66px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--soft);background:rgba(7,10,18,.84);padding:0 20px;backdrop-filter:blur(16px)}.top-left,.top-right{display:flex;align-items:center;gap:9px}.shop-select{display:flex;height:38px;min-width:180px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:9px;background:rgba(16,22,37,.72);padding:0 10px;color:var(--muted)}.shop-select select{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#e5e9f4;font-size:11px}.icon-button,.mobile-menu{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:9px;background:rgba(16,22,37,.72);color:var(--muted)}.icon-button:hover,.mobile-menu:hover{background:var(--hover);color:var(--text)}.mobile-menu{display:none}.content{max-width:1580px;margin:0 auto;padding:22px 20px 32px}.section-head{display:flex;min-height:78px;align-items:flex-start;justify-content:space-between;gap:20px}.section-head .eyebrow{color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.16em}.section-head h1{margin:6px 0 0;font-size:clamp(25px,2.1vw,32px);letter-spacing:-.045em}.section-head p{margin:7px 0 0;color:var(--muted);font-size:11px}.section-actions{display:flex;gap:8px}.live-pill{display:flex;align-items:center;gap:7px;border:1px solid rgba(49,208,157,.22);border-radius:999px;background:rgba(49,208,157,.06);padding:6px 10px;color:#8beac9;font-size:9px}.live-pill i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 9px rgba(49,208,157,.8)}
.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;border-radius:9px;padding:0 14px;font-size:11px;font-weight:700;transition:.16s}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{border-color:rgba(36,214,255,.28);background:linear-gradient(115deg,#7956eb,#16b9df);color:#fff;box-shadow:0 8px 24px rgba(60,86,221,.2)}.button-primary:hover:not(:disabled){transform:translateY(-1px);filter:saturate(1.08)}.button-quiet{border-color:var(--border);background:var(--surface);color:var(--muted)}.button-quiet:hover{border-color:#354968;color:var(--text)}.button-danger{border-color:rgba(255,100,124,.28);background:rgba(255,100,124,.08);color:#ff8299}.button-small{min-height:30px;border-radius:7px;padding:0 9px;font-size:9px}
.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:8px}.metric-card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(18,26,43,.98),rgba(12,18,31,.98));padding:14px;box-shadow:0 10px 34px rgba(0,0,0,.11)}.metric-card:after{position:absolute;right:-30px;bottom:-55px;width:130px;height:110px;border-radius:50%;background:var(--glow,var(--cyan));content:"";opacity:.08;filter:blur(22px)}.metric-top{position:relative;z-index:1;display:flex;align-items:start;justify-content:space-between}.metric-card p{margin:0;color:#a7b0c4;font-size:10px}.metric-card strong{display:block;margin-top:4px;font-size:clamp(18px,1.7vw,25px);letter-spacing:-.04em}.metric-icon{display:grid;width:31px;height:31px;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:8px;background:rgba(255,255,255,.04)}.metric-foot{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-top:12px;color:var(--muted2);font-size:8px}.positive{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,.75fr);gap:9px;margin-top:9px}.panel{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:linear-gradient(150deg,rgba(18,26,43,.96),rgba(10,16,28,.96));box-shadow:0 10px 32px rgba(0,0,0,.1)}.panel-head{display:flex;min-height:54px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--soft);padding:0 14px}.panel-head h2{margin:0;font-size:11px}.panel-head p{margin:3px 0 0;color:var(--muted);font-size:8px}.chart-wrap{height:290px;padding:18px 12px 10px}.chart-svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:rgba(99,123,162,.14);stroke-width:1}.chart-line{fill:none;stroke:url(#lineGradient);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.chart-area{fill:url(#areaGradient)}.chart-dot{fill:var(--cyan);stroke:#07101a;stroke-width:2}.chart-label{fill:var(--muted2);font-size:8px}.side-list{padding:0 13px 10px}.list-row{display:grid;min-height:55px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;border-bottom:1px solid var(--soft)}.list-row:last-child{border-bottom:0}.list-row .rank{display:grid;width:27px;height:27px;place-items:center;border-radius:8px;background:rgba(255,255,255,.04);color:var(--muted);font-size:9px}.list-row strong,.list-row small{display:block}.list-row strong{font-size:9px}.list-row small{margin-top:3px;color:var(--muted2);font-size:8px}.list-row>span:last-child{text-align:right;font-size:9px}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px rgba(49,208,157,.5)}.health-dot.warn{background:var(--amber)}.health-dot.bad{background:var(--red)}.orders-panel{margin-top:9px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:9px}.data-table th{height:36px;color:var(--muted);font-weight:550;text-align:left}.data-table td{height:50px;color:#aeb8ca}.data-table th,.data-table td{border-bottom:1px solid var(--soft);padding:6px 12px;white-space:nowrap}.data-table tbody tr:hover{background:rgba(255,255,255,.02)}.data-table strong{color:#e7ebf5}.status{display:inline-flex;align-items:center;border-radius:999px;padding:4px 7px;background:rgba(139,92,246,.1);color:#c5b2ff;font-size:8px;text-transform:capitalize}.status.active,.status.paid,.status.approved,.status.completed{background:rgba(49,208,157,.1);color:#7de2bf}.status.pending,.status.processing,.status.partial{background:rgba(245,184,75,.1);color:#e6bd69}.status.error,.status.rejected,.status.cancelled,.status.refunded,.status.archived{background:rgba(255,100,124,.1);color:#ff8299}.status.draft,.status.unpaid,.status.paused{background:rgba(142,154,180,.1);color:#aab4c8}.row-actions{display:flex;justify-content:flex-end;gap:4px}.row-actions button{display:grid;width:29px;height:29px;place-items:center;border:1px solid var(--border);border-radius:7px;background:rgba(255,255,255,.025);color:var(--muted)}.row-actions button:hover{border-color:#3a506f;color:var(--text)}
.management-toolbar{display:flex;min-height:50px;align-items:center;gap:8px;border:1px solid var(--border);border-radius:10px 10px 0 0;background:rgba(13,20,34,.9);padding:8px 10px}.search-box{display:flex;width:min(320px,100%);height:34px;align-items:center;gap:7px;border:1px solid var(--border);border-radius:7px;background:#0b111e;padding:0 10px;color:var(--muted)}.search-box input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--text);font-size:9px}.management-toolbar .count{margin-left:auto;color:var(--muted2);font-size:8px}.manager-table{position:relative;min-height:260px;overflow-x:auto;border:1px solid var(--border);border-top:0;border-radius:0 0 10px 10px;background:linear-gradient(155deg,rgba(16,22,37,.94),rgba(10,16,28,.94))}.empty-state{display:grid;min-height:260px;place-items:center;align-content:center;color:var(--muted);text-align:center}.empty-state .empty-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.025);font-size:22px}.empty-state h3{margin:12px 0 5px;color:#c8d0df;font-size:13px}.empty-state p{max-width:380px;margin:0;font-size:9px;line-height:1.6}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.shop-card,.seller-card{position:relative;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(18,26,43,.98),rgba(10,16,28,.98));padding:15px;transition:.16s}.shop-card:hover,.seller-card:hover{transform:translateY(-2px);border-color:#334766}.card-title{display:flex;align-items:flex-start;gap:10px}.shop-logo{display:grid;width:42px;height:42px;flex:0 0 42px;place-items:center;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent,var(--cyan)) 38%,#131b2d),rgba(139,92,246,.25));font-size:15px;font-weight:800}.card-title div{min-width:0;flex:1}.card-title h2{overflow:hidden;margin:2px 0 0;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.card-title p{overflow:hidden;margin:4px 0 0;color:var(--muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.card-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:14px}.card-stat{border:1px solid var(--soft);border-radius:8px;background:rgba(255,255,255,.02);padding:9px}.card-stat span,.card-stat strong{display:block}.card-stat span{color:var(--muted2);font-size:7px}.card-stat strong{margin-top:4px;font-size:10px}.card-link{display:flex;height:35px;align-items:center;gap:7px;margin-top:10px;border:1px solid var(--soft);border-radius:7px;background:#0b111e;padding:0 8px}.card-link code{min-width:0;flex:1;overflow:hidden;color:var(--cyan);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.card-link button{border:0;background:transparent;color:var(--muted)}.card-actions{display:flex;gap:6px;margin-top:10px}.card-actions .button{flex:1}.seller-card dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0 0}.seller-card dl div{border:1px solid var(--soft);border-radius:8px;padding:9px}.seller-card dt{color:var(--muted2);font-size:7px}.seller-card dd{margin:4px 0 0;font-size:10px}.summary-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin-bottom:10px}.summary-box{border:1px solid var(--border);border-radius:10px;background:linear-gradient(145deg,rgba(18,26,43,.94),rgba(11,17,30,.94));padding:11px}.summary-box span,.summary-box strong{display:block}.summary-box span{color:var(--muted);font-size:8px}.summary-box strong{margin-top:4px;font-size:16px;letter-spacing:-.03em}.bar-chart{display:flex;height:310px;align-items:flex-end;gap:4px;padding:18px 15px 24px}.bar-column{display:flex;height:100%;min-width:4px;flex:1;flex-direction:column;justify-content:flex-end;text-align:center}.bar-column>span{position:relative;display:block;min-height:3px;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,rgba(36,214,255,.78),rgba(36,214,255,.1))}.bar-column>span i{position:absolute;right:0;bottom:0;left:0;border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,rgba(139,92,246,.96),rgba(139,92,246,.22))}.bar-column small{margin-top:7px;color:var(--muted2);font-size:6px;writing-mode:vertical-rl}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-card{border:1px solid var(--border);border-radius:12px;background:linear-gradient(150deg,rgba(18,26,43,.96),rgba(11,17,30,.96));padding:15px}.settings-card.wide{grid-column:1/-1}.settings-title{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--soft);padding-bottom:12px}.settings-title span{display:grid;width:34px;height:34px;place-items:center;border:1px solid rgba(36,214,255,.18);border-radius:9px;background:rgba(36,214,255,.07)}.settings-title h2,.settings-title p{margin:0}.settings-title h2{font-size:12px}.settings-title p{margin-top:3px;color:var(--muted);font-size:8px}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding-top:13px}.deployment-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:13px}.deployment-facts div{border:1px solid var(--soft);border-radius:8px;background:rgba(255,255,255,.02);padding:11px}.deployment-facts strong,.deployment-facts span{display:block}.deployment-facts strong{font-size:10px}.deployment-facts span{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.5}
.field{display:grid;gap:6px}.field.wide{grid-column:1/-1}.field>span{color:#aeb8ca;font-size:9px;font-weight:650}.field input,.field select,.field textarea{width:100%;border:1px solid var(--border);border-radius:8px;background:#0b111e;padding:0 10px;color:var(--text);font-size:10px}.field input,.field select{height:39px}.field textarea{min-height:92px;padding-top:10px;resize:vertical}.field input[type=color]{padding:4px}.check-field{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.check-field input{accent-color:var(--cyan)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.form-error{grid-column:1/-1;border:1px solid rgba(255,100,124,.25);border-radius:8px;background:rgba(255,100,124,.08);padding:10px;color:#ff91a5;font-size:9px}.form-note{grid-column:1/-1;color:var(--muted);font-size:8px;line-height:1.6}.image-preview{display:grid;min-height:120px;place-items:center;border:1px dashed var(--border);border-radius:10px;background-position:center;background-size:cover;color:var(--muted);font-size:9px}
.modal-layer{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:rgba(2,5,11,.72);padding:20px;backdrop-filter:blur(8px)}.modal{width:min(650px,100%);max-height:min(90vh,900px);overflow:auto;border:1px solid #2b3a56;border-radius:15px;background:linear-gradient(155deg,#121a2b,#0a101c);box-shadow:0 30px 90px rgba(0,0,0,.5)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--soft);padding:18px}.modal-head .eyebrow{color:var(--cyan);font-size:8px;font-weight:800;letter-spacing:.16em}.modal-head h2{margin:6px 0 0;font-size:18px}.modal-head p{margin:6px 0 0;color:var(--muted);font-size:9px}.modal-body{padding:18px}.modal-foot{display:flex;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid var(--soft);padding:13px 18px}.modal-foot.split{justify-content:space-between}.modal-foot>div{display:flex;gap:8px}.close-modal{border:0;background:transparent;color:var(--muted);font-size:20px}
#toast-root,#store-toast{position:fixed;right:18px;bottom:18px;z-index:200;display:grid;gap:8px}.toast{min-width:240px;max-width:380px;border:1px solid var(--border);border-radius:10px;background:#121a2b;padding:11px 13px;box-shadow:var(--shadow);font-size:10px;animation:toastin .2s ease}.toast.success{border-color:rgba(49,208,157,.35)}.toast.error{border-color:rgba(255,100,124,.35)}@keyframes toastin{from{transform:translateY(8px);opacity:0}}
.sidebar-backdrop{display:none}.notice{border:1px solid rgba(36,214,255,.22);border-radius:9px;background:rgba(36,214,255,.06);padding:10px;color:#bdefff;font-size:9px;line-height:1.6}.notice.warn{border-color:rgba(245,184,75,.25);background:rgba(245,184,75,.07);color:#eed08d}
@media(max-width:1180px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.card-grid{grid-template-columns:repeat(2,1fr)}.summary-strip{grid-template-columns:repeat(3,1fr)}.settings-grid{grid-template-columns:1fr}.settings-card.wide{grid-column:1}.dashboard-grid{grid-template-columns:1fr}.auth-features{grid-template-columns:1fr}}
@media(max-width:820px){:root{--side:220px}.sidebar{transform:translateX(-102%);transition:.2s}.sidebar.is-open{transform:none}.sidebar-backdrop.is-open{position:fixed;inset:0;z-index:35;display:block;border:0;background:rgba(0,0,0,.62)}.main-area{margin-left:0}.mobile-menu{display:grid}.auth-page{grid-template-columns:1fr}.auth-hero{display:none}.topbar{padding:0 12px}.content{padding:18px 12px 28px}.top-right .button span{display:none}.shop-select{min-width:130px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.section-head{min-height:95px}.card-grid{grid-template-columns:1fr}.form-grid,.settings-form{grid-template-columns:1fr}.field,.field.wide{grid-column:1}.deployment-facts{grid-template-columns:1fr}}
@media(max-width:520px){.metrics-grid{grid-template-columns:1fr}.metric-card:nth-child(n+5){display:none}.section-head{flex-direction:column}.section-actions{width:100%}.section-actions .button{flex:1}.management-toolbar{flex-wrap:wrap}.search-box{width:100%}.management-toolbar .count{margin-left:0}.summary-strip{grid-template-columns:repeat(2,1fr)}.modal-layer{padding:8px}.modal{max-height:96vh}.modal-foot.split{align-items:stretch;flex-direction:column}.modal-foot.split>div{justify-content:flex-end}.auth-panel{padding:14px}.auth-card{padding:21px}}

/* Multilingual and RTL support */
.sm-language-switcher{display:flex;height:38px;align-items:center;gap:7px;border:1px solid var(--border);border-radius:9px;background:rgba(16,22,37,.82);padding:0 9px;color:var(--muted);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.sm-language-switcher select{max-width:90px;border:0;outline:0;background:transparent;color:var(--text);font-size:10px;cursor:pointer}.sm-language-switcher option{background:#111827;color:#f5f7ff}.sm-language-switcher.is-floating{position:fixed;right:18px;top:18px;z-index:250}
html[dir="rtl"] body{font-family:Vazirmatn,Vazir,"Yekan Bakh",Yekan,Tahoma,"Segoe UI",Arial,sans-serif;text-align:right;letter-spacing:0}
html[dir="rtl"] .sm-language-switcher.is-floating{right:auto;left:18px}
html[dir="rtl"] .auth-hero{border-right:0;border-left:1px solid var(--soft)}
html[dir="rtl"] .auth-hero:before{right:auto;left:-160px}html[dir="rtl"] .auth-hero:after{left:auto;right:-180px}
html[dir="rtl"] .sidebar{inset:0 0 0 auto;border-right:0;border-left:1px solid var(--soft);box-shadow:-18px 0 60px rgba(0,0,0,.13)}
html[dir="rtl"] .main-area{margin-left:0;margin-right:var(--side)}
html[dir="rtl"] .nav-button.is-active{box-shadow:inset -3px 0 0 var(--cyan)}
html[dir="rtl"] .nav-badge{margin-left:0;margin-right:auto}
html[dir="rtl"] .side-status i{margin-left:0;margin-right:auto}
html[dir="rtl"] .user-card{text-align:right}
html[dir="rtl"] .data-table th,html[dir="rtl"] .data-table td{text-align:right}
html[dir="rtl"] .management-toolbar .count{margin-left:0;margin-right:auto}
html[dir="rtl"] #toast-root,html[dir="rtl"] #store-toast{right:auto;left:18px}
html[dir="rtl"] input[type="email"],html[dir="rtl"] input[type="url"],html[dir="rtl"] input[type="tel"],html[dir="rtl"] code{direction:ltr;text-align:left}
html[dir="rtl"] .card-link code{direction:ltr;text-align:left}
html[dir="rtl"] .bar-column small{writing-mode:vertical-lr}
html[dir="rtl"] .settings-title .status[style]{margin-left:0!important;margin-right:auto!important}
@media(max-width:820px){html[dir="rtl"] .sidebar{transform:translateX(102%)}html[dir="rtl"] .sidebar.is-open{transform:none}html[dir="rtl"] .main-area{margin-right:0}}
@media(max-width:520px){html[dir="rtl"] .management-toolbar .count{margin-right:0}.sm-language-switcher{padding:0 7px}.sm-language-switcher select{max-width:72px}}

/* Product import center */
.import-layout{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:12px;align-items:start}.import-settings{position:sticky;top:82px;overflow:hidden}.import-settings .panel-head{align-items:center}.source-badge{display:inline-grid;min-width:58px;height:28px;place-items:center;border:1px solid rgba(36,214,255,.25);border-radius:999px;background:rgba(36,214,255,.08);color:var(--cyan);font-size:9px;font-weight:800;letter-spacing:.08em}.import-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.import-form .wide{grid-column:1/-1}.field.is-hidden{display:none}.import-catalog{min-width:0}.import-toolbar{display:flex;align-items:center;gap:8px;padding:10px;margin-bottom:10px}.import-toolbar .search-box{min-width:220px;flex:1}.import-toolbar select{height:36px;max-width:170px;border:1px solid var(--border);border-radius:8px;background:#0b111e;padding:0 9px;color:var(--text);font-size:9px}.import-toolbar>strong{margin-inline-start:auto;white-space:nowrap;color:var(--cyan);font-size:9px}.import-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}.import-summary span{display:flex;align-items:center;justify-content:space-between;border:1px solid var(--border);border-radius:9px;background:linear-gradient(145deg,rgba(18,26,43,.92),rgba(11,17,30,.92));padding:10px 12px;color:var(--muted);font-size:8px}.import-summary b{color:var(--text);font-size:13px}.import-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.import-product{position:relative;display:grid;grid-template-columns:76px minmax(0,1fr);gap:10px;min-height:112px;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:linear-gradient(145deg,rgba(18,26,43,.96),rgba(10,16,28,.96));padding:10px;cursor:pointer;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.import-product:hover{transform:translateY(-1px);border-color:#40516e}.import-product.is-selected{border-color:rgba(36,214,255,.68);box-shadow:0 0 0 1px rgba(36,214,255,.12),0 12px 34px rgba(0,0,0,.2)}.import-product.is-existing{background:linear-gradient(145deg,rgba(29,31,42,.96),rgba(13,17,27,.96))}.import-product>input{position:absolute;opacity:0;pointer-events:none}.import-product>img{width:76px;height:92px;object-fit:contain;border-radius:8px;background:#fff}.import-check{position:absolute;inset:7px auto auto 7px;display:grid;width:20px;height:20px;place-items:center;border:1px solid var(--border);border-radius:6px;background:#0b111e;color:transparent;font-size:11px;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.3)}.import-product.is-selected .import-check{border-color:var(--cyan);background:var(--cyan);color:#041018}.import-product-body{display:flex;min-width:0;flex-direction:column}.import-product-body>strong{display:-webkit-box;overflow:hidden;color:var(--text);font-size:10px;line-height:1.65;-webkit-line-clamp:2;-webkit-box-orient:vertical}.import-product-body>small{margin-top:5px;overflow:hidden;color:var(--muted2);font-size:7px;text-overflow:ellipsis;white-space:nowrap}.import-product-body code{color:#8ea0bd}.import-price{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-top:auto;padding-top:8px}.import-price del{color:var(--muted2);font-size:7px}.import-price b{color:var(--cyan);font-size:10px;white-space:nowrap}.import-existing{position:absolute;right:7px;bottom:7px;border:1px solid rgba(245,184,75,.2);border-radius:999px;background:rgba(245,184,75,.08);padding:3px 6px;color:#eed08d;font-size:6px;font-style:normal}.import-submit{justify-content:center;min-height:42px}.import-loading{min-height:360px}
html[dir="rtl"] .import-check{inset:7px 7px auto auto}html[dir="rtl"] .import-existing{right:auto;left:7px}
@media(max-width:1280px){.import-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.import-layout{grid-template-columns:1fr}.import-settings{position:static}.import-products{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.import-toolbar{align-items:stretch;flex-wrap:wrap}.import-toolbar .search-box,.import-toolbar select{width:100%;max-width:none}.import-toolbar .button{flex:1}.import-toolbar>strong{width:100%;margin:0;text-align:center}.import-summary{grid-template-columns:1fr}.import-products{grid-template-columns:1fr}.import-form{grid-template-columns:1fr}.import-form .wide{grid-column:1}.import-product{grid-template-columns:68px minmax(0,1fr)}.import-product>img{width:68px;height:84px}}

/* Card-to-card payment configuration and receipt review */
.payment-config{border:1px solid rgba(36,214,255,.2);border-radius:12px;background:linear-gradient(145deg,rgba(36,214,255,.055),rgba(139,92,246,.04));padding:14px}.payment-config-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:13px}.payment-config-head strong,.payment-config-head small{display:block}.payment-config-head strong{font-size:12px}.payment-config-head small{margin-top:4px;color:var(--muted);font-size:9px;line-height:1.5}.payment-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.payment-config-grid .wide{grid-column:1/-1}.switch-field{position:relative;display:block;width:44px;height:24px;flex:0 0 44px}.switch-field input{position:absolute;opacity:0;pointer-events:none}.switch-field span{position:absolute;inset:0;border:1px solid var(--border);border-radius:999px;background:#0b111e;transition:.18s}.switch-field span:after{position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);content:"";transition:.18s}.switch-field input:checked+span{border-color:rgba(36,214,255,.55);background:rgba(36,214,255,.16)}.switch-field input:checked+span:after{transform:translateX(20px);background:var(--cyan)}.payment-state{display:grid;gap:4px}.payment-state small,.table-note{display:block;margin-top:4px;color:var(--muted);font-size:8px}.row-actions button:disabled{cursor:not-allowed;opacity:.32}.receipt-link{border:1px solid rgba(36,214,255,.25);border-radius:7px;background:rgba(36,214,255,.07);padding:6px 8px;color:#bdefff;font-size:8px;font-weight:700}.receipt-link:hover{border-color:rgba(36,214,255,.5);background:rgba(36,214,255,.12)}
html[dir="rtl"] .switch-field span:after{left:auto;right:3px}html[dir="rtl"] .switch-field input:checked+span:after{transform:translateX(-20px)}
@media(max-width:680px){.payment-config-grid{grid-template-columns:1fr}.payment-config-grid .wide{grid-column:1}.payment-config-head{align-items:flex-start}}

html[data-telegram-fullscreen='on'] .app-shell{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}
html[data-telegram-fullscreen='on'] .topbar{padding-top:env(safe-area-inset-top)}
html[data-telegram-fullscreen='on'] .content{padding-bottom:calc(32px + env(safe-area-inset-bottom))}
.help-page-button{font-weight:800}
.help-steps{display:grid;gap:12px;margin:0;padding:0 0 0 22px;color:var(--text);font-size:11px;line-height:1.7}
html[dir=rtl] .help-steps{padding:0 22px 0 0}
.help-steps li::marker{color:var(--cyan);font-weight:800}
