:root{--bg: #f6f7f9;--surface: #ffffff;--surface-2: #f1f3f6;--border: #e3e6eb;--border-strong: #cfd4dc;--text: #1a1f2b;--muted: #667085;--accent: #1f5fbf;--accent-hover: #194f9f;--accent-soft: #e8f0fb;--good: #137a4b;--good-soft: #e7f5ee;--bad: #b42318;--bad-soft: #fdecea;--warn: #8a5a00;--warn-soft: #fff6e0;--radius: 10px;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .14)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;padding-bottom:120px;-webkit-font-smoothing:antialiased}.hidden{display:none!important}h2,h3{font-weight:600;letter-spacing:-.01em}h3{font-size:14px;margin:20px 0 10px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 32px;background:var(--surface);border-bottom:1px solid var(--border);margin-bottom:28px}.brand{display:flex;gap:16px;align-items:center}.logo{display:block;height:44px;width:auto}h1{margin:0;line-height:0}.brand .tagline{margin:0;padding-left:16px;border-left:1px solid var(--border)}@media (max-width: 640px){.brand .tagline{display:none}.logo{height:34px}}.tagline{margin:2px 0 0;color:var(--muted);font-size:13px}.auth-area{display:flex;gap:8px;align-items:center}.auth-area .pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;background:var(--good-soft);color:var(--good);border:1px solid #bbf7d0;box-shadow:var(--shadow-sm);box-sizing:border-box;height:38px;line-height:normal}.auth-area .btn,.auth-area .plan-pill{height:38px;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;font-size:14px;border-radius:8px;line-height:normal}.auth-area #logout-btn{background:var(--surface);border:1px solid var(--border-strong);color:var(--text);box-shadow:var(--shadow-sm);font-weight:500;cursor:pointer;transition:all .15s ease}.auth-area #logout-btn:hover{background:var(--surface-2)}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:500;background:var(--good-soft);color:var(--good)}main{padding:0 32px;max-width:1400px;margin:0 auto}.btn{font:inherit;font-weight:500;border:1px solid var(--border-strong);background:var(--surface);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;box-shadow:var(--shadow-sm);transition:background .15s,border-color .15s,color .15s}.btn:hover:not(:disabled){background:var(--surface-2)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn.ghost{background:transparent;border-color:transparent;box-shadow:none;color:var(--muted)}.btn.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.input,textarea{font:inherit;width:100%;background:var(--surface);color:var(--text);border:1px solid var(--border-strong);border-radius:8px;padding:9px 12px;outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:36px;box-shadow:var(--shadow-md);max-width:560px;margin:60px auto;text-align:center}.panel h2{margin-top:0;font-size:22px}.panel p{color:var(--muted);line-height:1.6}.panel .row{display:flex;gap:10px;margin-top:14px}.panel details{margin-top:26px;text-align:left;color:var(--muted)}.panel code,.note code{background:var(--surface-2);padding:1px 6px;border-radius:4px;font-size:12px}.toolbar{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap;align-items:center}.search-wrap{position:relative;flex:1;min-width:200px;max-width:360px;display:flex;align-items:center}.search-wrap .input{width:100%;padding-right:32px}.search-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;border:none;background:var(--surface-2);color:var(--muted);display:grid;place-items:center;font-size:11px;font-weight:700;cursor:pointer;padding:0;line-height:1;transition:background .15s,color .15s}.search-clear-btn:hover{background:var(--border-strong);color:var(--text)}.filter-group{display:flex;background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:2px}.filter-btn{font:inherit;font-size:12px;font-weight:500;padding:6px 12px;border:none;background:transparent;color:var(--muted);border-radius:6px;cursor:pointer;transition:all .15s}.filter-btn.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.toolbar-actions{display:flex;gap:4px;margin-left:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-sm);transition:border-color .15s,box-shadow .15s,opacity .15s;animation:rise .25s both;display:flex;flex-direction:column}.card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-md)}.card.bundled{border-color:#f0c988;background:#fffdf8}.card.bundled:hover{border-color:#d99f43}.card.oos:not(.bundled){opacity:.75;background:#fbfbfb}.badge{position:absolute;top:8px;left:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;box-shadow:var(--shadow-sm)}.badge.bundled{background:#fdf2d8;color:#8a5800;border:1px solid #f6dca6}.badge.oos{background:#f2f4f7;color:#475467;border:1px solid #d0d5dd}.card img{width:100%;aspect-ratio:1;object-fit:contain;display:block;background:var(--surface-2);image-rendering:-webkit-optimize-contrast;transition:transform .25s ease}.card:hover img{transform:scale(1.02)}.card .body{padding:10px 12px 12px;border-top:1px solid var(--border);flex:1;display:flex;flex-direction:column}.card .title{font-size:13px;line-height:1.4;height:36px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;gap:8px}.card .price{font-weight:600;font-size:15px}.card-actions-cluster{display:flex;align-items:center;gap:6px}.card-edit-btn{font-size:12px;font-weight:600;letter-spacing:.01em;color:var(--accent);background:color-mix(in srgb,var(--accent) 9%,transparent);border:1px solid transparent;cursor:pointer;padding:4px 10px 4px 8px;border-radius:999px;transition:background .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease;display:inline-flex;align-items:center;gap:5px;line-height:1.3}.card-edit-btn svg{width:13px;height:13px;transition:transform .2s ease}.card-edit-btn:hover{color:#fff;background:var(--accent);box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 35%,transparent);transform:translateY(-1px)}.card-edit-btn:hover svg{transform:rotate(-12deg)}.card-edit-btn:active{transform:translateY(0);box-shadow:none}.card-edit-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.restock-link{font-size:11px;color:var(--accent);background:none;border:none;cursor:pointer;padding:2px 4px;text-decoration:underline;border-radius:4px}.restock-link:hover{color:var(--accent-hover)}.check{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:6px;background:#fff;border:1px solid var(--border-strong);display:grid;place-items:center;font-size:13px;color:transparent;transition:all .15s;z-index:2}.card.selected .check{background:var(--accent);border-color:var(--accent);color:#fff}.skeleton{height:280px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(90deg,var(--surface) 0%,var(--surface-2) 50%,var(--surface) 100%);background-size:200% 100%;animation:shimmer 1.3s infinite}.empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px}.bundle-bar{position:fixed;left:50%;bottom:20px;transform:translate(-50%,160%);display:flex;align-items:center;gap:28px;padding:14px 20px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-lg);transition:transform .25s ease;width:min(980px,calc(100% - 32px))}.bundle-bar.show{transform:translate(-50%)}.bar-stat{display:flex;flex-direction:column}.bar-stat span{font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.bar-stat small{color:var(--muted);font-size:12px}.bar-stat.accent span{color:var(--accent);font-size:19px}.bar-discount{flex:1;min-width:160px;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted)}.bar-discount strong{color:var(--text)}input[type=range]{accent-color:var(--accent);width:100%}.bundle-bar .btn.primary{margin-left:auto;padding:10px 18px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:grid;place-items:center;z-index:50;padding:20px;animation:fade .15s}.modal-card{background:var(--surface);border-radius:12px;width:min(1100px,100%);max-height:92vh;overflow:auto;padding:28px;box-shadow:var(--shadow-lg);animation:pop .2s ease}.modal-card h2{margin:0 0 4px;font-size:19px}.modal-head{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.preview-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:stretch}.preview-grid>*{min-width:0}.comp-box,.comp-box *{box-sizing:border-box}.comp-box{max-width:100%;overflow:hidden}.comp-box img{max-width:100%}.comp-box a,.comp-box span,.comp-box div{overflow-wrap:anywhere;min-width:0}@media (max-width: 860px){.preview-grid{grid-template-columns:minmax(0,1fr)}}.preview-col-left{display:flex;flex-direction:column}.field{margin-bottom:16px}.field.field-desc{flex:1;display:flex;flex-direction:column;margin-bottom:12px}.field label{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px}.desc-header-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:500;color:var(--muted);margin-bottom:6px;gap:12px;flex-wrap:wrap}.desc-label-title{font-size:12px;font-weight:600;color:var(--text)}.desc-options{display:flex;align-items:center;gap:10px}.img-layout-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.select-sm{background:var(--surface);border:1px solid var(--border-strong);border-radius:6px;padding:4px 8px;font-size:12px;color:var(--text);cursor:pointer;outline:none;transition:border-color .15s}.select-sm:focus{border-color:var(--accent)}.tabs{display:flex;background:var(--surface-2);border-radius:6px;padding:2px}.tab{font:inherit;font-size:12px;padding:3px 10px;border-radius:5px;cursor:pointer;border:none;background:transparent;color:var(--muted)}.tab.active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm)}.desc-editor-wrap{display:flex;flex-direction:column;flex:1;width:100%;position:relative}.desc-editor-toolbar{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--surface-2);border:1px solid var(--border-strong);border-bottom:1px solid var(--border);border-top-left-radius:10px;border-top-right-radius:10px;flex-wrap:wrap;-webkit-user-select:none;user-select:none;font-size:12px}.desc-toolbar-group{display:inline-flex;align-items:center;gap:2px}.desc-toolbar-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.desc-format-select{background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:3px 6px;font-size:11.5px;font-weight:500;color:var(--text);cursor:pointer;outline:none}.desc-format-select:focus{border-color:var(--accent)}.desc-tool-btn{background:transparent;border:1px solid transparent;border-radius:5px;padding:3px 7px;font-size:11.5px;font-weight:600;color:var(--text);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:26px;transition:all .12s ease}.desc-tool-btn:hover{background:var(--surface);border-color:var(--border);color:var(--accent)}.desc-tool-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.desc-toolbar-badge{margin-left:auto;font-size:10.5px;font-weight:600;color:var(--good);display:inline-flex;align-items:center;gap:5px;background:var(--good-soft);padding:2px 8px;border-radius:12px;border:1px solid rgba(19,122,75,.2)}.desc-toolbar-badge .live-dot{width:6px;height:6px;border-radius:50%;background:var(--good);box-shadow:0 0 0 2px #137a4b33}.desc-preview{flex:1;min-height:560px;height:580px;max-height:720px;overflow-y:auto;background:#fff;border:1px solid var(--border-strong);color:#1e293b;border-radius:10px;padding:22px 24px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;box-shadow:inset 0 1px 2px #1018280a}.desc-editor-wrap .desc-preview{border-top-left-radius:0;border-top-right-radius:0;border-top:none;outline:none}.desc-editor-wrap .desc-preview:focus{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.desc-preview [contenteditable=false]{-webkit-user-select:none;user-select:none;cursor:default}.bb-callout-box{margin:14px 0;padding:12px 16px;background:#f0fdf4;border-left:4px solid #10b981;border-radius:6px;font-size:13.5px;color:#065f46;line-height:1.5}.desc-editor-wrap textarea,textarea#desc-input,textarea#bundle-revise-desc-input,textarea#single-desc-input{flex:1;min-height:560px;height:580px;max-height:720px;width:100%;box-sizing:border-box;resize:vertical;background:#fff;border:1px solid var(--border-strong);border-radius:10px;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Consolas,Monaco,monospace;font-size:12.5px;line-height:1.55;color:var(--text);box-shadow:inset 0 1px 2px #1018280a}.desc-editor-wrap textarea{border-top-left-radius:0;border-top-right-radius:0;border-top:none}.desc-preview h2{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:19px;font-weight:700;color:#0f172a;margin:0 0 12px;letter-spacing:-.015em;line-height:1.35}.desc-preview h3{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#475467;margin:22px 0 10px;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.desc-preview p{font-family:Inter,system-ui,-apple-system,sans-serif;margin:0 0 14px;color:#334155;font-size:14px;line-height:1.65}.desc-preview ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-direction:column;gap:8px}.desc-preview li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;color:#1e293b;font-size:13.5px;line-height:1.5;transition:border-color .15s,background .15s}.desc-preview li:hover{background:#f1f5f9;border-color:#cbd5e1}.desc-preview li strong{color:#0f172a;font-weight:600}.desc-preview .bb-item-card{display:flex;align-items:flex-start;gap:14px}.desc-preview .bb-item-thumb{width:64px;height:64px;min-width:64px;object-fit:cover;border-radius:6px;border:1px solid var(--border-strong);background:#fff;flex-shrink:0;margin-top:2px;box-shadow:var(--shadow-sm)}.desc-preview .bb-item-body{flex:1;min-width:0}.desc-preview .bb-item-meta{margin-top:4px;font-size:13px;color:#475467;line-height:1.5}.desc-preview .bb-item-meta div{margin-bottom:2px}.desc-preview .bb-gallery{margin:18px 0;padding:14px;background:#f8fafc;border:1px solid var(--border);border-radius:10px}.desc-preview .bb-gallery-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:10px}.desc-preview .bb-gallery-grid{display:flex;flex-wrap:wrap;gap:8px}.desc-preview .bb-gallery-grid img{width:76px;height:76px;object-fit:cover;border-radius:6px;border:1px solid var(--border);background:#fff;transition:transform .15s,border-color .15s}.desc-preview .bb-gallery-grid img:hover{transform:scale(1.05);border-color:var(--accent)}.desc-preview .bb-savings,.desc-preview .savings-banner{background:#eff6ff;border:1px solid #bfdbfe;border-left:4px solid #1f5fbf;border-radius:8px;padding:12px 16px;margin:16px 0;font-weight:600;color:#1e40af;font-size:13.5px}.desc-preview .bb-footer,.desc-preview .packaging-note{margin-top:20px;padding:12px 16px;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;font-size:13px;color:#475467;line-height:1.5}.price-box{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:16px 18px;margin-bottom:18px;box-shadow:0 2px 8px #00000008}.price-box-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.price-box-title{font-size:13.5px;font-weight:700;color:#0f172a}.price-box-sub{font-size:11.5px;color:#64748b;margin-top:1px}.price-currency-pill{font-size:11px;font-weight:700;background:#f1f5f9;color:#475467;border:1px solid #cbd5e1;padding:2px 8px;border-radius:6px;letter-spacing:.03em}.price-input-cluster{display:inline-flex;align-items:center;gap:6px}.bundle-impact-area{margin-top:14px;display:flex;flex-direction:column;gap:8px}.bundle-link-pill{padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid var(--accent);border-radius:8px;font-size:12px;line-height:1.45}.bundle-link-header{display:flex;align-items:center;gap:6px;font-weight:600;color:#0f172a;margin-bottom:3px}.bundle-link-desc{color:#64748b;margin-bottom:6px;font-size:11.5px}.bundle-link-calc{display:flex;align-items:center;gap:6px;font-size:11.5px;background:#fff;padding:5px 9px;border-radius:6px;border:1px solid #e2e8f0;flex-wrap:wrap}.bundle-link-arrow{color:#94a3b8;font-weight:700}.bundle-link-new{color:var(--accent);font-weight:700}.price-input-cluster{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.price-currency-sym{font-size:18px;font-weight:700;color:#0f172a;-webkit-user-select:none;user-select:none;line-height:1}.price-num-input{width:120px!important;text-align:right;font-size:18px!important;font-weight:700!important;padding:6px 12px!important;color:#0f172a;border-radius:8px;border:1px solid #cbd5e1;background:var(--surface);transition:border-color .15s,box-shadow .15s}.price-num-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.price-row{display:flex;justify-content:space-between;padding:4px 0;color:var(--muted);font-variant-numeric:tabular-nums}.price-row.big{color:var(--text);font-size:17px;font-weight:600;align-items:center;border-top:1px solid var(--border);margin-top:6px;padding-top:10px}.save{color:var(--good);font-weight:500}input[type=number].price-num-input::-webkit-inner-spin-button,input[type=number].price-num-input::-webkit-outer-spin-button,input[type=number].postage-cost-input::-webkit-inner-spin-button,input[type=number].postage-cost-input::-webkit-outer-spin-button,.postage-cost-wrap input::-webkit-inner-spin-button,.postage-cost-wrap input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].price-num-input,input[type=number].postage-cost-input,.postage-cost-wrap input{-moz-appearance:textfield}.label-badge{background:var(--surface-2);border:1px solid var(--border);padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;color:var(--muted)}.desc-ai-btn{background:linear-gradient(135deg,#4f46e5,#6366f1)!important;box-shadow:0 2px 6px #4f46e540;font-weight:600}.postage-box{border:1px solid #e2e8f0;background:#fff;border-radius:12px;padding:16px 18px;margin-bottom:18px;box-shadow:0 2px 8px #00000008}.postage-title{font-weight:700;font-size:13.5px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center;color:#0f172a}.postage-country-tag{font-size:11px;font-weight:600;color:var(--accent);background:#6366f11a;border:1px solid rgba(99,102,241,.25);padding:3px 8px;border-radius:999px;letter-spacing:.02em;display:inline-flex;align-items:center;gap:4px}.postage-grid{display:flex;flex-direction:column;gap:10px}.postage-row{display:flex;align-items:center;gap:10px;font-size:13px}.postage-payer-row{background:#f8fafc;padding:8px 10px;border-radius:8px;border:1px solid #e2e8f0}.postage-field-label{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}.postage-select{flex:1;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;padding:8px 10px;font:inherit;color:var(--text);outline:none;height:38px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.postage-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.postage-payer-row .postage-select{background:#fff}.postage-cost-wrap{display:inline-flex;align-items:center;background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;transition:border-color .15s,box-shadow .15s;flex-shrink:0;box-sizing:border-box;height:38px}.postage-cost-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.postage-cost-prefix{padding-left:10px;padding-right:2px;font-size:13.5px;font-weight:600;color:var(--muted);-webkit-user-select:none;user-select:none;line-height:1}.postage-cost-wrap input,.postage-cost-input{border:none!important;background:transparent!important;box-shadow:none!important;outline:none!important;width:68px!important;padding:8px 10px 8px 2px!important;text-align:right;font-size:13.5px;font-weight:600;color:var(--text);font-family:inherit;margin:0!important;height:100%!important;box-sizing:border-box}.postage-free-badge{color:var(--good);font-weight:600;font-size:12px;padding:5px 10px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);border-radius:6px;white-space:nowrap;height:38px;display:inline-flex;align-items:center;box-sizing:border-box}.postage-checkbox-label{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);cursor:pointer}.postage-checkbox-label input{accent-color:var(--accent)}.strategy-box{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:14px 16px;margin-bottom:16px}.strategy-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.strategy-option{display:flex;align-items:flex-start;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .15s;margin-bottom:4px}.strategy-option:hover{background:var(--surface)}.strategy-option input[type=radio]{accent-color:var(--accent);margin-top:3px;cursor:pointer}.strategy-name{font-size:13px;font-weight:600;color:var(--text);line-height:1.35}.strategy-desc{font-size:12px;color:var(--muted);line-height:1.4;margin-top:2px}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:6px}.thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.item-list{list-style:none;padding:0;margin:0 0 8px;font-size:13px}.item-list li{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--border)}.item-list li span:last-child{font-variant-numeric:tabular-nums;font-weight:500}.note{font-size:13px;padding:10px 12px;border-radius:8px;margin-bottom:10px;line-height:1.45;background:var(--surface-2);color:var(--muted)}.note.ok{background:var(--good-soft);color:var(--good)}.note.err{background:var(--bad-soft);color:var(--bad)}.note.warn{background:var(--warn-soft);color:var(--warn)}.actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px;padding-top:16px;border-top:1px solid var(--border);flex-wrap:wrap}details.prompt{margin-top:12px;font-size:12px;color:var(--muted)}details.prompt summary{cursor:pointer}details.prompt pre{white-space:pre-wrap;background:var(--surface-2);border:1px solid var(--border);padding:12px;border-radius:8px;max-height:220px;overflow:auto}.loader{text-align:center;padding:56px 20px}.spinner{width:36px;height:36px;border-radius:50%;margin:0 auto 18px;border:3px solid var(--border);border-top-color:var(--accent);animation:spin .8s linear infinite}.loader p{color:var(--muted)}.success-icon{width:48px;height:48px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;background:var(--good-soft);color:var(--good);font-size:24px;font-weight:700}.toast{position:fixed;top:16px;left:50%;transform:translate(-50%,-160%);background:var(--text);color:#fff;padding:10px 16px;border-radius:8px;box-shadow:var(--shadow-lg);transition:transform .25s;z-index:100;font-size:13px}.toast.show{transform:translate(-50%)}.toast.error{background:var(--bad)}@keyframes rise{0%{opacity:0;transform:translateY(4px)}}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(6px)}}.brand-link{text-decoration:none;display:flex;align-items:center}.top-nav{display:flex;align-items:center;gap:4px;background:var(--surface-2);padding:4px;border-radius:10px;border:1px solid var(--border)}.nav-btn{background:transparent;border:none;font:inherit;font-size:13px;font-weight:500;color:var(--muted);padding:6px 14px;border-radius:7px;cursor:pointer;transition:all .15s ease}.nav-btn:hover{color:var(--text)}.nav-btn.active{background:var(--surface);color:var(--accent);font-weight:600;box-shadow:var(--shadow-sm)}.nav-btn-app{color:var(--accent);font-weight:600}.plan-badge-wrap{display:flex;align-items:center;gap:8px}.plan-pill{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;box-sizing:border-box;text-decoration:none;cursor:pointer;transition:all .15s ease}.plan-pill.free{background:var(--surface);color:var(--text);border:1px solid var(--border-strong);box-shadow:var(--shadow-sm)}.plan-pill.free:hover{background:var(--surface-2)}.plan-pill.pro{background:linear-gradient(135deg,#e0e7ff,#ede9fe);color:#4338ca;border:1px solid #c7d2fe;font-weight:600;box-shadow:var(--shadow-sm)}.plan-pill.pro:hover{opacity:.95}.btn.accent-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;border:1px solid #4338ca;font-weight:600}.btn.accent-btn:hover{opacity:.92}.landing-view{max-width:1180px;margin:0 auto;padding-bottom:60px}.hero{text-align:center;padding:40px 16px 60px}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:99px;font-size:13px;font-weight:600;color:#1d4ed8;margin-bottom:22px}.badge-pulse{width:8px;height:8px;border-radius:50%;background:#2563eb;box-shadow:0 0 #2563ebb3;animation:pulse-ring 1.8s cubic-bezier(.45,0,.2,1) infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #2563ebb3}70%{transform:scale(1);box-shadow:0 0 0 8px #2563eb00}to{transform:scale(.95);box-shadow:0 0 #2563eb00}}.hero-logo-wrap{margin:0 auto 24px;display:flex;justify-content:center;align-items:center;width:100%}.hero-logo{height:auto;width:100%;max-width:740px;filter:drop-shadow(0 10px 25px rgba(31,95,191,.16));transition:transform .25s ease,max-width .2s ease}.hero-logo:hover{transform:scale(1.02)}.hero-title{font-size:clamp(32px,5vw,54px);line-height:1.15;font-weight:800;letter-spacing:-.03em;margin:0 auto 20px;max-width:860px;color:var(--text)}.hero-title-line{display:inline-block}.hero-title-line-2{display:block}.gradient-text{background:linear-gradient(135deg,#1f5fbf,#4f46e5,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-sub{font-size:17px;line-height:1.6;color:var(--muted);max-width:720px;margin:0 auto 32px}.hero-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:48px}.btn-xl{padding:12px 24px;font-size:15px;font-weight:600;border-radius:10px}.btn.secondary{background:var(--surface);color:var(--accent);border:1px solid var(--accent)}.btn.secondary:hover{background:var(--accent-soft);color:var(--accent-hover)}.demo-tabs-wrap{display:flex;justify-content:center;margin:28px 0 16px}.demo-tabs{display:inline-flex;gap:6px;background:#f1f5f9;padding:4px;border-radius:12px;border:1px solid var(--border)}.demo-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;color:var(--muted);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.demo-tab-btn:hover{color:var(--text)}.demo-tab-btn.active{background:#fff;color:var(--accent);box-shadow:0 2px 8px #00000014}.demo-tag.scanner-tag{color:#0284c7}.demo-badge.comp-match-badge{color:#0369a1;background:#e0f2fe}.demo-scanner-preview{display:flex;flex-direction:column;gap:12px}.demo-scan-pill{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;font-size:12px;color:#166534}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 3px #22c55e4d;animation:pulseHighlight 1.5s infinite}.demo-specs-list{display:flex;flex-wrap:wrap;gap:6px}.spec-chip{font-size:11px;font-weight:500;padding:4px 8px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;color:var(--text)}.demo-comp-card-mini{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.comp-mini-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--muted)}.comp-mini-title{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comp-mini-action{margin-top:4px}.demo-adopt-chip{display:inline-flex;align-items:center;font-size:11px;font-weight:600;color:var(--accent);background:var(--accent-subtle);padding:3px 8px;border-radius:4px}.demo-stat-grid-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.demo-stat-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.demo-stat-box small{font-size:10.5px;color:var(--muted)}.demo-stat-box strong{font-size:15px;color:var(--text)}.demo-stat-box.highlight{border-color:var(--accent);background:#6366f10a}.hero-demo-card{max-width:840px;margin:0 auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;box-shadow:0 20px 45px -15px #1018281f,0 0 0 1px #0000000a;overflow:hidden;text-align:left}.demo-card-head{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#f8fafc;border-bottom:1px solid var(--border)}.demo-tag{font-size:10px;font-weight:700;letter-spacing:.08em;color:var(--accent)}.demo-card-title-group h3{margin:4px 0 0;font-size:16px;color:var(--text)}.demo-badge{font-size:12px;font-weight:700;color:#15803d;background:#dcfce7;padding:4px 10px;border-radius:99px}.demo-card-body{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;padding:24px}@media (max-width: 768px){.demo-card-body{grid-template-columns:1fr}}.demo-items-col{display:flex;flex-direction:column;gap:10px}.demo-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--surface-2);border-radius:8px;border:1px solid var(--border)}.demo-item-thumb{font-size:22px;display:grid;place-items:center;width:40px;height:40px;background:#fff;border-radius:6px;border:1px solid var(--border)}.demo-item-info{flex:1;display:flex;flex-direction:column;gap:2px}.demo-item-info strong{font-size:13px}.demo-item-info small{font-size:11px;color:var(--muted)}.demo-item-price{font-weight:600;font-size:13px}.demo-summary-col{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8fafc;border:1px solid var(--border);border-radius:10px}.demo-stat-row{display:flex;justify-content:space-between;font-size:13px;color:var(--muted)}.demo-stat-row.highlight{font-size:16px;font-weight:700;color:var(--text);padding-top:10px;border-top:1px dashed var(--border-strong)}.demo-green{color:#16a34a;font-weight:600}.demo-price{font-size:20px;color:var(--accent)}.demo-note{font-size:11px;line-height:1.45;color:#475467;background:#eff6ff;border:1px solid #bfdbfe;padding:8px 10px;border-radius:6px;margin-top:4px}.landing-section{padding:60px 0}.landing-section.bg-alt{background:var(--surface);border-radius:16px;padding:48px 32px;margin:32px 0;border:1px solid var(--border)}.text-center{text-align:center}.section-tag{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--accent);text-transform:uppercase}.section-head h2{font-size:clamp(24px,3.5vw,36px);font-weight:700;margin:8px 0 12px;color:var(--text)}.section-sub{font-size:15px;color:var(--muted);max-width:600px;margin:0 auto 36px}.calc-card{max-width:940px;margin:0 auto;background:var(--surface);border:1px solid var(--border-strong);border-radius:16px;padding:32px;box-shadow:var(--shadow-md);display:grid;grid-template-columns:1fr 1.15fr;gap:32px}@media (max-width: 820px){.calc-card{grid-template-columns:1fr}}.calc-inputs{display:flex;flex-direction:column;gap:20px}.calc-field label{display:flex;justify-content:space-between;font-size:13px;font-weight:500;color:var(--text);margin-bottom:8px}.calc-field input[type=range]{width:100%;accent-color:var(--accent)}.calc-results{display:flex;flex-direction:column;gap:14px;justify-content:center}.calc-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px;gap:8px;flex-wrap:wrap}.calc-results-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--muted)}.calc-period-pills{display:flex;background:var(--surface-2);padding:3px;border-radius:8px;border:1px solid var(--border);gap:2px}.calc-pill{border:none;background:transparent;font:inherit;font-size:11px;font-weight:600;color:var(--muted);padding:4px 8px;border-radius:5px;cursor:pointer;transition:all .15s ease}.calc-pill:hover{color:var(--text)}.calc-pill.active{background:var(--surface);color:var(--accent);box-shadow:0 1px 2px #0000000f}.calc-metric{padding:14px 16px;background:var(--surface-2);border-radius:10px;border:1px solid var(--border)}.calc-metric.highlight-hero{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:2px solid #86efac;box-shadow:0 8px 20px -8px #22c55e40;padding:18px 20px}.calc-metric.highlight-hero .hero-val{font-size:clamp(28px,4vw,38px);font-weight:800;letter-spacing:-.02em}.calc-metric-label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.calc-metric-val{display:block;font-size:22px;font-weight:700;color:var(--text)}.calc-metric small{display:block;font-size:11px;color:var(--muted);margin-top:4px}.calc-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}@media (max-width: 580px){.calc-mini-grid{grid-template-columns:1fr}}.calc-mini-grid .calc-metric{padding:10px 12px}.calc-mini-grid .calc-metric-val{font-size:16px}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;max-width:1080px;margin:0 auto}.feature-card{background:var(--surface);padding:28px;border-radius:14px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.feature-icon{font-size:28px;margin-bottom:14px;display:inline-block;background:var(--surface-2);padding:10px;border-radius:10px;border:1px solid var(--border)}.feature-card h3{font-size:16px;margin:0 0 10px}.feature-card p{font-size:13px;line-height:1.6;color:var(--muted);margin:0}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 768px){.steps-row{grid-template-columns:1fr}}.step-card{text-align:center;padding:16px}.step-num{width:44px;height:44px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:18px;font-weight:700;display:grid;place-items:center;margin:0 auto 16px}.step-card h3{margin:0 0 8px;font-size:16px}.step-card p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.billing-toggle-wrap{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:36px}.billing-label{font-size:14px;font-weight:600;color:var(--text)}.discount-pill{font-size:11px;background:#dcfce7;color:#166534;padding:2px 8px;border-radius:99px;font-weight:700;margin-left:4px}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.2s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.2s;border-radius:50%}input:checked+.slider{background-color:var(--accent)}input:checked+.slider:before{transform:translate(20px)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,400px));justify-content:center;gap:28px;max-width:900px;margin:0 auto}.price-plan-card{background:var(--surface);border-radius:16px;border:1px solid var(--border-strong);padding:32px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;position:relative}.price-plan-card.featured{border:2px solid #6366f1;box-shadow:0 16px 36px -12px #6366f140;background:linear-gradient(180deg,#faf5ff,#fff 28%)}.featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;font-size:10px;font-weight:700;letter-spacing:.08em;padding:4px 12px;border-radius:99px;box-shadow:0 2px 8px #4f46e559}.plan-header{margin-bottom:24px}.plan-name{font-size:20px;font-weight:700;color:var(--text)}.plan-desc{font-size:13px;color:var(--muted);margin:6px 0 18px;line-height:1.45}.plan-price-wrap{display:flex;align-items:baseline;gap:4px}.plan-currency{font-size:22px;font-weight:700;color:var(--text)}.plan-amount{font-size:38px;font-weight:800;color:var(--text);letter-spacing:-.03em}.plan-interval{font-size:14px;color:var(--muted)}.plan-features{list-style:none;padding:0;margin:0 0 28px;flex:1;display:flex;flex-direction:column;gap:12px;font-size:13px}.plan-features li{color:var(--text);line-height:1.4}.plan-features li.plan-note-item{color:var(--muted);font-size:12px;background:#f8fafc;padding:6px 10px;border-radius:6px;border:1px solid var(--border)}.plan-cta{width:100%;padding:12px;font-size:14px;font-weight:600;border-radius:9px;justify-content:center}.faq-accordion{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:10px}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 20px}.faq-item summary{font-size:14px;font-weight:600;cursor:pointer;color:var(--text);outline:none}.faq-item p{font-size:13px;line-height:1.6;color:var(--muted);margin:12px 0 0}.landing-footer{margin-top:60px;padding-top:40px;border-top:1px solid var(--border)}.footer-inner{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap}.footer-brand p{font-size:13px;color:var(--muted);margin:8px 0 0;max-width:320px}.logo-sm{height:28px;width:auto}.footer-disclaimer p{font-size:11px;color:#94a3b8;margin:4px 0 0;max-width:500px;line-height:1.5}.compliance-banner{padding:12px 18px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;margin-bottom:20px;font-size:13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.compliance-banner strong{font-weight:600}.bundles-view{max-width:1200px;margin:0 auto;padding:32px 24px 80px}.bundles-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}.bundles-header-info h2{font-size:26px;font-weight:800;color:var(--text);margin:0 0 6px;letter-spacing:-.02em}.bundles-subtitle{font-size:14px;color:var(--muted);margin:0}.bundles-header-actions{display:flex;gap:10px}.bundles-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px}.bundle-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:18px 22px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-sm)}.stat-num{font-size:28px;font-weight:800;color:var(--text);letter-spacing:-.02em}.stat-lbl{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.bundles-container{display:flex;flex-direction:column;gap:20px}.bundle-item-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:var(--shadow-sm);transition:all .2s ease;position:relative}.bundle-item-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.bundle-item-card.ended{opacity:.75;background:#f8fafc}.bundle-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.bundle-title-col{flex:1}.bundle-title-link{font-size:18px;font-weight:700;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.bundle-title-link:hover{color:var(--primary);text-decoration:underline}.bundle-meta-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px;align-items:center}.bundle-tag{font-size:11px;font-weight:600;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px}.bundle-tag.active{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.bundle-tag.ended{background:#f1f5f9;color:#64748b;border:1px solid #e2e8f0}.bundle-tag.dual{background:#ede9fe;color:#6d28d9;border:1px solid #ddd6fe}.bundle-tag.tier-pro{background:linear-gradient(135deg,#e0e7ff,#ede9fe);color:#4338ca;font-weight:700}.bundle-tag.tier-free{background:#f1f5f9;color:#475467}.bundle-pricing-col{text-align:right;min-width:130px}.bundle-card-price{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.02em}.bundle-card-disc{font-size:12px;font-weight:600;color:#16a34a;background:#dcfce7;padding:2px 6px;border-radius:4px;display:inline-block;margin-top:4px}.bundle-components-section{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.components-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.component-item-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:#f8fafc;border:1px solid var(--border);border-radius:8px}.component-thumb{width:44px;height:44px;border-radius:6px;object-fit:cover;background:#fff;border:1px solid var(--border);flex-shrink:0}.component-info{flex:1;min-width:0}.component-title{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.component-meta{font-size:11px;color:var(--muted);display:flex;gap:8px;margin-top:2px}.bundle-audit-section{border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.audit-timeline{display:flex;flex-direction:column;gap:6px}.audit-event-row{display:flex;align-items:baseline;gap:10px;font-size:12px;line-height:1.4}.audit-time{font-size:11px;color:var(--muted);font-family:monospace;white-space:nowrap}.audit-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;text-transform:uppercase}.audit-badge.created{background:#dbeafe;color:#1e40af}.audit-badge.sync{background:#fef3c7;color:#92400e}.audit-badge.unbundled{background:#f1f5f9;color:#475467}.audit-msg{color:var(--text);flex:1}.bundle-actions-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:14px;margin-top:14px}.footer-links-row{margin-top:18px;display:flex;gap:16px;justify-content:center;align-items:center;font-size:13px}.footer-link{color:var(--muted);text-decoration:none;transition:color .15s ease}.footer-link:hover{color:var(--primary);text-decoration:underline}.footer-links-row span{color:var(--border-strong)}.legal-content{max-height:70vh;overflow-y:auto;padding-right:12px;font-size:13px;line-height:1.6;color:var(--text)}.legal-content h3{font-size:16px;font-weight:700;color:var(--text);margin:18px 0 8px}.legal-content p{margin:0 0 12px;color:#475467}.legal-content ul{margin:0 0 14px 20px;padding:0}.legal-content li{margin-bottom:6px;color:#475467}.status-page-modal{max-width:680px;width:100%}.status-overall-banner{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;border-radius:12px;padding:20px 24px;display:flex;align-items:center;gap:16px;margin-bottom:24px}.status-beacon{width:20px;height:20px;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34ab3;animation:status-pulse 2s infinite;flex-shrink:0}@keyframes status-pulse{0%{transform:scale(.95);box-shadow:0 0 #16a34ab3}70%{transform:scale(1);box-shadow:0 0 0 10px #16a34a00}to{transform:scale(.95);box-shadow:0 0 #16a34a00}}.status-overall-info h3{font-size:18px;font-weight:800;color:#14532d;margin:0 0 4px;letter-spacing:-.01em}.status-overall-info p{font-size:13px;color:#166534;margin:0;line-height:1.4}.status-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}@media (max-width: 580px){.status-metrics-row{grid-template-columns:1fr}}.status-metric-card{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}.status-metric-val{font-size:18px;font-weight:800;color:var(--text);letter-spacing:-.02em}.status-metric-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.status-section-title{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:12px}.status-components-list{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.status-component-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;background:#fff;border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #00000008}.status-comp-details{display:flex;flex-direction:column;gap:3px;min-width:0}.status-comp-title{font-size:14px;font-weight:700;color:var(--text)}.status-comp-desc{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-comp-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.status-comp-badge.operational{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}.status-history-box{background:#f8fafc;border:1px solid var(--border);border-radius:10px;padding:14px 18px;font-size:13px;color:#475467;display:flex;align-items:center;gap:10px;margin-bottom:20px}.dropzone{border:2px dashed var(--border-strong);background:var(--surface-2);border-radius:12px;padding:24px 16px;text-align:center;cursor:pointer;transition:all .2s ease;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.dropzone:hover,.dropzone.dragover{border-color:var(--accent);background:#6366f10d}.dropzone-icon{font-size:32px;line-height:1}.dropzone-title{font-size:14px;font-weight:600;color:var(--text)}.dropzone-sub{font-size:12px;color:var(--muted)}.upload-thumb-card{position:relative;width:84px;height:84px;border-radius:8px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 3px #0000000d}.upload-thumb-card img{width:100%;height:100%;object-fit:cover}.upload-thumb-card .thumb-cover-badge{position:absolute;bottom:0;left:0;right:0;background:#0f172ad9;color:#fff;font-size:9px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.04em;padding:2px 0}.upload-thumb-card .thumb-remove-btn{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:#000000a6;color:#fff;border:none;font-size:11px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.upload-thumb-card .thumb-remove-btn:hover{background:#ef4444}.comp-box{background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid #cbd5e1;border-radius:14px;padding:18px 20px;margin-bottom:18px;box-shadow:0 4px 16px #0f172a0d;position:relative;overflow:hidden}.comp-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#6366f1,#8b5cf6,#3b82f6)}.comp-box-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.comp-box-title-wrap{display:flex;flex-direction:column;gap:2px}.comp-box-title{font-size:14px;font-weight:700;color:#0f172a;display:flex;align-items:center;gap:6px}.comp-box-sub{font-size:11.5px;color:#64748b;font-weight:400}.comp-scan-btn{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff!important;border:1px solid #4338ca;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;gap:6px;cursor:pointer;box-shadow:0 2px 8px #4f46e552;transition:all .18s ease;white-space:nowrap}.comp-scan-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-1px);box-shadow:0 4px 14px #4f46e573}.comp-scan-btn:active:not(:disabled){transform:translateY(0)}.comp-scan-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.comp-hero-prompt{display:flex;align-items:flex-start;gap:12px;background:#6366f10a;border:1px dashed rgba(99,102,241,.25);border-radius:10px;padding:12px 14px}.comp-hero-prompt-icon{font-size:20px;flex-shrink:0;margin-top:1px}.comp-hero-prompt-content strong{font-size:12.5px;font-weight:600;color:#0f172a;display:block;margin-bottom:2px}.comp-hero-prompt-content p{font-size:12px;color:#475467;line-height:1.5;margin:0}.comp-edition-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;font-size:11px;font-weight:600;background:#6366f11a;color:var(--accent);border:1px solid rgba(99,102,241,.25);margin-bottom:10px}.comp-edition-pill.special{background:#f59e0b1a;color:#d97706;border-color:#f59e0b4d}.comp-insight-text{font-size:11.5px;color:var(--muted);line-height:1.45;margin-bottom:12px;background:var(--surface);padding:8px 12px;border-radius:6px;border:1px solid var(--border)}.comp-stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.comp-stat-cell{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 10px;text-align:center}.comp-stat-cell.highlight{border-color:var(--accent);background:#6366f10a}.comp-stat-lbl{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.04em;margin-bottom:2px}.comp-stat-val{font-size:14px;font-weight:700;color:var(--text)}.comp-stat-val.accent{color:var(--accent)}.comp-apply-row{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px 12px;margin-bottom:14px;font-size:12px}.comp-apply-btn{background:var(--accent);color:#fff;border:none;font-size:11px;font-weight:600;padding:5px 12px;border-radius:6px;cursor:pointer;transition:opacity .15s}.comp-apply-btn:hover{opacity:.9}.comp-listings-toggle{font-size:11px;font-weight:600;color:var(--muted);cursor:pointer;margin-bottom:8px;-webkit-user-select:none;user-select:none}.comp-listings-toggle:hover{color:var(--text)}.comp-items-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto;padding-right:4px}.comp-item-card{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.comp-item-card:hover{border-color:var(--accent);background:var(--surface-2);box-shadow:0 2px 10px #0000000a}.comp-item-card-main{display:flex;align-items:center;gap:10px}.comp-item-thumb{width:42px;height:42px;min-width:42px;object-fit:cover;border-radius:6px;background:var(--surface-2);border:1px solid var(--border)}.comp-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.comp-item-title{font-size:12px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.comp-item-sub{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp-condition-pill{background:var(--surface-2);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;color:var(--text);white-space:nowrap}.comp-ship-free{color:var(--good, #16a34a);background:#16a34a1a;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:600;white-space:nowrap}.comp-ship-post{color:var(--muted);font-size:10.5px;white-space:nowrap}.comp-seller-name{color:var(--muted);font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.comp-item-price-tag{text-align:right;flex-shrink:0;min-width:65px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center}.comp-price-val{font-size:13px;font-weight:700;color:var(--text);line-height:1.2}.comp-landed-val{font-size:10px;color:var(--muted);margin-top:1px;white-space:nowrap}.comp-item-card-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:6px;border-top:1px dashed var(--border);flex-wrap:wrap}.comp-item-card-btns{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.comp-adopt-btn{border-radius:5px;padding:3px 9px;font-size:11px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease;white-space:nowrap}.comp-adopt-btn:disabled{opacity:.6;cursor:wait}.comp-adopt-title-btn{background:var(--accent-soft, #e8f0fb);color:var(--accent, #1f5fbf);border:1px solid rgba(31,95,191,.25)}.comp-adopt-title-btn:hover:not(:disabled){background:var(--accent, #1f5fbf);color:#fff;border-color:var(--accent, #1f5fbf);box-shadow:0 2px 6px #1f5fbf40;transform:translateY(-1px)}.comp-adopt-photos-btn{background:var(--good-soft, #e7f5ee);color:var(--good, #137a4b);border:1px solid rgba(19,122,75,.25)}.comp-adopt-photos-btn:hover:not(:disabled){background:var(--good, #137a4b);color:#fff;border-color:var(--good, #137a4b);box-shadow:0 2px 6px #137a4b40;transform:translateY(-1px)}.comp-item-ext-btn{color:var(--muted);text-decoration:none;font-size:11px;font-weight:500;padding:2px 7px;border-radius:4px;border:1px solid var(--border);background:var(--surface);transition:all .15s ease;display:inline-flex;align-items:center;gap:3px}.comp-item-ext-btn:hover{color:var(--text);border-color:var(--text-muted);background:var(--surface-2)}@keyframes pulseHighlight{0%{box-shadow:0 0 0 3px #6366f199}to{box-shadow:none}}.flash-highlight{animation:pulseHighlight 1.2s ease-out}.bundle-comp-breakdown{margin-top:10px;display:flex;flex-direction:column;gap:6px}.bundle-comp-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:6px 10px;background:var(--surface);border:1px solid var(--border);border-radius:6px}.bundle-comp-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:12px}.title-rollback-row{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:6px 12px;margin-top:6px;font-size:12px;color:#166534;animation:fadeIn .2s ease}.title-rollback-row.hidden{display:none!important}.title-rollback-note{font-weight:500;display:flex;align-items:center;gap:5px}.title-rollback-btn{background:#fff;border:1px solid #86efac;color:#15803d;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.title-rollback-btn:hover{background:#dcfce7;border-color:#4ade80;color:#14532d}.barcode-card{background:linear-gradient(135deg,#f8fafcf2,#f1f5f9cc);border:1px solid var(--border);border-radius:12px;padding:14px 16px;margin-bottom:16px;position:relative;box-shadow:0 1px 3px #00000008;transition:border-color .2s ease,box-shadow .2s ease}.barcode-card:hover{border-color:#6366f14d;box-shadow:0 2px 8px #6366f10f}.barcode-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;gap:8px;flex-wrap:wrap}.barcode-title-wrap{display:flex;align-items:center;gap:6px}.barcode-icon{font-size:16px}.barcode-title{font-weight:600;font-size:13px;color:var(--text);letter-spacing:-.01em}.barcode-sub{font-size:11px;color:var(--muted);background:var(--surface);border:1px solid var(--border);padding:1px 6px;border-radius:10px;margin-left:4px}.barcode-actions-quick{display:flex;align-items:center;gap:6px}.barcode-tool-btn{background:#fff;border:1px solid var(--border);color:var(--text);font-size:11px;font-weight:500;padding:4px 9px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;gap:4px;transition:all .15s ease}.barcode-tool-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-subtle)}.barcode-input-row{display:flex;gap:8px;align-items:center}.barcode-input-wrap{position:relative;flex:1;display:flex;align-items:center}.barcode-input{width:100%;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;letter-spacing:.05em;padding-right:28px!important}.barcode-clear-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:11px;cursor:pointer;padding:2px 4px;border-radius:4px;line-height:1}.barcode-clear-btn:hover{color:var(--danger, #ef4444)}.barcode-lookup-btn{white-space:nowrap;background:var(--accent);color:#fff;border:none;padding:7px 14px;border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .15s ease;box-shadow:0 1px 3px #6366f140}.barcode-lookup-btn:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 2px 6px #6366f166}.barcode-lookup-btn:disabled{opacity:.6;cursor:not-allowed}.barcode-status-area{margin-top:8px;font-size:12px;line-height:1.4;animation:fadeIn .2s ease}.barcode-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:6px;font-size:11.5px;font-weight:500}.barcode-badge.info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.barcode-badge.warn{background:#fefce8;border-color:#fef08a;color:#854d0e}.barcode-stat-tag{background:#fff;border:1px solid #86efac;padding:1px 6px;border-radius:4px;font-size:11px;font-weight:600;color:#15803d}.cam-scanner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ad9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .2s ease}.cam-scanner-card{background:#0f172a;border:1px solid rgba(255,255,255,.15);border-radius:16px;width:100%;max-width:480px;overflow:hidden;box-shadow:0 20px 40px #00000080;color:#fff;display:flex;flex-direction:column}.cam-scanner-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.1)}.cam-scanner-title{font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px}.cam-scanner-close{background:#ffffff1a;border:none;color:#fff;font-size:14px;width:28px;height:28px;border-radius:50%;cursor:pointer;display:grid;place-items:center;transition:background .15s ease}.cam-scanner-close:hover{background:#ffffff40}.cam-scanner-video-wrap{position:relative;width:100%;aspect-ratio:4/3;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center}.cam-scanner-video{width:100%;height:100%;object-fit:cover}.cam-scanner-viewfinder{position:absolute;width:75%;height:48%;border:2px dashed rgba(99,102,241,.9);border-radius:12px;box-shadow:0 0 0 9999px #00000073;pointer-events:none;display:flex;align-items:center;justify-content:center}.cam-scanner-laser{position:absolute;width:100%;height:2px;background:#6366f1;box-shadow:0 0 8px #818cf8;animation:laserScan 2s ease-in-out infinite alternate}@keyframes laserScan{0%{top:10%;opacity:.7}to{top:90%;opacity:1}}.cam-scanner-foot{padding:14px 18px;font-size:12px;color:#94a3b8;text-align:center;background:#0f172af2;border-top:1px solid rgba(255,255,255,.08)}.cat-search-toggle-btn{background:none;border:none;color:var(--accent);font-size:11px;font-weight:500;cursor:pointer;padding:0;text-decoration:underline;transition:color .15s ease}.cat-search-toggle-btn:hover{color:var(--accent-hover)}.cat-search-panel{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px;margin-bottom:14px;box-shadow:0 4px 12px #0000000d;animation:fadeIn .2s ease}.cat-search-input-wrap{position:relative;display:flex;align-items:center;gap:6px}.cat-search-icon{position:absolute;left:10px;font-size:13px;color:var(--muted)}.cat-search-input{width:100%;padding-left:32px!important;font-size:12.5px}.cat-search-close-btn{position:absolute;right:8px;background:none;border:none;color:var(--muted);cursor:pointer;font-size:12px;padding:4px}.cat-suggestions-list{max-height:180px;overflow-y:auto;margin-top:8px;display:flex;flex-direction:column;gap:4px}.cat-suggestion-item{padding:6px 10px;background:var(--surface-2);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .15s ease;display:flex;flex-direction:column;gap:2px}.cat-suggestion-item:hover{background:var(--accent-subtle);border-color:var(--accent)}.cat-suggestion-name{font-weight:600;font-size:12px;color:var(--text);display:flex;align-items:center;justify-content:space-between}.cat-suggestion-path{font-size:10.5px;color:var(--muted);line-height:1.3}.cat-suggestion-hint{font-size:11.5px;color:var(--muted);padding:6px 4px;text-align:center}.cat-suggest-row{margin-top:-8px;margin-bottom:12px;display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);animation:fadeIn .2s ease}.cat-suggest-pill{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;font-size:11px;font-weight:500;padding:2px 8px;border-radius:12px;cursor:pointer;transition:all .15s ease;display:inline-flex;align-items:center;gap:4px}.cat-suggest-pill:hover{background:#dbeafe;border-color:#93c5fd}.browse-section-wrap{margin-bottom:36px}.browse-bundles-section{background:linear-gradient(180deg,#f8fafc,#fff);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow-sm)}.browse-items-section{padding-top:8px}.browse-section-head{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:20px}.browse-section-title-wrap{flex:1}.browse-section-title{display:flex;align-items:center;gap:10px}.browse-section-title h2{font-size:20px;font-weight:700;margin:0;color:var(--text);letter-spacing:-.02em}.browse-section-icon{font-size:20px;display:inline-flex}.browse-count-pill{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;background:var(--accent-soft);color:var(--accent);border:1px solid rgba(31,95,191,.2)}.browse-section-desc{font-size:13px;color:var(--muted);margin:4px 0 0}.browse-section-actions{display:flex;align-items:center;gap:8px}.browse-bundles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.empty-bundles-hero{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:20px 24px;background:#fff;border:1px dashed var(--border-strong);border-radius:12px}.empty-bundles-icon{font-size:32px}.empty-bundles-text strong{display:block;font-size:14px;color:var(--text);margin-bottom:2px}.empty-bundles-text p{margin:0;font-size:13px;color:var(--muted)}.browse-bundle-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:all .2s ease;cursor:pointer;position:relative;box-shadow:var(--shadow-sm)}.browse-bundle-card:hover{border-color:var(--accent);box-shadow:0 4px 14px #1f5fbf1f;transform:translateY(-1px)}.browse-bundle-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 6px 18px #1f5fbf29}.bbc-cover-wrap{position:relative;width:100%;height:240px;background:#090d16;overflow:hidden}.bbc-cover{width:100%;height:100%;object-fit:contain;transition:transform .3s ease}.browse-bundle-card:hover .bbc-cover{transform:scale(1.03)}.bbc-items-pill{position:absolute;bottom:8px;left:8px;background:#0f172abf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:11px;font-weight:600;padding:2px 8px;border-radius:6px;z-index:5}.bbc-disc-pill{position:absolute;top:8px;right:8px;background:var(--good);color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:6px;box-shadow:0 2px 6px #00000026;z-index:5}.bbc-cover-wrap.bbc-vertical-reel-wrap{position:relative;width:100%;height:240px;background:#090d16;overflow:hidden;-webkit-user-select:none;user-select:none}.bbc-reel-viewport{position:relative;width:100%;height:100%;overflow:hidden}.bbc-reel-track{display:flex;flex-direction:column;width:100%;will-change:transform}.bbc-reel-card{position:relative;width:100%;height:240px;flex-shrink:0;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#090d16}.bbc-reel-ambient{position:absolute;top:-12px;right:-12px;bottom:-12px;left:-12px;background-size:cover;background-position:center;filter:blur(20px) brightness(.35) saturate(1.4);transform:scale(1.15);opacity:.88;pointer-events:none;z-index:1}.bbc-reel-img{position:relative;z-index:2;max-height:calc(100% - 44px);max-width:86%;width:auto;height:auto;object-fit:contain;border-radius:6px;box-shadow:0 8px 24px #000000a6,0 2px 6px #0006;filter:drop-shadow(0 4px 12px rgba(0,0,0,.35));transition:transform .25s cubic-bezier(.2,.8,.2,1)}.browse-bundle-card:hover .bbc-reel-img{transform:scale(1.03)}.bbc-reel-item-badge{position:absolute;bottom:8px;left:8px;right:8px;z-index:3;display:flex;align-items:center;gap:6px;padding:4px 8px;background:#0f172ae0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:6px;font-size:11px;box-shadow:0 2px 8px #00000059;pointer-events:none}.bbc-reel-item-num{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.35);font-weight:700;font-size:10px;padding:1px 5px;border-radius:4px;line-height:1.2}.bbc-reel-item-title{color:#f1f5f9;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.bbc-reel-item-price{color:#34d399;font-weight:700;font-size:10px;white-space:nowrap}.bbc-reel-fades{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:4;background:linear-gradient(to bottom,rgba(9,13,22,.5) 0%,transparent 14%,transparent 86%,rgba(9,13,22,.55) 100%)}.bbc-reel-status{position:absolute;top:8px;left:8px;background:#0f172ad1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#f8fafc;font-size:10.5px;font-weight:700;padding:2px 7px;border-radius:6px;border:1px solid rgba(255,255,255,.14);z-index:5;display:inline-flex;align-items:center;gap:4px;box-shadow:0 2px 6px #0000004d;pointer-events:none}.bbc-reel-cam{font-size:10px}.bbc-reel-hint{position:absolute;top:8px;left:50%;transform:translate(-50%);background:#0f172ad9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#94a3b8;font-size:10px;font-weight:500;padding:2px 8px;border-radius:10px;border:1px solid rgba(255,255,255,.1);z-index:5;pointer-events:none;opacity:0;transition:opacity .2s ease;white-space:nowrap}.browse-bundle-card:hover .bbc-reel-hint{opacity:1}.bbc-reel-nav-btns{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;z-index:6;opacity:0;pointer-events:none;transition:opacity .2s ease}.browse-bundle-card:hover .bbc-reel-nav-btns{opacity:1;pointer-events:auto}.bbc-reel-btn{width:28px;height:28px;border-radius:50%;background:#0f172ad9;border:1px solid rgba(255,255,255,.22);color:#fff;display:flex;align-items:center;justify-content:center;font-size:11px;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:0}.bbc-reel-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.12);box-shadow:0 0 10px #38bdf880}.bbc-content{padding:14px 16px;display:flex;flex-direction:column;flex:1}.bbc-top-row{display:flex;align-items:center;gap:6px;margin-bottom:8px;flex-wrap:wrap}.bbc-live-badge{font-size:10.5px;font-weight:700;color:#15803d;background:#dcfce7;padding:2px 6px;border-radius:4px}.bbc-strategy-badge{font-size:10.5px;font-weight:600;color:var(--muted);background:#f1f5f9;padding:2px 6px;border-radius:4px}.bbc-strategy-badge.dual{color:#6d28d9;background:#ede9fe}.bbc-title{font-size:14px;font-weight:700;color:var(--text);line-height:1.35;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.bbc-pricing-row{display:flex;justify-content:space-between;align-items:baseline;margin-top:auto;padding-bottom:12px;border-bottom:1px solid #f1f5f9}.bbc-price{font-size:18px;font-weight:800;color:var(--text)}.bbc-item-count-label{font-size:12px;color:var(--muted);font-weight:500}.bbc-actions{display:flex;align-items:center;gap:6px;padding-top:10px}.bbc-actions .btn{font-size:12px;padding:5px 10px}.bundle-inspection-tray{margin-top:20px;background:#fff;border:1px solid var(--border-strong);border-radius:14px;padding:20px 22px;box-shadow:0 4px 16px #0f172a0f;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.tray-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px;flex-wrap:wrap}.tray-badge{font-size:11px;font-weight:700;letter-spacing:.05em;color:var(--accent);margin-bottom:4px}.tray-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 6px}.tray-meta{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);flex-wrap:wrap}.tray-actions{display:flex;align-items:center;gap:8px}.tray-close-btn{background:transparent;border:none;font-size:18px;color:var(--muted);cursor:pointer;padding:4px 8px;border-radius:6px}.tray-close-btn:hover{background:var(--surface-2);color:var(--text)}.tray-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-bottom:16px}.tray-item-card{display:flex;gap:12px;padding:10px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;transition:all .15s ease}.tray-item-card:hover{background:#fff;border-color:#cbd5e1;box-shadow:var(--shadow-sm)}.tray-item-thumb{width:54px;height:54px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0;background:#fff;flex-shrink:0}.tray-item-body{flex:1;min-width:0}.tray-item-title{font-size:12.5px;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.tray-item-meta{display:flex;align-items:baseline;gap:6px;font-size:12px;margin-bottom:4px}.tray-item-price{font-weight:700;color:var(--text)}.tray-item-cond{color:var(--muted);font-size:11px}.tray-item-footer{display:flex;align-items:center;justify-content:space-between}.tray-item-id{font-size:10.5px;color:var(--muted)}.tray-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:14px;border-top:1px solid #e2e8f0;flex-wrap:wrap}.tray-note{font-size:12px;color:var(--muted);line-height:1.4}.bundle-assigned-banner{background:linear-gradient(135deg,#2563eb14,#3b82f60a);border:1.5px solid rgba(37,99,235,.35);border-radius:10px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between;gap:14px;animation:fadeIn .25s ease-out}.bundle-assigned-icon{font-size:22px;flex-shrink:0}.bundle-assigned-info{flex:1;min-width:0}.bundle-assigned-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:2px}.bundle-assigned-desc{font-size:12px;color:var(--muted);line-height:1.45}.bundle-assigned-desc strong{color:var(--accent)}.bundle-assigned-link{flex-shrink:0;white-space:nowrap;font-size:12px!important;font-weight:600!important;border-color:#2563eb66!important;color:var(--accent)!important}.bundle-assigned-link:hover{background:#2563eb1a!important}.tray-sync-promos-btn{font-weight:600;border-color:#2563eb59;color:var(--accent)}.tray-sync-promos-btn:hover{background:#2563eb14;border-color:var(--accent)}.upload-thumbs-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.upload-thumb-card{position:relative;width:84px;height:84px;border-radius:9px;overflow:hidden;border:1px solid var(--border);background:var(--surface);box-shadow:0 1px 4px #0000000f;cursor:grab;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none}.upload-thumb-card:hover{transform:translateY(-2px);box-shadow:0 6px 14px #0000001f;border-color:var(--accent)}.upload-thumb-card.dragging{opacity:.35;transform:scale(.95);border:2px dashed var(--accent)}.upload-thumb-card.drag-target{border:2px solid var(--accent);box-shadow:0 0 0 3px #2563eb40;transform:scale(1.05)}.upload-thumb-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block}.thumb-badge-top{position:absolute;top:4px;left:4px;z-index:2;pointer-events:none}.thumb-order-tag{background:#0f172ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#f1f5f9;font-size:9.5px;font-weight:700;padding:2px 5px;border-radius:4px;line-height:1.1;display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.15);letter-spacing:.02em}.thumb-order-tag.is-cover{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-color:#ffffff59;box-shadow:0 2px 6px #d9770666}.thumb-overlay-actions{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0f172a80,#0f172ae0);display:flex;flex-direction:column;justify-content:space-between;padding:4px;opacity:0;transition:opacity .18s ease;z-index:3}.upload-thumb-card:hover .thumb-overlay-actions,.upload-thumb-card:focus-within .thumb-overlay-actions{opacity:1}.thumb-actions-row-top{display:flex;align-items:center;justify-content:space-between}.thumb-actions-row-bottom{display:flex;align-items:center;justify-content:center;gap:4px}.thumb-action-btn{width:22px;height:22px;border-radius:5px;background:#0f172ad9;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background .15s,transform .1s,border-color .15s}.thumb-action-btn:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.12)}.thumb-action-btn.thumb-delete:hover{background:#ef4444;border-color:#ef4444}.thumb-action-btn.thumb-make-cover{color:#fbbf24}.thumb-action-btn.thumb-make-cover:hover{background:#d97706;border-color:#f59e0b;color:#fff}.thumb-reorder-hint{font-size:11px;color:var(--muted);font-weight:400;margin-left:6px}.tray-item-card{position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tray-item-card.dragging{opacity:.35;outline:2px dashed var(--accent)}.tray-item-card.drag-target{border-color:var(--accent);background:var(--accent-subtle);transform:scale(1.01)}.tray-item-order-badge{background:#0f172ad9;color:#38bdf8;font-size:11px;font-weight:700;padding:2px 6px;border-radius:4px;border:1px solid rgba(56,189,248,.35);margin-right:8px;flex-shrink:0}.tray-item-reorder-actions{display:flex;flex-direction:column;gap:3px;margin-left:auto;flex-shrink:0}.item-reorder-btn{width:22px;height:20px;border-radius:4px;background:var(--surface);border:1px solid var(--border);color:var(--text);font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .12s;padding:0}.item-reorder-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent)}.item-reorder-btn:disabled{opacity:.3;cursor:not-allowed}