*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#040609;--bg2:#080d14;--bg3:#0e1320;--bg4:#141a28;--surface:#080d14;--primary:#00ddb3;--primary-light:#33e5c0;--primary-dim:#00ddb31a;--success:#22c55e;--warning:#f59e0b;--danger:#f43f5e;--text:#dde3ef;--text-muted:#64748b;--text-dim:#475569;--border:#1a2030;--border-strong:#232b3d;--purple:#8b5cf6;--purple-light:#a78bfa;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--radius-sm:8px;--radius:12px;--radius-lg:14px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;letter-spacing:-.01em;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}body:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle,#ffffff06 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.sidebar{background:var(--bg2);border-right:1px solid var(--border);z-index:100;flex-direction:column;gap:0;width:220px;padding:24px 12px 20px;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-brand{letter-spacing:-.3px;padding:0 var(--sp-2) var(--sp-5);border-bottom:1px solid var(--border);margin-bottom:var(--sp-4);font-family:Inter,sans-serif;font-size:18px;font-weight:800}.sidebar-brand span{color:var(--primary)}.sidebar-ver{color:var(--text-dim);letter-spacing:.5px;margin-top:var(--sp-1);font-family:DM Mono,monospace;font-size:10px;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.nav-btn{border-radius:var(--radius-sm);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-family:Inter,sans-serif;font-size:13.5px;font-weight:500;transition:all .15s;display:flex;position:relative}.nav-ico{text-align:center;opacity:.85;flex-shrink:0;width:18px;font-size:14px}.nav-btn:hover{background:var(--bg3);color:var(--text)}.nav-btn.active{background:var(--primary-dim);color:var(--primary);font-weight:600}.nav-btn.active .nav-ico{opacity:1}.nav-btn.active:before{content:"";background:var(--primary);border-radius:0 3px 3px 0;width:3px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-divider{background:var(--border);height:1px;margin:6px 12px}.nav-badge{background:var(--primary);color:#fff;vertical-align:middle;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700;display:inline-block}.nav-badge-warn{background:var(--warning)}.nav-badge-danger{background:var(--danger)}.nav-badge-success{background:var(--success)}.sort-btn{color:var(--text-muted);cursor:pointer;vertical-align:middle;background:0 0;border:none;padding:0 2px;font-size:11px}.sort-btn:hover{color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding-top:16px;display:flex}.icon-btn{border:1px solid var(--border);background:var(--bg3);width:34px;height:34px;color:var(--text-muted);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;transition:all .15s;display:flex}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.user-menu{cursor:pointer;flex:1;align-items:center;gap:8px;min-width:0;display:flex;position:relative}.user-avatar{background:var(--primary);color:#030507;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:flex}.user-name{white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.user-dropdown{background:var(--bg3);border:1px solid var(--border);z-index:200;border-radius:8px;min-width:120px;padding:4px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 -4px 16px #0006}.user-menu.show .user-dropdown{display:block}.dropdown-item{cursor:pointer;color:var(--danger);border-radius:6px;padding:9px 12px;font-size:13px}.dropdown-item:hover{background:var(--bg4)}.main{z-index:1;margin-left:220px;padding:28px 28px 40px;position:relative}.page-header{margin-bottom:24px}.page-title{letter-spacing:-.5px;margin-bottom:4px;font-family:Inter,sans-serif;font-size:28px;font-weight:800}.page-subtitle{color:var(--text-muted);font-size:13px}.stats-row{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-5);gap:var(--sp-3);flex-direction:column;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.stat-card:before{content:"";background:var(--accent,var(--primary));width:3px;position:absolute;top:0;bottom:0;left:0}.stat-card:after{content:"";background:var(--accent,var(--primary));opacity:.07;pointer-events:none;border-radius:50%;width:128px;height:128px;position:absolute;top:-48px;right:-48px}.stat-card:hover{border-color:var(--accent,#00ddb366);transform:translateY(-3px);box-shadow:0 10px 28px #0000004d}.stat-card.accent-blue{--accent:var(--primary)}.stat-card.accent-green{--accent:var(--success)}.stat-card.accent-orange{--accent:var(--warning)}.stat-card.accent-red{--accent:var(--danger)}.stat-top{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.stat-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.stat-icon.blue{background:#00ddb31f}.stat-icon.green{background:#22c55e1f}.stat-icon.orange{background:#f59e0b1f}.stat-icon.red{background:#f43f5e1f}.stat-value{letter-spacing:-.5px;font-family:DM Mono,monospace;font-size:38px;font-weight:500;line-height:1}.stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:11px;font-weight:600}.grid-2{grid-template-columns:2fr 1fr;gap:18px;margin-bottom:24px;display:grid}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:var(--sp-5);overflow:hidden}.card:last-child{margin-bottom:0}.card-header{padding:var(--sp-4) 18px;border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.card-title{text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);align-items:center;gap:var(--sp-2);font-size:12px;font-weight:600;display:flex}.card-subtitle{color:var(--text-dim);text-transform:none;letter-spacing:0;text-align:right;font-size:12px;font-weight:400}.card-body{padding:var(--sp-4) 18px}.table-wrap{overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;background:var(--bg);color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border);padding:11px 14px;font-size:10px;font-weight:600}.table td{border-bottom:1px solid #ffffff0a;padding:13px 14px;font-size:13px}.table tr:hover{background:var(--bg3)}.table tr:last-child td{border-bottom:none}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:5px;padding:3px 9px;font-size:10px;font-weight:600;display:inline-flex}.badge-success{color:var(--success);background:#22c55e1f}.badge-warning{color:var(--warning);background:#f59e0b1f}.badge-danger{color:var(--danger);background:#f43f5e1f}.badge-info{background:var(--primary-dim);color:var(--primary)}.badge-muted{background:var(--bg4);color:var(--text-muted)}.score{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;font-family:DM Mono,monospace;font-size:11px;font-weight:500;display:inline-flex}.score-low{color:var(--success);border-color:var(--success);background:#22c55e1a}.score-med{color:var(--warning);border-color:var(--warning);background:#f59e0b1a}.score-high{color:var(--danger);border-color:var(--danger);background:#f43f5e1a}.store-badge{background:var(--bg4);border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.store-badge.shopify{color:#96bf48}.store-badge.shoplazza{color:#ff6b35}.store-name-badge{color:var(--text);font-size:12px}.product-row{align-items:center;gap:12px;display:flex}.product-img{background:var(--bg3);border:1px solid var(--border);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;display:flex}.product-info{min-width:0}.product-name{white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:13px;font-weight:500;overflow:hidden}.product-id{color:var(--text-muted);font-family:DM Mono,monospace;font-size:10px}.actions{gap:5px;display:flex}.action-btn{border:1px solid var(--border);background:var(--bg4);width:28px;height:28px;color:var(--text-muted);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .15s;display:flex}.action-btn:hover{border-color:var(--primary);color:var(--primary)}.store-card{background:var(--bg3);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px;transition:border-color .2s;display:flex}.store-card:hover{border-color:#ffffff1f}.store-card.shopify{border-left:3px solid #96bf48}.store-card.shoplazza{border-left:3px solid #ff6b35}.store-left{align-items:center;gap:14px;display:flex}.store-icon{font-size:22px}.store-name{font-size:14px;font-weight:600}.store-url{color:var(--text-muted);font-size:12px}.store-right{align-items:center;gap:20px;display:flex}.store-stat{text-align:center}.store-stat-val{font-family:DM Mono,monospace;font-size:17px;font-weight:500}.store-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.filters-bar{flex-wrap:wrap;gap:10px;margin-bottom:18px;display:flex}.filter-select{background:var(--bg2);border:1px solid var(--border);color:var(--text);border-radius:8px;min-width:150px;padding:8px 13px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.filter-select:focus{border-color:var(--primary);outline:none}.adv-toggle{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;align-items:center;gap:6px;padding:8px 13px;font-family:Inter,sans-serif;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.adv-toggle:hover{border-color:var(--primary);color:var(--primary)}.adv-toggle .adv-caret{font-size:10px;transition:transform .2s}.adv-toggle[aria-expanded=true]{border-color:var(--primary);color:var(--primary)}.adv-toggle[aria-expanded=true] .adv-caret{transform:rotate(180deg)}.advanced-panel{width:100%;margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.advanced-panel[hidden]{display:none}.advanced-panel .adv-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);font-size:11px;font-weight:600}.bulk-toolbar{align-items:center;gap:var(--sp-2);background:var(--bg3);border-bottom:1px solid var(--border);padding:10px 18px;display:none}.bulk-count{color:var(--text-muted);margin-right:var(--sp-1);font-size:13px}.bulk-btn{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.bulk-btn-primary{background:var(--primary);color:#030507}.bulk-btn-primary:hover{box-shadow:0 0 14px #00ddb34d}.bulk-btn-outline{border-color:var(--border-strong);color:var(--text)}.bulk-btn-outline.approve{color:var(--success);border-color:#22c55e59}.bulk-btn-outline.approve:hover{background:#22c55e1f}.bulk-btn-outline.disable{color:var(--danger);border-color:#f43f5e59}.bulk-btn-outline.disable:hover{background:#f43f5e1f}.bulk-btn-outline.reset{color:var(--purple-light);border-color:#8b5cf659}.bulk-btn-outline.reset:hover{background:#8b5cf624}.bulk-btn-clear{color:var(--text-muted);margin-left:auto}.bulk-btn-clear:hover{color:var(--text)}.platform-tag{text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:10px;font-weight:700;display:block}.platform-tag.shopify{color:#96bf48}.platform-tag.shoplazza{color:#ff6b35}.queue-stat{text-align:center;padding:20px 10px}.queue-num{color:var(--warning);font-family:DM Mono,monospace;font-size:48px;font-weight:500}.queue-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:12px}.modal-overlay{z-index:200;background:#000000d9;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal{background:var(--bg2);border:1px solid var(--border);border-radius:16px;width:480px;max-width:95%;padding:24px}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-family:Inter,sans-serif;font-size:16px;font-weight:700}.modal-close{background:var(--bg4);width:30px;height:30px;color:var(--text-muted);cursor:pointer;border:none;border-radius:7px;justify-content:center;align-items:center;font-size:18px;display:flex}.modal-close:hover{color:var(--text)}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.form-input,.form-select{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 13px;font-family:Inter,sans-serif;font-size:13px;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--primary);outline:none}.btn{cursor:pointer;border:none;border-radius:8px;align-items:center;gap:7px;padding:9px 16px;font-family:Inter,sans-serif;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--primary);color:#030507}.btn-primary:hover{box-shadow:0 0 16px #00ddb34d}.btn-secondary{background:var(--bg4);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary)}.toast{background:var(--bg3);border:1px solid var(--border);z-index:9999;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:500;transition:opacity .3s;position:fixed;bottom:24px;left:24px;box-shadow:0 4px 20px #0006}.toast.success{border-color:var(--success);color:var(--success)}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.warning{border-color:var(--warning);color:var(--warning)}.toast.loading{border-color:var(--primary);color:var(--primary)}.loading{background:var(--bg);z-index:500;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:34px;height:34px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tabs{gap:6px;margin-bottom:16px;display:flex}.tab{background:var(--bg3);border:1px solid var(--border);cursor:pointer;color:var(--text-muted);border-radius:7px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .15s}.tab:hover{background:var(--bg4);color:var(--text)}.tab.active{background:var(--primary-dim);color:var(--primary);border-color:#00ddb34d;font-weight:600}.tab-count{background:#ffffff1f;border-radius:8px;justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:5px;padding:0 4px;font-size:10px;display:inline-flex}.tab:not(.active) .tab-count{background:var(--bg4)}.empty-state{text-align:center;color:var(--text-muted);padding:60px 20px}.empty-icon{opacity:.4;margin-bottom:14px;font-size:42px}.empty-title{color:var(--text);margin-bottom:8px;font-size:15px;font-weight:600}.empty-desc{margin-bottom:20px;font-size:13px}.risk-tag{background:var(--bg4);color:var(--text-muted);border-radius:4px;align-items:center;gap:3px;margin:2px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.risk-tag.high{color:var(--danger);background:#f43f5e26}.risk-tag.medium{color:var(--warning);background:#f59e0b26}.risk-tag.low{color:var(--success);background:#22c55e1f}.mini-stats{gap:10px;margin-bottom:18px;display:flex}.mini-stat{background:var(--bg2);border:1px solid var(--border);border-radius:10px;flex-direction:column;align-items:center;min-width:88px;padding:11px 18px;display:flex}.mini-stat-val{font-family:DM Mono,monospace;font-size:19px;font-weight:500}.mini-stat-lbl{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:10px}.pagination{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.pagination-info{color:var(--text-muted);font-size:12px}.pagination-btns{gap:8px;display:flex}.install-option{background:var(--bg3);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;transition:border-color .15s;display:flex}.install-option:hover{border-color:var(--primary)}.install-option:last-child{margin-bottom:0}.install-info{align-items:center;gap:12px;display:flex}.install-icon{font-size:22px}.install-name{font-size:14px;font-weight:600}.install-desc{color:var(--text-muted);font-size:12px}.store-preview{background:var(--bg3);border:1px solid var(--border);border-radius:10px;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.preview-icon{font-size:26px}.preview-info{flex:1}.preview-name{font-size:14px;font-weight:600}.preview-url{color:var(--text-muted);font-size:12px}.csv-drop-zone{border:2px dashed var(--border);text-align:center;cursor:pointer;background:var(--bg3);border-radius:12px;padding:40px 20px;transition:all .2s}.csv-drop-zone:hover,.csv-drop-zone.drag-over{border-color:var(--primary);background:var(--primary-dim)}.csv-drop-zone svg{color:var(--text-muted);margin-bottom:12px}.csv-drop-zone p{color:var(--text-muted);font-size:14px}.page-section{display:none}.page-section.active{display:block}