:root{--bg: #000;--surface: #0a0a0a;--surface-2: #141414;--surface-3: #1a1a1a;--border: rgba(255,255,255,.08);--border-hover: rgba(255,255,255,.15);--white: #fff;--gray: #888;--gray-light: #ccc;--gray-dark: #555;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--white);font-family:Inter,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}input,select,button{font-family:inherit}::selection{background:#ffffff26}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:100px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app{min-height:100vh;display:flex;flex-direction:column}.nav{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 32px;background:#000000d9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--border)}.nav-logo{font-size:17px;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center;gap:8px}.nav-logo span{color:var(--gray);font-weight:400}.nav-logo svg{opacity:.5}.nav-right{display:flex;align-items:center;gap:10px}.shop-badge{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:100px;background:#ffffff0f;border:1px solid var(--border);font-size:13px;font-weight:500;color:var(--gray-light)}.layout{display:grid;grid-template-columns:340px 1fr;gap:20px;padding:20px 32px;max-width:1600px;margin:0 auto;width:100%;flex:1}.sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:70px;align-self:start;max-height:calc(100vh - 90px);overflow-y:auto;padding-right:4px}.main-area{display:flex;flex-direction:column;gap:16px;min-width:0}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:border-color .2s}.panel:hover{border-color:var(--border-hover)}.panel-connected{border-color:#22c55e26}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.panel-header h2{font-size:14px;font-weight:700;letter-spacing:-.2px}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.status-dot.connected{background:#22c55e;box-shadow:0 0 6px #22c55e80}.status-dot.disconnected{background:#444}.status-badge{font-size:10px;font-weight:600;padding:3px 9px;border-radius:100px;background:#ffffff0f;text-transform:uppercase;letter-spacing:.5px;color:var(--gray)}.input-group{display:flex;flex-direction:column;gap:5px}.input-group label{font-size:11px;color:var(--gray);font-weight:500;text-transform:uppercase;letter-spacing:.3px}.input-group input,.input-group select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--white);font-size:13px;outline:none;transition:border-color .15s;width:100%}.input-group input:focus{border-color:#fff3;background:var(--surface-3)}.input-group input::placeholder{color:var(--gray-dark)}.help-text{font-size:11px;color:#444;line-height:1.5;margin-top:2px}.shop-info{display:flex;flex-direction:column;gap:2px}.shop-info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.shop-info-row:last-of-type{border-bottom:none}.shop-info-row span{color:var(--gray);font-size:12px}.shop-info-row strong{font-weight:600;font-size:13px}.scrape-input{display:flex;gap:8px}.scrape-input input{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;color:var(--white);font-size:13px;outline:none;transition:border-color .15s}.scrape-input input:focus{border-color:#fff3;background:var(--surface-3)}.scrape-input input::placeholder{color:var(--gray-dark)}.btn-primary{background:var(--white);color:var(--bg);border:none;border-radius:var(--radius-sm);padding:10px 18px;font-size:13px;font-weight:600;cursor:pointer;transition:opacity .15s;white-space:nowrap}.btn-primary:hover{opacity:.85}.btn-primary:disabled{opacity:.3;cursor:not-allowed}.btn-primary.full{width:100%;margin-top:10px}.btn-secondary{background:#ffffff0f;color:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 14px;font-size:12px;font-weight:500;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:#ffffff1a}.btn-text{background:none;border:none;color:var(--gray);font-size:12px;cursor:pointer;padding:4px 6px}.btn-text:hover{color:var(--white)}.btn-close{background:none;border:none;color:var(--gray);font-size:18px;cursor:pointer;padding:4px 8px;line-height:1}.btn-close:hover{color:var(--white)}.progress-bar{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding:7px 12px;background:var(--surface-2);border-radius:var(--radius-sm)}.progress-step{font-size:12px;color:var(--gray-light)}.progress-count{font-size:12px;font-weight:600}.progress-track{width:100%;height:3px;background:var(--surface-2);border-radius:100px;overflow:hidden;margin-top:6px}.progress-fill{height:100%;background:var(--white);border-radius:100px;transition:width .3s}.stats-row{display:flex;gap:10px;margin-top:12px}.stat-card{flex:1;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.stat-card span{font-size:10px;color:var(--gray);text-transform:uppercase;letter-spacing:.3px}.stat-card strong{font-size:18px;font-weight:700}.stat-card.green strong{color:#22c55e}.stat-card.red strong{color:#ef4444}.filters-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.search-input{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--white);font-size:12px;outline:none;flex:1;min-width:180px;transition:border-color .15s}.search-input:focus{border-color:#fff3}.search-input::placeholder{color:var(--gray-dark)}.filter-select{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--white);font-size:12px;outline:none;cursor:pointer}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}.product-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:all .15s}.product-card:hover{border-color:var(--border-hover);transform:translateY(-1px)}.product-card.selected{border-color:var(--white)}.product-img-wrap{position:relative;aspect-ratio:1;background:var(--surface-2);overflow:hidden}.product-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card:hover .product-img-wrap img{transform:scale(1.03)}.no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#333;font-size:11px}.check{position:absolute;top:8px;left:8px;width:22px;height:22px;border-radius:6px;background:#000000b3;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);transition:all .15s}.check.checked{background:var(--white);color:var(--bg)}.product-info{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px}.product-cat{font-size:9px;color:var(--gray);text-transform:uppercase;letter-spacing:.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.product-price{display:flex;align-items:baseline;gap:5px;font-size:12px;font-weight:600}.price-strike{font-size:10px;color:var(--gray);text-decoration:line-through;font-weight:400}.load-more{text-align:center;padding:16px;color:var(--gray);font-size:12px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.empty-state svg{opacity:.1;margin-bottom:16px}.empty-state h3{font-size:15px;font-weight:600;color:var(--gray-light);margin-bottom:6px}.empty-state p{font-size:13px;color:var(--gray-dark);max-width:320px;line-height:1.5}.import-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:14px;background:#0a0a0aeb;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--border);border-radius:100px;padding:10px 18px;z-index:200;box-shadow:0 8px 32px #0009}.import-info{font-size:13px;color:var(--gray-light)}.import-info strong{font-weight:700;color:var(--white)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:300;padding:24px}.modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:460px;width:100%;max-height:80vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:15px;font-weight:700}.modal-body{padding:20px;display:flex;flex-direction:column;gap:12px}.modal-body p{font-size:13px;color:var(--gray-light);line-height:1.5}.modal-body strong{font-weight:700;color:var(--white)}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0}.setting-row label{font-size:13px;color:var(--gray-light)}.error-msg{color:#ef4444;font-size:12px;padding:8px 10px;background:#ef444414;border-radius:var(--radius-sm)}.console{background:#060606;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px;max-height:180px;overflow-y:auto;font-family:SF Mono,monospace;font-size:11px}.log-ok{color:#22c55e}.log-err{color:#ef4444}@media(max-width:900px){.layout{grid-template-columns:1fr;padding:16px;gap:14px}.sidebar{position:static;max-height:none}.nav{padding:12px 16px}.stats-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - 5px)}.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.filters-bar{flex-direction:column;align-items:stretch}.import-bar{left:16px;right:16px;transform:none;border-radius:var(--radius);justify-content:center}}