:root{--primary:#1d70ca;--primary-dark:#1257a0;--primary-soft:#e8f1fb;--accent:#f97316;--success:#16a34a;--success-soft:#e7f6ec;--warning:#d97706;--warning-soft:#fff4e0;--danger:#e11d48;--danger-soft:#fde8ed;--muted-soft:#eef1f5;--bg:#f4f6fa;--surface:#fff;--border:#e5eaf1;--border-light:#f0f3f8;--text:#1e293b;--text-2:#64748b;--text-3:#94a3b8;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #1018280d, 0 1px 3px #1018280a;--shadow-md:0 8px 24px #1018281a;--sidebar-w:224px;--sidebar-w-collapsed:60px;--topbar-h:52px;--font:"Poppins", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:13px;line-height:1.45}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;color:inherit;background:0 0;border:0;font-family:inherit}input,select,textarea{color:inherit;font-family:inherit;font-size:13px}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app-shell{min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);z-index:40;flex-direction:column;transition:width .2s,transform .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__brand{height:var(--topbar-h);border-bottom:1px solid var(--border-light);align-items:center;gap:9px;padding:0 14px;display:flex}.brand-mark{background:var(--primary);color:#fff;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.brand-text{white-space:nowrap;font-size:15px;font-weight:700;line-height:1.1}.brand-text small{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.sidebar__nav{flex:1;padding:12px 8px;overflow-y:auto}.nav-label{letter-spacing:.08em;color:var(--text-3);text-transform:uppercase;white-space:nowrap;padding:0 10px 6px;font-size:11px;font-weight:600}.nav-item{color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;margin-bottom:2px;padding:8px 11px;font-weight:500;transition:background .15s,color .15s;display:flex;position:relative}.nav-item:hover{background:var(--primary-soft);color:var(--primary)}.nav-item.router-link-active,.nav-item.is-active{background:var(--primary);color:#fff;box-shadow:0 3px 8px #1d70ca40}.nav-item svg{flex:none}.nav-badge{background:var(--accent);color:#fff;border-radius:10px;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 6px;font-size:11px;font-weight:600;display:grid}.sidebar__foot{border-top:1px solid var(--border-light);padding:8px}.collapse-btn{width:100%;color:var(--text-2);white-space:nowrap;border-radius:8px;align-items:center;gap:10px;padding:8px 11px;font-weight:500;display:flex}.collapse-btn:hover{background:var(--bg);color:var(--primary)}.icon-btn.mobile-only{display:none}.main{margin-left:var(--sidebar-w);flex-direction:column;min-height:100vh;transition:margin .2s;display:flex}.is-collapsed .sidebar{width:var(--sidebar-w-collapsed)}.is-collapsed .main{margin-left:var(--sidebar-w-collapsed)}.is-collapsed .brand-text,.is-collapsed .nav-label,.is-collapsed .nav-item span,.is-collapsed .nav-badge,.is-collapsed .collapse-btn span{display:none}.is-collapsed .collapse-btn{justify-content:center;padding:9px}.is-collapsed .nav-item{justify-content:center;padding:10px}.is-collapsed .sidebar__brand{justify-content:center;padding:0}.topbar{z-index:30;height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:0 16px;display:flex;position:sticky;top:0}.icon-btn{width:34px;height:34px;color:var(--text-2);border:1px solid var(--border);background:var(--surface);border-radius:50%;flex:none;place-items:center;transition:all .15s;display:grid;position:relative}.icon-btn:hover{background:var(--primary-soft);color:var(--primary);border-color:var(--primary-soft)}.icon-btn .dot{background:var(--accent);color:#fff;border-radius:9px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:600;display:grid;position:absolute;top:-3px;right:-3px}.search{flex:1;max-width:420px;position:relative}.search input{border:1px solid var(--border);background:var(--bg);border-radius:17px;width:100%;height:34px;padding:0 38px 0 14px}.search input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:#fff;outline:none}.search svg{color:var(--text-3);pointer-events:none;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.topbar__space{flex:1}.user-menu{position:relative}.user-btn{border:1px solid var(--border);background:var(--surface);border-radius:24px;align-items:center;gap:8px;padding:3px 10px 3px 3px;display:flex}.user-btn:hover{background:var(--bg)}.avatar{background:var(--primary);color:#fff;border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:grid}.user-btn strong{font-size:13px;font-weight:600}.dropdown{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:200px;box-shadow:var(--shadow-md);z-index:50;padding:8px;position:absolute;top:calc(100% + 8px);right:0}.dropdown__head{border-bottom:1px solid var(--border-light);margin-bottom:6px;padding:8px 12px 10px}.dropdown__head small{color:var(--text-3);display:block}.dropdown button{text-align:left;width:100%;color:var(--text-2);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.dropdown button:hover{background:var(--danger-soft);color:var(--danger)}.content{flex:1;width:100%;max-width:1500px;padding:14px 18px 24px}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:12px;display:flex}.page-head h1{font-size:18px;font-weight:600;line-height:1.2}.crumbs{color:var(--text-3);flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;font-size:12px;display:flex}.crumbs a{color:var(--primary)}.crumbs a:hover{text-decoration:underline}.page-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.backdrop{z-index:35;background:#0f172a73;display:none;position:fixed;inset:0}@media (width<=959px){.sidebar{box-shadow:var(--shadow-md);transform:translate(-100%);width:var(--sidebar-w)!important}.mobile-open .sidebar{transform:none}.mobile-open .backdrop{display:block}.main,.is-collapsed .main{margin-left:0}.is-collapsed .brand-text,.is-collapsed .nav-label,.is-collapsed .nav-item span,.is-collapsed .nav-badge,.is-collapsed .collapse-btn span{display:revert}.collapse-btn{display:none}.is-collapsed .nav-item{justify-content:flex-start;padding:9px 12px}.topbar{padding:0 10px}.content{padding:12px 10px 24px}.icon-btn.mobile-only{display:grid}.user-btn strong{display:none}.user-btn{padding:4px}}.card{background:var(--surface);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card__head{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;display:flex}.card__head h2,.card__head h3{font-size:14px;font-weight:600}.card__body{padding:14px}.grid-2{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}@media (width<=1100px){.grid-2{grid-template-columns:1fr}}.btn{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;height:32px;padding:0 13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-success{background:var(--success);color:#fff}.btn-success:hover:not(:disabled){background:#12833a}.btn-outline{background:var(--surface);border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.btn-soft-danger{background:var(--danger-soft);color:var(--danger)}.btn-soft-danger:hover:not(:disabled){background:#fbd2dc}.btn-soft{background:var(--primary-soft);color:var(--primary)}.btn-soft:hover:not(:disabled){background:#d6e7f9}.btn-sm{border-radius:7px;height:26px;padding:0 10px;font-size:12px}.btn-icon{width:26px;padding:0}.btn-block{width:100%}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:6px;padding:1px 9px;font-size:11.5px;font-weight:500;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--pending{background:var(--warning-soft);color:var(--warning)}.badge--approved,.badge--active{background:var(--success-soft);color:var(--success)}.badge--rejected,.badge--inactive{background:var(--danger-soft);color:var(--danger)}.badge--suspended{background:var(--muted-soft);color:var(--text-2)}.badge--plain{background:var(--primary-soft);color:var(--primary)}.badge--plain:before{display:none}.tabs{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:6px;padding:6px 12px 0;display:flex}.tab{color:var(--text-2);border-bottom:2px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:7px 11px;font-weight:500;display:flex}.tab:hover{color:var(--primary)}.tab.is-active{color:var(--primary);border-color:var(--primary)}.tab .count{background:var(--muted-soft);color:var(--text-2);border-radius:10px;padding:1px 8px;font-size:11px}.tab.is-active .count{background:var(--primary-soft);color:var(--primary)}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.toolbar .field-inline{flex:1;min-width:200px;max-width:340px;position:relative}.toolbar .field-inline svg{color:var(--text-3);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.toolbar .field-inline input{padding-left:38px}.input,.select,.textarea{border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;height:34px;padding:0 11px;transition:all .15s}.textarea{resize:vertical;height:auto;min-height:64px;padding:7px 11px}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);outline:none}.input.has-error,.select.has-error,.textarea.has-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.input::placeholder,.textarea::placeholder{color:var(--text-3)}.field{position:relative}.field label{margin-bottom:3px;font-size:12.5px;font-weight:500;display:block}.field label .req{color:var(--danger)}.field .hint{color:var(--text-3);margin-top:3px;font-size:11.5px}.field .err{color:var(--danger);margin-top:3px;font-size:11.5px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;display:grid}.form-grid .full{grid-column:1/-1}@media (width<=720px){.form-grid{grid-template-columns:1fr}}.section-title{border-bottom:1px dashed var(--border);color:var(--primary-dark);align-items:center;gap:8px;margin-bottom:10px;padding-bottom:6px;font-size:13px;font-weight:600;display:flex}.form-section+.form-section{margin-top:16px}.char-count{text-align:right;color:var(--text-3);margin-top:4px;font-size:12px}.char-count.bad{color:var(--danger)}.switch{vertical-align:middle;flex:none;width:36px;height:20px;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;z-index:1;position:absolute;inset:0}.switch span{background:#cbd5e1;border-radius:12px;transition:all .2s;position:absolute;inset:0}.switch span:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch input:checked+span{background:var(--success)}.switch input:checked+span:after{transform:translate(16px)}.switch input:disabled+span{opacity:.5}.dropzone{text-align:center;color:var(--text-2);cursor:pointer;background:#fafcff;border:1.5px dashed #b8c7da;border-radius:10px;padding:12px;transition:all .15s}.dropzone:hover,.dropzone.over{border-color:var(--primary);background:var(--primary-soft)}.dropzone strong{color:var(--primary)}.file-list{gap:6px;margin-top:8px;display:grid}.file-row{border:1px solid var(--border);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:5px 10px;display:flex}.file-row .name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.file-row small{color:var(--text-3)}.brand-rows{gap:8px;display:grid}.brand-row{grid-template-columns:1fr auto;align-items:start;gap:10px;display:grid}.alert{border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:12px;padding:8px 12px;display:flex}.alert--error{background:var(--danger-soft);color:#9f1239}.alert--info{background:var(--primary-soft);color:var(--primary-dark)}.table-wrap{overflow-x:auto}table.table{border-collapse:collapse;width:100%;min-width:900px}.table th{text-align:left;color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light);white-space:nowrap;background:#f8fafc;padding:7px 10px;font-size:11px;font-weight:600}.table td{border-bottom:1px solid var(--border-light);vertical-align:middle;padding:6px 10px}.table tbody tr:hover{background:#fafcff}.table tbody tr:last-child td{border-bottom:0}.table .row-link{cursor:pointer}.table th.sno,.table td.sno{text-align:center;width:1%;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap;padding-left:14px;padding-right:4px}table.table--compact{min-width:0}.table--compact th,.table--compact td{padding-left:16px;padding-right:16px}.cell-main{align-items:center;gap:9px;min-width:0;display:flex}.cell-main strong{font-weight:600;display:block}.cell-main small,.muted{color:var(--text-2);font-size:11.5px}.cell-main small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}.nowrap{white-space:nowrap}.chips{flex-wrap:nowrap;gap:4px;margin-top:1px;display:flex;overflow:hidden}.chip{background:var(--muted-soft);color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:none;max-width:86px;padding:0 6px;font-size:11px;overflow:hidden}.row-actions{justify-content:flex-end;gap:6px;display:flex}.logo-box{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:8px;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.logo-box img{object-fit:contain;background:#fff;width:100%;height:100%}.logo-box--lg{border-radius:12px;width:52px;height:52px;font-size:17px}.logo-box--sm{border-radius:6px;width:26px;height:26px;font-size:11px}.pager{border-top:1px solid var(--border-light);color:var(--text-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:8px 12px;font-size:13px;display:flex}.pager__btns{gap:6px;display:flex}.kv{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;display:grid}.kv dt{color:var(--text-3);margin-bottom:0;font-size:11px}.kv dd{word-break:break-word;font-weight:500}.kv .full{grid-column:1/-1}@media (width<=640px){.kv{grid-template-columns:1fr}}.hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:12px 14px;display:flex}.hero__left{align-items:center;gap:16px;min-width:0;display:flex}.hero h2{font-size:17px;font-weight:600}.hero__meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;margin-top:3px;font-size:12px;display:flex}.stack{gap:12px;display:grid}.list-item{border-bottom:1px solid var(--border-light);align-items:center;gap:10px;padding:7px 0;display:flex}.list-item:last-child{border-bottom:0;padding-bottom:0}.list-item:first-child{padding-top:0}.list-item .grow{flex:1;min-width:0}.list-item .grow strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.activity-dot{background:var(--primary-soft);width:28px;height:28px;color:var(--primary);border-radius:50%;flex:none;place-items:center;display:grid}.empty{text-align:center;color:var(--text-2);padding:28px 16px}.empty svg{color:var(--text-3);margin:0 auto 12px}.empty h3{color:var(--text);margin-bottom:4px;font-weight:600}.skeleton{background:linear-gradient(90deg,#eef2f7 25%,#f7f9fc 37%,#eef2f7 63%) 0 0/400% 100%;border-radius:8px;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:100%}to{background-position:0}}.sk-row{height:14px;margin:12px 14px}.modal-wrap{z-index:100;background:#0f172a80;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);width:100%;max-width:480px;box-shadow:var(--shadow-md);border-radius:14px;margin:auto;animation:.18s pop}.modal--lg{max-width:680px}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}.modal__head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.modal__head h3{font-size:15px;font-weight:600}.modal__body{padding:14px 16px}.modal__foot{justify-content:flex-end;gap:8px;padding:8px 16px 14px;display:flex}.toasts{z-index:200;gap:10px;display:grid;position:fixed;bottom:20px;right:20px}.toast{min-width:260px;max-width:380px;box-shadow:var(--shadow-md);border-left:4px solid var(--success);background:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 16px;animation:.2s pop;display:flex}.toast--error{border-left-color:var(--danger)}.toast--info{border-left-color:var(--primary)}.toast svg{flex:none}.toast--success svg{color:var(--success)}.toast--error svg{color:var(--danger)}.login{background:var(--surface);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:100vh;display:grid}.login__art{background:linear-gradient(145deg, #0c4a60 0%, var(--primary) 60%, #3b8fe0 100%);color:#fff;flex-direction:column;justify-content:space-between;padding:56px;display:flex;position:relative;overflow:hidden}.login__art:before,.login__art:after{content:"";background:#ffffff14;border-radius:50%;position:absolute}.login__art:before{width:420px;height:420px;top:-100px;right:-120px}.login__art:after{width:300px;height:300px;bottom:-80px;left:-90px}.login__art h2{font-size:34px;font-weight:600;line-height:1.25;position:relative}.login__art p{opacity:.85;max-width:420px;margin-top:14px;position:relative}.login__points{gap:12px;display:grid;position:relative}.login__points li{opacity:.95;align-items:center;gap:10px;display:flex}.login__form-side{place-items:center;padding:32px;display:grid}.login__card{width:100%;max-width:400px}.login__card h1{font-size:26px;font-weight:600}.login__card .sub{color:var(--text-2);margin:4px 0 26px}.pw{position:relative}.pw button{width:32px;height:32px;color:var(--text-3);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.pw button:hover{background:var(--bg);color:var(--text)}@media (width<=900px){.login{grid-template-columns:1fr}.login__art{display:none}}table.cat-table{min-width:720px}.cat-table td{height:46px}.cat-table th.num,.cat-table td.num{text-align:right;white-space:nowrap;width:1%;padding-right:18px}.cat-table th.tog,.cat-table td.tog{white-space:nowrap;width:1%}.cat-table .chev{width:24px;height:24px;color:var(--text-3);border-radius:6px;flex:none;place-items:center;transition:all .15s;display:grid}.cat-table .chev:hover{background:var(--primary-soft);color:var(--primary)}.cat-table .chev svg{transition:transform .15s}.cat-table .chev.is-open svg{transform:rotate(90deg)}.cat-table .cat-row--open td{background:#fafcff}.cat-table .cat-sub td{background:#f8fafc;height:42px}.cat-table .cat-sub td:first-child{box-shadow:inset 3px 0 0 var(--primary-soft)}.cat-table .cat-sub td:nth-child(2){padding-left:34px}.cat-table .cat-sub--child td{background:#f1faf4;height:40px}.cat-table .cat-sub--child td:first-child{box-shadow:inset 3px 0 #86d6a1}.cat-table .cat-sub--child .sno{color:#2f9e5b}.cat-table .cat-sub--child .logo-box{color:#1f7a45;background:#dcf3e4}.btn-soft-green{color:#1f7a45;background:#e3f6ea}.cat-table .cat-sub--child.cat-sub--add td:nth-child(2){padding-left:62px}.btn-soft-green:hover{background:#d3f0de}.cat-table .cat-sub--child td:nth-child(2){padding-left:62px}.cat-table .cat-sub--add td:nth-child(2){padding-left:34px}.cat-table .chev-gap{flex:none;width:24px}.cat-table .cat-sub--add td{height:40px}.cat-table .cell-main{min-width:180px}.cat-table .cell-main .truncate{max-width:260px}.parent-chip{background:var(--primary-soft);color:var(--primary-dark);border-radius:8px;padding:5px 11px;font-weight:500;display:inline-block}.top-tag{color:#b45309;letter-spacing:.02em;background:#fff4e5;border-radius:999px;flex:none;margin-left:4px;padding:1px 7px;font-size:11px;font-weight:600}.top-count{background:var(--primary-soft);color:var(--primary-dark);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:600}.top-count.is-full{color:#b45309;background:#fff4e5}table.prod-table{table-layout:auto;min-width:0}.prod-table td{height:48px;padding-left:8px;padding-right:8px}.prod-table th{padding-left:8px;padding-right:8px}.prod-table .cell-main{gap:8px;min-width:0}.prod-table .cell-main .truncate{max-width:200px}.prod-table .truncate{max-width:120px}.prod-table .thumb{width:36px;height:36px}.prod-table .status-select{width:96px;padding-right:4px}.prod-table .row-actions{flex-wrap:nowrap;gap:4px}.prod-table .tags-cell{flex-wrap:wrap;gap:4px;max-width:150px;display:flex}.prod-table .tags-cell .tag-chip{max-width:100px}.thumb{border:1px solid var(--border-light);width:40px;height:40px;color:var(--text-3);background:#fff;border-radius:8px;flex:none;place-items:center;font-size:12px;font-weight:600;display:grid;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%}.price-cell strong{font-weight:600}.price-cell s{color:var(--text-3);margin-left:4px;font-size:11.5px}.off-tag{color:var(--success);font-size:11.5px;font-weight:600}.stock-pair{flex-wrap:wrap;gap:6px;display:flex}.stock-pill{background:var(--muted-soft);color:var(--text-2);white-space:nowrap;border-radius:6px;padding:0 7px;font-size:11px}.stock-pill.is-zero{background:var(--danger-soft);color:var(--danger)}.stock-pill.is-off{opacity:.55;text-decoration:line-through}.tag-chip{background:var(--primary-soft);color:var(--primary-dark);white-space:nowrap;text-overflow:ellipsis;border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;max-width:130px;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex;overflow:hidden}.tag-chip .dot{background:var(--c,var(--primary));border-radius:50%;flex:none;width:7px;height:7px}.tag-pick{flex-wrap:wrap;gap:6px;display:flex}.tag-pick label{cursor:pointer;margin:0}.tag-pick input{opacity:0;pointer-events:none;position:absolute}.tag-pick .tag-chip{height:26px;color:var(--text-2);border-color:var(--border);background:#fff;max-width:none;font-size:12px;transition:all .15s}.tag-pick input:checked+.tag-chip{background:var(--primary);color:#fff;border-color:var(--primary)}.tag-pick label:has(input:disabled){cursor:not-allowed}.tag-pick input:disabled+.tag-chip{opacity:.7}.tag-pick input:checked+.tag-chip .dot{background:#fff}.tag-pick input:focus-visible+.tag-chip{outline:2px solid var(--primary);outline-offset:2px}.status-select{border-radius:12px;width:104px;height:26px;padding:0 6px;font-size:12px;font-weight:500}.status-select.s-active{background:var(--success-soft);color:var(--success);border-color:#0000}.status-select.s-draft{background:var(--warning-soft);color:var(--warning);border-color:#0000}.status-select.s-inactive{background:var(--danger-soft);color:var(--danger);border-color:#0000}.status-select.s-archived{background:var(--muted-soft);color:var(--text-2);border-color:#0000}.badge--draft{background:var(--warning-soft);color:var(--warning)}.badge--archived{background:var(--muted-soft);color:var(--text-2)}.pf-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:12px;display:grid}@media (width<=1100px){.pf-layout{grid-template-columns:1fr}}.pf-col{gap:12px;min-width:0;display:grid}.pf-card{scroll-margin-top:70px}.pf-card .card__body{gap:12px;display:grid}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 14px;display:grid}.form-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 14px;display:grid}@media (width<=720px){.form-grid-3,.form-grid-4{grid-template-columns:1fr 1fr}}@media (width<=520px){.form-grid-3,.form-grid-4{grid-template-columns:1fr}}.price-box{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.off-badge{background:var(--success-soft);height:24px;color:var(--success);border-radius:12px;align-items:center;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.off-badge.is-none{background:var(--muted-soft);color:var(--text-3)}.off-badge.is-bad{background:var(--danger-soft);color:var(--danger)}.chan-row{border:1px solid var(--border-light);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 10px;display:flex}.chan-row.is-off{background:#fafbfd}.chan-row .grow{flex:1;min-width:160px}.tab-block{border:1px solid var(--border-light);border-radius:10px}.tab-block>button{justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-weight:500;display:flex}.tab-block .tab-body{gap:8px;padding:0 12px 12px;display:grid}.tab-block .filled{background:var(--success);border-radius:50%;width:7px;height:7px;margin-left:8px;display:inline-block}.img-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;display:grid}.img-card{border:1px solid var(--border);background:#fff;border-radius:10px;position:relative;overflow:hidden}.img-card.is-primary{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-soft)}.img-card .pic{aspect-ratio:1;background:#fafcff;place-items:center;display:grid}.img-card .pic img{object-fit:contain;width:100%;height:100%}.img-card .bar{border-top:1px solid var(--border-light);justify-content:center;gap:2px;padding:3px;display:flex}.img-card .bar button{width:24px;height:24px;color:var(--text-2);border-radius:6px;place-items:center;display:grid}.img-card .bar button:hover:not(:disabled){background:var(--primary-soft);color:var(--primary)}.img-card .bar button.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.img-card .bar button:disabled{opacity:.35;cursor:default}.img-card .primary-tag{background:var(--primary);color:#fff;border-radius:6px;padding:0 6px;font-size:10px;font-weight:600;position:absolute;top:4px;left:4px}.save-bar{z-index:20;border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fffffff5;border-radius:12px;justify-content:flex-end;align-items:center;gap:10px;margin:12px -4px -8px;padding:10px 14px;display:flex;position:sticky;bottom:0}.save-bar .msg{color:var(--danger);margin-right:auto;font-weight:500}.tag-row{border-bottom:1px solid var(--border-light);grid-template-columns:14px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:6px 0;display:grid}.tag-row:last-child{border-bottom:0}.color-dot{background:var(--c,var(--primary));border-radius:50%;width:14px;height:14px}label.dropzone{display:block}.option-card{border:1px solid var(--border);background:#fff;border-radius:12px}.option-card__head{border-bottom:1px solid var(--border-light);background:#f8fafc;border-radius:12px 12px 0 0;align-items:center;gap:10px;padding:8px 12px;display:flex}.option-card__head strong{flex:1;font-weight:600}.option-card__body{padding:12px}.variant-editor{gap:12px;display:grid}.tier-box{border:1px dashed var(--border);border-radius:10px;gap:8px;padding:10px 12px;display:grid}.tier-box__head{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.tier-row{grid-template-columns:minmax(120px,190px) minmax(120px,190px) 1fr auto;align-items:start;gap:8px;display:grid}.tier-row .muted{padding-top:8px}.pic-gallery.is-compact .img-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.related{gap:8px;display:grid}.related__item{border:1px solid var(--border-light);border-radius:10px;align-items:center;gap:8px;padding:4px 6px;display:flex}.related__item .grow{flex:1;min-width:0}.related__item .grow strong{font-size:12.5px;font-weight:500;display:block}.related__item .grow small{display:block}.related__search{min-width:0;max-width:none;position:relative}.related__search>svg{color:var(--text-3);position:absolute;top:11px;left:11px}.related__search .input{padding-left:34px}.related__results{z-index:30;border:1px solid var(--border);box-shadow:var(--shadow-md);background:#fff;border-radius:10px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto}.related__result{text-align:left;align-items:center;gap:8px;width:100%;padding:6px 10px;display:flex}.related__result:hover{background:var(--primary-soft)}.related__result .grow{flex:1;min-width:0}.related__result strong{font-size:12.5px;font-weight:500;display:block}.related__result small{display:block}@media (width<=720px){.tier-row{grid-template-columns:1fr 1fr auto}.tier-row .muted{grid-column:1/-1;padding-top:0}}.tier-box>.btn{justify-self:start}.img-card[draggable=true]{cursor:grab}.img-card.is-dragging{opacity:.45}.img-card.is-over{outline:2px dashed var(--primary);outline-offset:2px}.img-card .pic img{pointer-events:none}*{scrollbar-width:thin;scrollbar-color:#cbd5e3 transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:#cbd5e3;background-clip:content-box;border:3px solid #0000;border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:#9fb0c8}::-webkit-scrollbar-thumb:active{background-color:var(--primary)}::-webkit-scrollbar-corner{background:0 0}.sidebar__nav{scrollbar-color:transparent transparent}.sidebar__nav:hover{scrollbar-color:#cbd5e3 transparent}.sidebar__nav::-webkit-scrollbar-thumb{background-color:#0000}.sidebar__nav:hover::-webkit-scrollbar-thumb{background-color:#cbd5e3}.sidebar__nav::-webkit-scrollbar{width:8px}.stock-box{border:1px solid var(--border-light);background:#fafcff;border-radius:10px;gap:8px;padding:10px 12px;display:grid}.stock-inputs{grid-template-columns:repeat(auto-fit,minmax(180px,260px));gap:10px 14px;display:grid}.rows-per-page{color:var(--text-2);white-space:nowrap;align-items:center;gap:6px;margin:0;font-size:12.5px;font-weight:500;display:inline-flex}.rows-per-page .select{width:62px;height:28px;padding:0 6px;font-size:12.5px}.tabs .rows-per-page{align-self:center;margin-left:auto;padding-right:2px}.badge--confirmed{background:var(--primary-soft);color:var(--primary)}.badge--delivered,.badge--paid{background:var(--success-soft);color:var(--success)}.badge--cancelled,.badge--failed{background:var(--danger-soft);color:var(--danger)}.badge--cod_pending{background:var(--warning-soft);color:var(--warning)}.badge--refunded,.badge--returned{background:var(--muted-soft);color:var(--text-2)}.toolbar .date-field{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.toolbar .date-field .input{width:140px}.order-no{color:var(--primary);white-space:nowrap;font-weight:600}.od-layout{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:12px;display:grid}.od-layout>div{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;display:grid}@media (width<=1100px){.od-layout{grid-template-columns:1fr}}.od-stack{grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;display:grid}.od-cols{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.od-col{border-left:1px solid var(--border-light);min-width:0}.od-col:first-child{border-left:0}.od-col__head{border-bottom:1px solid var(--border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;min-height:47px;padding:10px 14px;display:flex}.od-col__head h2{font-size:14px;font-weight:600}.od-billing{border-top:1px dashed var(--border);overflow-wrap:anywhere;color:var(--text-2);margin:0 14px 12px;padding-top:10px;line-height:1.55}.od-billing .k{color:var(--text-2)}.od-billing strong{color:var(--text);display:block}.od-billing .od-billing__name{margin-top:2px}.rx-badge{background:var(--warning-soft);color:var(--warning);border-radius:6px;margin-left:6px;padding:0 6px;font-size:10.5px;font-weight:700;line-height:16px;display:inline-block}.od-reg{background:var(--primary-soft);border-radius:8px;margin:0 -9px;padding:5px 9px}.od-reg .v{color:var(--primary);font-weight:600}.od-row3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:stretch;gap:12px;display:grid}.od-row3>.card{min-width:0}@media (width<=900px){.od-cols{grid-template-columns:1fr}.od-col{border-left:0;border-top:1px solid var(--border-light)}.od-col:first-child{border-top:0}}.od-meta{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:10px;font-size:12.5px;display:flex}.od-items td,.od-items th{padding-top:8px;padding-bottom:8px}.od-items .num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.bulk-note{color:var(--success);font-size:11.5px;display:block}.totals{gap:6px;max-width:380px;margin-left:auto;padding:12px 14px;display:grid}.totals div{font-variant-numeric:tabular-nums;justify-content:space-between;gap:18px;display:flex}.totals .minus{color:var(--success)}.totals .grand{border-top:1px solid var(--border);margin-top:2px;padding-top:8px;font-size:15px;font-weight:700}.totals small{color:var(--text-3);text-align:right;font-size:11.5px;display:block}.kv-list{gap:7px;padding:12px 14px;display:grid}.kv-list>div{justify-content:space-between;gap:14px;display:flex}.kv-list dt,.kv-list .k{color:var(--text-2)}.kv-list .v{text-align:right;overflow-wrap:anywhere;font-weight:500}.addr{overflow-wrap:anywhere;padding:12px 14px;line-height:1.55}.addr strong{font-size:13.5px;display:block}.addr .tag{background:var(--muted-soft);color:var(--text-2);text-transform:capitalize;border-radius:6px;margin-left:6px;padding:0 7px;font-size:11px;display:inline-block}.timeline{gap:0;padding:12px 14px;display:grid}.timeline li{padding:0 0 14px 24px;list-style:none;position:relative}.timeline li:before{content:"";background:var(--primary);border-radius:50%;width:9px;height:9px;position:absolute;top:5px;left:5px}.timeline li:after{content:"";background:var(--border);width:1px;position:absolute;top:15px;bottom:-1px;left:9px}.timeline li:last-child{padding-bottom:0}.timeline li:last-child:after{display:none}.timeline li.is-cancelled:before{background:var(--danger)}.timeline li.is-delivered:before{background:var(--success)}.timeline small{color:var(--text-2);display:block}.timeline .note{color:var(--text)}.act-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input-affix{position:relative}.input-affix>span{color:var(--text-3);pointer-events:none;font-size:12.5px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.input-affix .input{padding-left:38px}.input-affix--right{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;height:34px;padding-right:11px;transition:all .15s;display:flex}.input-affix--right:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.input-affix--right:has(.has-error){border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.input-affix--right .input{width:auto;min-width:0;height:32px;box-shadow:none;background:0 0;border:0;border-radius:8px 0 0 8px;flex:auto;padding:0 0 0 11px}.input-affix--right .input:focus,.input-affix--right .input.has-error{box-shadow:none;border:0}.input-affix--right>span{white-space:nowrap;text-align:right;flex:none;line-height:1.25;position:static;transform:none}.input-affix input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.input-affix input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.input-affix input[type=number]{appearance:textfield}.table td.wrap{white-space:normal;min-width:240px;line-height:1.4}.print-sheet{padding:6px 14px;display:none}@media print{.sidebar,.topbar,.backdrop,.screen-only,.toast-host,.no-print{display:none!important}.main{margin-left:0!important}.content{max-width:none!important;padding:0!important}body{background:#fff;font-size:12px}.print-sheet{color:#000;display:block}.print-sheet table{border-collapse:collapse;width:100%;margin-top:10px}.print-sheet th,.print-sheet td{text-align:left;vertical-align:top;border-bottom:1px solid #bbb;padding:5px 6px}.print-sheet .num{text-align:right}.print-sheet h1{font-size:20px}.print-sheet .ps-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:12px;display:grid}.print-sheet .ps-totals{width:280px;margin-top:10px;margin-left:auto}.print-sheet .ps-totals div{justify-content:space-between;padding:2px 0;display:flex}.print-sheet .ps-totals .grand{border-top:2px solid #000;margin-top:4px;padding-top:5px;font-size:14px;font-weight:700}.print-sheet.is-slip .price-col{display:none}}.pick-chip{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 11px;font-size:12.5px;display:inline-flex}.pick-chip:hover{border-color:var(--primary)}.pick-chip.is-on{background:var(--primary-soft);border-color:var(--primary);color:var(--primary);font-weight:600}.field .pick-chip{white-space:nowrap;flex-direction:row;align-items:center;gap:6px;width:auto;margin:0;line-height:1.2;display:inline-flex}.pick-chip input{flex:none;width:14px;height:14px;margin:0}.badge--live{background:var(--success-soft);color:var(--success)}.badge--off{background:var(--muted-soft);color:var(--text-2)}.badge--ended{background:var(--danger-soft);color:var(--danger)}.badge--scheduled{background:var(--warning-soft);color:var(--warning)}.how-card{margin-bottom:12px}.how-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px 28px;display:grid}.how-grid ol,.how-grid ul{color:var(--text-2);gap:3px;margin:6px 0 0;padding-left:18px;display:grid}.badge--qualified{background:var(--primary-soft);color:var(--primary)}.badge--rewarded{background:var(--success-soft);color:var(--success)}.badge--expired{background:var(--muted-soft);color:var(--text-2)}.badge--plus:before{display:none}.courier-events{gap:6px;margin:0;padding:0 14px 12px;list-style:none;display:grid}.courier-events li{border-left:2px solid var(--border);gap:1px;padding-left:12px;display:grid}.courier-events small{color:var(--text-2)}.dt-layout{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:12px;display:grid}.dt-layout--even{grid-template-columns:repeat(2,minmax(0,1fr))}.dt-layout--side{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}.dt-layout--wide{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.dt-col{grid-template-columns:minmax(0,1fr);align-content:start;gap:12px;min-width:0;display:grid}@media (width<=1100px){.dt-layout,.dt-layout--even,.dt-layout--side,.dt-layout--wide{grid-template-columns:minmax(0,1fr)}}.dt-card .card__head{padding:8px 14px}.dt-card .card__body{padding:12px 14px}.dt-card .form-grid{gap:8px 12px}.dt-card .form-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dt-card .form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=900px){.dt-card .form-grid.cols-3,.dt-card .form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.dt-card .form-grid.cols-3,.dt-card .form-grid.cols-4{grid-template-columns:minmax(0,1fr)}}.dt-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:12px;padding:8px 14px;display:flex}.dt-bar__info{color:var(--text-2);flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0;font-size:12.5px;display:flex}.dt-bar__info strong{color:var(--text);font-weight:600}.dt-pager{color:var(--text-2);align-items:center;gap:6px;font-size:12.5px;display:inline-flex}.dt-switches{flex-wrap:wrap;align-items:center;gap:8px 22px;display:flex}.dt-switches label{align-items:center;gap:8px;margin:0;font-weight:500;display:flex}.dt-stage{aspect-ratio:16/6;border:1px solid var(--border-light);background:repeating-conic-gradient(#f3f6fa 0 25%, #fff 0 50%) 0 0 / 16px 16px;border-radius:10px;place-items:center;width:100%;max-height:260px;display:grid;position:relative;overflow:hidden}.dt-stage img{object-fit:contain;width:100%;height:100%}.dt-stage--phone{aspect-ratio:9/16;width:auto;height:150px;max-height:150px}.dt-stage__empty{color:var(--text-3);text-align:center;padding:10px;font-size:12.5px}.dt-pics{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.dt-pic-fields{gap:8px;min-width:0;display:grid}.dt-pic-fields .field{margin:0}@media (width<=700px){.dt-pics{grid-template-columns:minmax(0,1fr)}}.dt-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.dt-list__row{border:1px solid var(--border-light);background:#fff;border-radius:10px;align-items:center;gap:8px;min-width:0;padding:5px 8px;display:flex}.dt-list__row .no{text-align:center;width:22px;color:var(--text-3);font-variant-numeric:tabular-nums;flex:none}.dt-list__row .grow{flex:1;min-width:0}.dt-list__row .grow strong{text-overflow:ellipsis;white-space:nowrap;font-weight:500;display:block;overflow:hidden}.dt-list__row .grow small{color:var(--text-3)}.dt-search{position:relative}.dt-note{color:var(--text-2);font-size:12.5px;line-height:1.5}.dt-preview{background:var(--primary-soft);color:var(--primary-dark);border-radius:10px;gap:4px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:grid}.dt-preview strong{font-weight:600}.banner-thumb{background:#eef2f7;border-radius:6px;width:96px;height:40px;display:block;overflow:hidden}.banner-thumb img{object-fit:cover;width:100%;height:100%}.row-title-link{color:inherit;font-weight:600}.row-title-link:hover{color:var(--primary);text-decoration:underline}.set-tabs{border-bottom:1px solid var(--border-light);flex-wrap:wrap;gap:4px;padding:6px 8px 0;display:flex}.set-tab{color:var(--text-2);border-bottom:2px solid #0000;border-radius:8px 8px 0 0;align-items:center;gap:7px;margin-bottom:-1px;padding:8px 14px;font-weight:500;display:inline-flex}.set-tab:hover{color:var(--primary);background:var(--primary-soft)}.set-tab.is-active{color:var(--primary);border-bottom-color:var(--primary);background:0 0}.set-tab.has-error:after{content:"";background:var(--danger);border-radius:50%;width:7px;height:7px}.set-panel{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:12px 18px;padding:14px;display:grid}.set-panel .full{grid-column:1/-1}.podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px;display:grid}@media (width<=800px){.podium{grid-template-columns:minmax(0,1fr)}}.podium__card{border:1px solid var(--border-light);border-left:4px solid var(--m,var(--primary));background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:0;padding:10px 12px;display:flex}.podium__card.gold{--m:#e0a100;background:#fffaf0}.podium__card.silver{--m:#94a3b8;background:#f8fafc}.podium__card.bronze{--m:#c2703a;background:#fdf6f1}.podium__medal{background:var(--m);color:#fff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.podium__body{min-width:0}.podium__body strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.podium__body small{color:var(--text-2);display:block}.podium__empty{opacity:.6;border-left-color:var(--border)}.money-pair{text-align:right;gap:1px;line-height:1.3;display:grid}.money-pair small{color:var(--text-2);font-size:11.5px}.badge--paid-bonus{background:var(--success-soft);color:var(--success)}.legend{border-top:1px solid var(--border-light);color:var(--text-2);background:#fafcff;flex-wrap:wrap;gap:6px 18px;padding:8px 14px;font-size:12px;display:flex}.legend b{color:var(--text);font-weight:600}.oz-open td{background:#fafcff}.oz-products{border-bottom:1px solid var(--border-light);background:#fafcff;gap:8px;padding:8px 14px 12px;display:grid}.oz-add{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.oz-add .dt-search{flex:1;min-width:220px;max-width:420px}.notify-form{grid-template-columns:minmax(0,2fr) minmax(0,3fr) minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:10px 14px;display:grid}.notify-form .actions{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px;display:flex}@media (width<=1100px){.notify-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.notify-form{grid-template-columns:minmax(0,1fr)}}.dt-preview{border:1px solid var(--border-light);background:#fff;border-radius:10px;min-height:360px;max-height:520px;padding:12px 14px;line-height:1.6;overflow:auto}.dt-preview ul,.dt-preview ol{margin:6px 0;padding-left:20px}.dt-preview ul{list-style:outside}.dt-preview ol{list-style:decimal}.dt-preview h2,.dt-preview h3{margin:10px 0 4px}.dt-preview p{margin:6px 0}.dropdown a.dropdown__link{color:var(--text-2);border-radius:8px;align-items:center;gap:10px;padding:9px 12px;display:flex}.dropdown a.dropdown__link:hover{background:var(--primary-soft);color:var(--primary)}.input.ro{background:var(--bg);color:var(--text-2);align-items:center;min-height:36px;display:flex}.role-bar{background:var(--muted-soft);border-radius:4px;width:120px;height:6px;overflow:hidden}.role-bar span{background:var(--primary);border-radius:4px;height:100%;display:block}.chip--super{background:var(--primary-soft);color:var(--primary)}.perm-quick{flex-wrap:wrap;gap:6px;display:inline-flex}.perm-table td,.perm-table th{padding-top:7px;padding-bottom:7px}.perm-table .perm-col{text-align:center;width:76px}.perm-table .perm-hint{font-size:11.5px;line-height:1.3}.perm-table tr.perm-group td{background:var(--bg);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);padding-top:6px;padding-bottom:6px;font-size:11px;font-weight:600}.perm-table tr.perm-group td span{margin-right:12px}.perm-link{color:var(--primary);text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:500}.perm-box{cursor:pointer;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.perm-box input{width:17px;height:17px;accent-color:var(--primary);cursor:pointer}.perm-box input:disabled{cursor:default}.role-pick{cursor:pointer;flex:1;align-items:center;gap:10px;margin:0;display:flex}.role-pick input{width:16px;height:16px;accent-color:var(--primary)}.role-pick.is-off{opacity:.5;cursor:not-allowed}.readonly-note{background:var(--warning-soft);color:var(--warning);border-radius:10px;align-items:center;gap:8px;margin-bottom:10px;padding:7px 12px;font-size:12.5px;display:flex}.is-readonly [data-testid^=new-],.is-readonly .page-actions .btn-primary,.is-readonly .page-actions .btn-soft-danger,.is-readonly .row-actions .btn-soft-danger{display:none!important}.perm-table .perm-hint{white-space:normal}table.table.perm-table{min-width:0}.rte{border:1px solid var(--border);background:#fff;border-radius:10px;overflow:hidden}.rte:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.rte.has-error{border-color:var(--danger);box-shadow:0 0 0 3px var(--danger-soft)}.rte__bar{border-bottom:1px solid var(--border-light);z-index:3;background:#f8fafc;flex-wrap:wrap;align-items:center;gap:2px;padding:5px 6px;display:flex;position:sticky;top:0}.rte__bar button{min-width:28px;height:28px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0 6px;display:inline-grid}.rte__bar button:hover:not(:disabled),.rte__bar button.on{background:var(--primary-soft);color:var(--primary)}.rte__bar button:disabled{opacity:.4;cursor:not-allowed}.rte__bar .rte__text-btn{align-items:center;gap:4px;font-size:12px;display:inline-flex}.rte__select{border:1px solid var(--border-light);height:28px;color:var(--text-2);background:#fff;border-radius:6px;padding:0 6px;font-size:12.5px}.rte__sep{background:var(--border);width:1px;height:18px;margin:0 4px}.rte__link{border-bottom:1px solid var(--border-light);background:var(--primary-soft);align-items:center;gap:6px;padding:6px 8px;display:flex}.rte__link .input{flex:1;min-width:0}.rte__area{min-height:380px}.rte__area .ProseMirror{min-height:380px;max-height:70vh;color:var(--text);outline:none;padding:14px 18px;font-size:14.5px;line-height:1.7;overflow-y:auto}.rte__area .ProseMirror>*+*{margin-top:.8em}.rte__area .ProseMirror h2{margin-top:1.2em;font-size:21px;line-height:1.3}.rte__area .ProseMirror h3{margin-top:1em;font-size:17px;line-height:1.35}.rte__area .ProseMirror ul,.rte__area .ProseMirror ol{padding-left:24px}.rte__area .ProseMirror ul{list-style:outside}.rte__area .ProseMirror ol{list-style:decimal}.rte__area .ProseMirror blockquote{border-left:3px solid var(--primary);color:var(--text-2);background:var(--primary-soft);border-radius:0 8px 8px 0;margin-left:0;padding:4px 14px}.rte__area .ProseMirror a{color:var(--primary);text-decoration:underline}.rte__area .ProseMirror img{border-radius:8px;max-width:100%;height:auto;display:block}.rte__area .ProseMirror img.ProseMirror-selectednode{outline:3px solid var(--primary)}.rte__area .ProseMirror hr{border:0;border-top:1px solid var(--border);margin:1.2em 0}.rte__area .ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;overflow:hidden}.rte__area .ProseMirror th,.rte__area .ProseMirror td{border:1px solid var(--border);vertical-align:top;min-width:60px;padding:6px 9px;position:relative}.rte__area .ProseMirror th{text-align:left;background:#f1f5f9;font-weight:600}.rte__area .ProseMirror td>*,.rte__area .ProseMirror th>*{margin:0}.rte__area .ProseMirror .selectedCell:after{content:"";background:var(--primary-soft);pointer-events:none;position:absolute;inset:0}.rte__area .ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;color:var(--text-3);pointer-events:none}.rte__foot{border-top:1px solid var(--border-light);color:var(--text-3);background:#f8fafc;justify-content:space-between;gap:10px;padding:5px 12px;font-size:12px;display:flex}.rte.is-disabled .rte__area{background:#f8fafc}.blog-thumb{background:#eef2f7;border-radius:6px;flex:none;width:84px;height:48px;display:block;overflow:hidden}.blog-thumb img{object-fit:cover;width:100%;height:100%}.blog-row{align-items:center;gap:10px;min-width:0;display:flex}.blog-row__text{min-width:0}.faq-edit{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr) auto;align-items:start;gap:8px;display:grid}@media (width<=700px){.faq-edit{grid-template-columns:minmax(0,1fr)}}.tag-box{border:1px solid var(--border);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;min-height:34px;padding:4px 8px;display:flex}.tag-box:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.tag-box input{background:0 0;border:0;outline:none;flex:1;min-width:120px;height:24px}.tag-pill{background:var(--primary-soft);color:var(--primary);border-radius:6px;align-items:center;gap:4px;padding:1px 4px 1px 8px;font-size:12px;display:inline-flex}.tag-pill button{color:inherit;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:14px;line-height:1}.badge--pending_review{background:var(--warning-soft);color:var(--warning)}.dash{gap:12px;display:grid}.dash__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px 16px;display:flex}.dash__head h1{font-size:22px;font-weight:600;line-height:1.2}.dash__period{color:var(--text-2);align-items:center;gap:8px;font-size:12.5px;display:inline-flex}.dash__period .select{width:auto;min-width:138px;height:32px;color:var(--text);background-color:var(--surface);border-radius:10px;font-weight:600}.dash__attention{flex-wrap:wrap;align-items:center;gap:6px 8px;display:flex}.chip-link{background:var(--warning-soft);color:var(--warning);border:1px solid #0000;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.chip-link:hover{border-color:var(--warning)}.dash__kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;transition:opacity .2s;display:grid}.is-loading{opacity:.6;transition:opacity .2s}.kpi{--tone:var(--primary);--tone-soft:var(--primary-soft);background:var(--surface);border:1px solid var(--border-light);box-shadow:var(--shadow-sm);border-radius:16px;min-width:0;padding:12px 14px;transition:all .15s;display:block}a.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.kpi--blue{--tone:#5b93cf;--tone-soft:#f0f5fb}.kpi--violet{--tone:#9a80dc;--tone-soft:#f5f2fc}.kpi--green{--tone:#5aa87b;--tone-soft:#eff8f2}.kpi--amber{--tone:#d19a4a;--tone-soft:#fcf6ea}.kpi--pink{--tone:#d97aa6;--tone-soft:#fcf1f6}.kpi__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi__icon{background:var(--tone-soft);width:34px;height:34px;color:var(--tone);border-radius:50%;flex:none;place-items:center;display:grid}.kpi__badge{white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.kpi__badge.is-up{color:#4f9a70;background:#f1f8f4}.kpi__badge.is-down{color:#bb6377;background:#fbf1f4}.kpi__badge.is-warn{color:#b9873a;background:#fcf7ec}.kpi__value{color:#1f2347;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;margin-top:9px;font-size:clamp(19px,2.1vw,24px);font-weight:600;line-height:1.15;overflow:hidden}.kpi__label{color:var(--text-2);margin-top:1px;font-size:12px}.kpi__sub{color:var(--text-3);white-space:nowrap;text-overflow:ellipsis;margin-top:4px;font-size:11px;overflow:hidden}.dash__row{grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.dash__row--even{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (width<=1100px){.dash__row,.dash__row--even{grid-template-columns:minmax(0,1fr)}}.dash__card{border-radius:16px;align-content:start;gap:10px;min-width:0;padding:14px 16px;display:grid}.dash__card--table{padding:14px 0 6px}.dash__card--table .dash__card-head{padding:0 16px}.dash__card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px 12px;display:flex}.dash__card-head h2{color:#1f2347;font-size:15px;font-weight:600}.dash__card-head p{color:var(--text-3);margin-top:1px;font-size:11.5px}.seg{background:var(--muted-soft);border-radius:999px;padding:2px;display:inline-flex}.seg__btn{color:var(--text-2);border-radius:999px;padding:3px 10px;font-size:11.5px;font-weight:500}.seg__btn.is-on{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.dash__total{color:var(--text-3);white-space:nowrap;font-size:12px}.dash__total strong{color:#1f2347;margin-right:2px;font-size:15px;font-weight:600}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dash__prod{max-width:min(360px,42vw);display:block}.dash__card--fill{grid-template-rows:auto 1fr}.dash__center{align-items:center;display:grid}@media (width<=520px){.dash__kpis{gap:8px}.kpi{border-radius:14px;padding:10px 11px}.kpi__value{margin-top:7px;font-size:18px}.kpi__icon{width:30px;height:30px}.dash__card{padding:12px}.dash__card--table{padding:12px 0 4px}}.badge{font-weight:400}.badge:before{opacity:.55;width:5px;height:5px}.badge--pending,.badge--draft,.badge--cod_pending,.badge--scheduled,.badge--pending_review{color:#b58a3c;background:#fdf8ec}.badge--approved,.badge--active,.badge--delivered,.badge--paid,.badge--live,.badge--rewarded,.badge--paid-bonus{color:#4f9a70;background:#f1f8f4}.badge--rejected,.badge--inactive,.badge--cancelled,.badge--failed,.badge--ended{color:#b9677a;background:#fbf2f4}.badge--suspended,.badge--archived,.badge--refunded,.badge--returned,.badge--off,.badge--expired{color:#7a8799;background:#f4f6f9}.badge--plain,.badge--confirmed,.badge--qualified{color:#5a8cc4;background:#f0f5fb}.badge--packed{color:#8a70cc;background:#f5f2fc}.badge--shipped{color:#4b8fae;background:#eef6fa}.badge--plus{color:#9c7a2a;background:#fdf7e6}