*,*:before,*:after{box-sizing:border-box}:root{color-scheme:dark;--bg: #0b0d12;--bg-elevated: #12151c;--bg-card: #161a24;--border: #252a36;--text: #e8eaef;--text-muted: #8b93a7;--accent: #3b82f6;--accent-hover: #2563eb;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--online: #22c55e;--offline: #6b7280}html,body,#root{margin:0;min-height:100vh}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}button{font-family:inherit;cursor:pointer}input{font-family:inherit}.app{display:flex;min-height:100vh}.sidebar{width:240px;background:var(--bg-elevated);border-right:1px solid var(--border);padding:1.5rem 1rem;display:flex;flex-direction:column;gap:2rem;flex-shrink:0}.brand{padding:0 .5rem}.brand-title{font-size:1.1rem;font-weight:700;margin:0;letter-spacing:-.02em}.brand-sub{font-size:.75rem;color:var(--text-muted);margin:.25rem 0 0}.nav{display:flex;flex-direction:column;gap:.25rem}.nav-btn{background:transparent;border:none;color:var(--text-muted);text-align:left;padding:.65rem .75rem;border-radius:8px;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.nav-btn:hover{background:#ffffff0a;color:var(--text)}.nav-btn.active{background:#3b82f626;color:#93c5fd}.main{flex:1;padding:1.5rem 2rem;overflow-x:auto}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.header h2{margin:0;font-size:1.5rem;font-weight:600}.header-actions{display:flex;gap:.75rem;align-items:center}.btn{background:var(--accent);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:background .15s}.btn:hover:not(:disabled){background:var(--accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-card);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-sm{padding:.3rem .55rem;font-size:.75rem;border-radius:6px}.btn-success{background:#22c55e33;color:var(--success);border:1px solid rgba(34,197,94,.3)}.btn-danger{background:#ef444426;color:var(--danger);border:1px solid rgba(239,68,68,.3)}.btn-mode{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.btn-mode.active{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.api-key-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1.5rem;display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.api-key-bar label{font-size:.875rem;color:var(--text-muted);white-space:nowrap}.api-key-bar input{flex:1;min-width:200px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .75rem;color:var(--text);font-size:.875rem}.api-key-bar input:focus{outline:none;border-color:var(--accent)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem}.stat-label{font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem}.stat-value{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.stat-value.online{color:var(--online)}.stat-value.offline{color:var(--offline)}.section-title{font-size:.9rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.modes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.mode-card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1rem;text-align:center}.mode-name{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.mode-count{font-size:1.5rem;font-weight:700}.table-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}th{color:var(--text-muted);font-weight:500;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;background:var(--bg-elevated)}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;font-weight:500}.badge-online{background:#22c55e26;color:var(--online)}.badge-blocked{background:#ef444426;color:#dc2626}.badge-offline{background:#6b728033;color:var(--offline)}.badge-enabled{background:#3b82f626;color:#93c5fd}.badge-disabled{background:#6b728033;color:var(--text-muted)}.badge-never{background:#f59e0b1f;color:var(--warning)}.badge-mode-off{background:#6b728033;color:var(--text-muted)}.badge-mode-read{background:#3b82f626;color:#93c5fd}.badge-mode-suggest{background:#a855f726;color:#d8b4fe}.badge-mode-send{background:#22c55e26;color:var(--success)}.btn-config{background:#f59e0b1f;color:#fcd34d;border:1px solid rgba(245,158,11,.25)}.btn-config:hover:not(:disabled){background:#f59e0b33}.agent-actions{display:flex;flex-wrap:wrap;gap:.35rem;min-width:360px}.error-box{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.875rem}.loading{color:var(--text-muted);padding:2rem;text-align:center}.auto-refresh-note{font-size:.75rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;max-width:520px;width:100%}.modal-wide{max-width:640px}.config-json{max-height:360px;overflow-y:auto;white-space:pre-wrap}.modal h3{margin:0 0 .75rem;font-size:1.1rem}.modal-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);color:#fcd34d;padding:.75rem 1rem;border-radius:8px;font-size:.875rem;margin-bottom:1rem}.token-display{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;font-family:ui-monospace,monospace;font-size:.8rem;word-break:break-all;margin-bottom:1rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.muted{color:var(--text-muted)}.inbox-layout{display:grid;grid-template-columns:360px 1fr;gap:1rem;min-height:calc(100vh - 220px)}.inbox-list-panel,.inbox-detail-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.inbox-list-header{display:flex;gap:.5rem;padding:.75rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.inbox-filter{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.4rem .6rem;color:var(--text);font-size:.85rem}.inbox-list{overflow-y:auto;flex:1}.inbox-item{display:block;width:100%;text-align:left;background:transparent;border:none;border-bottom:1px solid var(--border);padding:.85rem 1rem;color:var(--text);cursor:pointer}.inbox-item:hover{background:#ffffff08}.inbox-item.active{background:#3b82f61a;border-left:3px solid var(--accent)}.inbox-item-top{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.25rem}.inbox-item-meta,.inbox-item-offer,.inbox-item-preview{font-size:.8rem;margin-bottom:.25rem}.inbox-item-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-item-footer{display:flex;gap:.75rem;align-items:center;font-size:.75rem;margin-top:.35rem}.inbox-detail-panel{min-height:500px}.inbox-detail-header{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.inbox-detail-header h3{margin:0 0 .25rem}.inbox-detail-actions{display:flex;gap:.5rem;align-items:center}.chat-messages{flex:1;overflow-y:auto;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.75rem}.chat-bubble{max-width:75%;padding:.75rem 1rem;border-radius:12px;font-size:.9rem}.chat-incoming{align-self:flex-start;background:var(--bg-elevated);border:1px solid var(--border)}.chat-outgoing,.chat-internal{align-self:flex-end}.chat-outgoing{background:#3b82f626;border:1px solid rgba(59,130,246,.3)}.chat-internal{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25)}.chat-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;color:var(--text-muted);margin-bottom:.35rem}.chat-text{white-space:pre-wrap;word-break:break-word}.chat-compose{padding:1rem 1.25rem;border-top:1px solid var(--border);background:var(--bg-elevated)}.chat-compose label{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.chat-compose textarea{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;color:var(--text);font-family:inherit;font-size:.9rem;resize:vertical;margin-bottom:.75rem}.chat-compose textarea:focus{outline:none;border-color:var(--accent)}.chat-compose-actions{display:flex;gap:.5rem;flex-wrap:wrap}.badge-inbox-new{background:#3b82f626;color:#93c5fd}.badge-inbox-open{background:#22c55e26;color:var(--success)}.badge-inbox-waiting{background:#f59e0b26;color:#fcd34d}.badge-inbox-answered{background:#a855f726;color:#d8b4fe}.badge-inbox-closed{background:#6b728033;color:var(--text-muted)}.badge-inbox-scam{background:#ef444426;color:#fca5a5}.badge-inbox-archived{background:#6b728026;color:var(--text-muted)}.badge-source-kleinanzeigen{background:#10b98133;color:#6ee7b7}.badge-source-manual{background:#64748b33;color:#94a3b8}.badge-source-other{background:#3b82f626;color:#93c5fd}.inbox-external-link{font-size:.9rem}.agent-inbox-hint{font-size:.75rem;margin-top:.35rem;max-width:180px}.agent-inbox-hint code{font-size:.72rem}.badge-priority-low{background:#6b728026;color:var(--text-muted)}.badge-priority-normal{background:#3b82f61a;color:#93c5fd}.badge-priority-high{background:#f59e0b26;color:#fcd34d}.badge-priority-urgent{background:#ef444426;color:#fca5a5}.badge-ai-intent{background:#a855f726;color:#d8b4fe;font-size:.7rem}.btn-ai{background:#a855f733;color:#d8b4fe;border:1px solid rgba(168,85,247,.35)}.btn-ai:hover:not(:disabled){background:#a855f74d}.btn-ai-prominent{padding:.65rem 1.25rem;font-size:.95rem;font-weight:600}.ai-draft-action-bar{display:flex;flex-direction:column;gap:.35rem;padding:1rem 1.25rem;margin:0 0 1rem;background:linear-gradient(135deg,#6366f11f,#8b5cf614);border:1px solid rgba(99,102,241,.35);border-radius:12px}.ai-draft-hint{font-size:.8rem}.ai-status-grid{display:flex;gap:1.5rem;flex-wrap:wrap;margin-bottom:.75rem;font-size:.9rem}.ai-draft-panel{margin:0 1.25rem 1rem;padding:1rem;background:#a855f714;border:1px solid rgba(168,85,247,.25);border-radius:10px}.ai-draft-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.75rem}.ai-draft-meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.8rem}.ai-draft-text{white-space:pre-wrap;font-size:.9rem;margin-bottom:.75rem;line-height:1.5}.products-toolbar{display:flex;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.products-grid{display:grid;grid-template-columns:320px 1fr;gap:1rem;align-items:start}.product-form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1rem}.product-form{display:flex;flex-direction:column;gap:.75rem}.product-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted)}.product-form input,.product-form select,.product-form textarea{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.5rem .65rem;color:var(--text);font-family:inherit;font-size:.875rem}.product-form-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.product-panel{margin:0 1.25rem 1rem;padding:1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px}.product-attached{display:flex;flex-direction:column;gap:.5rem}.product-search-row{display:flex;gap:.5rem;margin-bottom:.75rem}.product-search-results{display:flex;flex-direction:column;gap:.5rem}.product-search-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}@media (max-width: 960px){.products-grid{grid-template-columns:1fr}}.integrations-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.integration-note{font-size:.85rem;margin-bottom:1rem}.integration-actions{display:flex;gap:.75rem;align-items:flex-end;flex-wrap:wrap;margin-bottom:1rem}.integration-actions label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;color:var(--text-muted);min-width:220px}.sync-result{padding:.75rem 1rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-elevated)}.sync-success{border-color:#22c55e4d}.sync-error{border-color:#ef44444d}.badge-sync-success{background:#22c55e26;color:var(--success)}.badge-sync-error{background:#ef444426;color:#fca5a5}.badge-sync-running{background:#f59e0b26;color:#fcd34d}.badge-product-attached{background:#22c55e26;color:var(--success)}.badge-product-missing{background:#94a3b826;color:var(--text-muted)}.badge-match-score{background:#6366f126;color:#a5b4fc}.product-match-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.auto-attach-message{padding:.6rem .75rem;border-radius:8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.25);color:var(--success);font-size:.85rem;margin-bottom:.75rem}.product-suggestions{margin-bottom:1rem}.section-subtitle{font-size:.85rem;color:var(--text-muted);margin:0 0 .5rem;font-weight:600}.product-suggestion-item{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:.75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);margin-bottom:.5rem}.product-suggestion-main{flex:1;min-width:0}.product-suggestion-score{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.35rem;font-size:.8rem}.listings-layout{display:grid;grid-template-columns:1fr 360px;gap:1.25rem;align-items:start}.listings-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.listings-form-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.listings-detail-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;position:sticky;top:1rem;max-height:calc(100vh - 120px);overflow-y:auto}.listing-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;font-size:.85rem}.listing-logs{display:flex;flex-direction:column;gap:.5rem}.listing-log-item{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);font-size:.85rem}.listing-log-meta{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.25rem;font-size:.75rem;color:var(--text-muted)}.row-selected{background:#6366f114}.badge-listing-queued{background:#94a3b826;color:var(--text-muted)}.badge-listing-assigned{background:#3b82f626;color:#93c5fd}.badge-listing-progress{background:#f59e0b26;color:#fcd34d}.badge-listing-prepared{background:#22c55e26;color:var(--success)}.badge-work-idle{background:#64748b33;color:#94a3b8}.badge-work-listing{background:#3b82f633;color:#93c5fd}.badge-work-inbox{background:#a855f733;color:#d8b4fe}.badge-work-maintenance{background:#fbbf2433;color:#fcd34d}.badge-browser-locked{background:#ef444433;color:#fca5a5}.badge-browser-unlocked{background:#64748b26;color:#94a3b8}.agents-toolbar{display:flex;gap:.5rem;margin-bottom:.75rem}.agent-work-mode-select{min-width:140px}.listing-mode-warning ul{margin:.5rem 0 0;padding-left:1.25rem}.badge-listing-needs-review{background:#fbbf2433;color:#fcd34d}.badge-listings-none{background:#64748b26;color:#94a3b8}.badge-listings-queue{background:#3b82f626;color:#93c5fd}.badge-listings-review{background:#fbbf2433;color:#fcd34d}.badge-listings-published{background:#10b98133;color:#6ee7b7}.listings-badge-wrap{position:relative}.listings-badge-btn{border:none;cursor:pointer;font:inherit}.listings-popover{position:absolute;z-index:20;top:100%;left:0;min-width:260px;margin-top:4px;padding:.5rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;box-shadow:0 4px 12px #00000040}.listings-popover-row{display:flex;justify-content:space-between;gap:.5rem;padding:.35rem 0;border-bottom:1px solid var(--border)}.listings-popover-row:last-child{border-bottom:none}.daily-report-summary{display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;margin-bottom:.75rem;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:.85rem}.production-checklist{list-style:none;padding:0;margin:0 0 1rem}.production-checklist li{padding:.25rem 0}.checklist-ok{color:var(--success)}.checklist-fail{color:var(--muted)}.listing-quick-edit{margin-top:1rem;padding:1rem;border:1px solid var(--border);border-radius:6px}.listing-detail-actions{display:flex;gap:.5rem;margin-bottom:1rem}.bulk-recommended-box{padding:.75rem;margin-bottom:1rem;background:#3b82f614;border-radius:6px;font-size:.9rem}.warning-box{padding:.75rem;margin-bottom:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px}.duplicate-preview-table{width:100%;font-size:.85rem;margin-top:.5rem}.badge-listing-published{background:#10b98133;color:#6ee7b7}.badge-listing-error{background:#ef444426;color:#fca5a5}.badge-listing-cancelled{background:#64748b26;color:#94a3b8}.badge-log-info{background:#3b82f626;color:#93c5fd}.badge-log-error{background:#ef444426;color:#fca5a5}.install-checklist{display:flex;flex-direction:column;gap:.2rem;font-size:.72rem;min-width:130px}.check-item{padding:.15rem .4rem;border-radius:4px;white-space:nowrap}.check-ok{background:#22c55e1f;color:var(--success)}.check-warn{background:#f59e0b1f;color:#fcd34d}.check-info{background:#94a3b81a;color:var(--text-muted)}.system-status-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.system-status-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.system-status-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.25rem}.system-status-ok{border-color:#22c55e4d}.system-status-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.system-status-value{font-size:1.25rem;font-weight:600}.system-status-value.online{color:var(--success)}@media (max-width: 960px){.listings-layout{grid-template-columns:1fr}.listings-detail-panel{position:static;max-height:none}}@media (max-width: 960px){.inbox-layout{grid-template-columns:1fr}}@media (max-width: 768px){.app{flex-direction:column}.sidebar{width:100%;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;align-items:center;justify-content:space-between;padding:1rem}.nav{flex-direction:row}.main{padding:1rem}}.template-vars-hint{font-size:.8rem;margin:.25rem 0 .75rem}.listing-preview-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:14px;padding:1.5rem;max-width:720px;width:100%;max-height:90vh;overflow-y:auto}.listing-preview-box{margin-top:1rem;padding:1rem;background:#6366f114;border:1px solid rgba(99,102,241,.25);border-radius:10px}.preview-text{white-space:pre-wrap;font-size:.85rem;background:#0003;padding:.75rem;border-radius:8px;overflow-x:auto}.preview-desc{max-height:200px;overflow-y:auto}.preview-images{display:flex;gap:.5rem;flex-wrap:wrap;margin:.5rem 0}.preview-thumb{width:64px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.modal-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.publishing-kpi-grid{margin-bottom:1.5rem}.error-inline{color:#fca5a5;font-size:.85rem;margin-top:.5rem}.table-actions{display:flex;gap:.35rem;flex-wrap:wrap}.checkbox-label{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}.bundle-section{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.bundle-component-row{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.bundle-component-row input{flex:1;min-width:120px}.bundle-field{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.asset-card{padding:.75rem;margin-bottom:.5rem;background:#ffffff0a;border-radius:8px;border:1px solid var(--border)}.asset-card-header{display:flex;gap:.75rem;align-items:center;margin-bottom:.35rem}.asset-thumb{width:72px;height:54px;object-fit:cover;border-radius:6px;border:1px solid var(--border);background:#0f172a}.asset-thumb-empty{display:flex;align-items:center;justify-content:center;font-size:.75rem;color:var(--muted)}.badge-generated{background:#4ade8026;color:#4ade80}.badge-draft{background:#94a3b826;color:#94a3b8}.badge-rejected{background:#f8717126;color:#f87171}.product-detail-panel{max-height:calc(100vh - 200px);overflow-y:auto}.planner-warning{margin-top:1rem}.login-page-wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{width:100%;max-width:400px;padding:2rem;background:var(--surface);border:1px solid var(--border);border-radius:12px}.login-brand{text-align:center;margin-bottom:.25rem;color:var(--accent)}.login-sub{text-align:center;margin-bottom:1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.login-btn{width:100%;margin-top:.5rem}.login-error{max-width:400px;margin-bottom:1rem}.user-bar{display:flex;justify-content:flex-end;align-items:center;gap:1rem;padding:.75rem 0;margin-bottom:.5rem;border-bottom:1px solid var(--border)}.user-bar-info{display:flex;align-items:center;gap:.75rem}.user-bar-name{font-weight:600}.user-create-form{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.user-create-form input,.user-create-form select{min-width:160px}.reset-password-row{display:flex;gap:.5rem;margin-top:.5rem;flex-wrap:wrap}.audit-payload{max-width:280px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.planner-warning{background:#f59e0b1f;border:1px solid rgba(245,158,11,.35);color:#fcd34d;padding:.75rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem}.bulk-result-box{margin-top:1rem;padding:1rem;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:10px;font-size:.9rem}.queue-date-bar{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.view-tabs{display:flex;gap:.35rem;margin-right:.5rem}.products-view-full{width:100%;min-width:0}.products-toolbar-top{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.products-toolbar-left,.products-toolbar-right{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.products-count{font-size:.85rem;white-space:nowrap}.products-filters-wrap{display:flex;flex-direction:column;gap:.5rem}.products-filters-toggle{min-width:100px}.products-filters-panel{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.75rem;padding:.85rem 1rem;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;min-width:min(100%,720px)}.products-filters-panel label{display:flex;flex-direction:column;gap:.3rem;font-size:.75rem;color:var(--text-muted)}.products-filters-panel select,.products-filters-panel input{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.45rem .6rem;color:var(--text);font-size:.85rem}.products-filters-actions{display:flex;align-items:flex-end;gap:.5rem}.products-table-scroll{width:100%;overflow:auto;max-height:calc(100vh - 200px);border:1px solid var(--border);border-radius:12px;background:var(--bg-card);position:relative}.products-data-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.85rem}.products-data-table thead{position:sticky;top:0;z-index:2;background:var(--bg-elevated)}.products-data-table th,.products-data-table td{padding:.5rem .65rem;border-bottom:1px solid var(--border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.products-data-table tbody tr{cursor:pointer}.products-data-table tbody tr:hover{background:#6366f10a}.products-th-resizable{position:relative;-webkit-user-select:none;user-select:none}.products-sort-btn{background:none;border:none;color:inherit;font:inherit;font-weight:600;cursor:pointer;padding:0;text-align:left}.col-resize-handle{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize}.col-resize-handle:hover{background:#6366f159}.products-thumb-cell{text-align:center}.product-row-thumb{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border);display:block;margin:0 auto}.product-row-thumb-empty{display:inline-block;width:40px;color:var(--text-muted);font-size:.75rem}.products-title-cell{font-weight:500}.products-empty-row{text-align:center;padding:2rem!important}.products-table-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0f172a73;font-size:.9rem;color:var(--text-muted)}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1100}.product-drawer{position:fixed;top:0;right:0;width:min(560px,100vw);height:100vh;background:var(--bg-card);border-left:1px solid var(--border);z-index:1101;display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000040;animation:drawer-slide-in .2s ease-out}@keyframes drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}.product-drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.product-drawer-title-block{display:flex;gap:.75rem;align-items:flex-start;min-width:0}.product-drawer-title-block h3{margin:0;font-size:1rem;line-height:1.35;word-break:break-word}.product-drawer-thumb{width:56px;height:56px;object-fit:cover;border-radius:8px;border:1px solid var(--border);flex-shrink:0}.product-drawer-meta{margin:.25rem 0 0;font-size:.8rem}.product-drawer-actions{padding:.65rem 1.25rem;border-bottom:1px solid var(--border);flex-shrink:0}.product-drawer-body{flex:1;overflow-y:auto;padding:1rem 1.25rem 2rem}.drawer-section{margin-bottom:1.25rem}.drawer-section-actions{justify-content:flex-start;flex-wrap:wrap}.modal-header-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem}.modal-header-row h3{margin:0}.product-create-modal{max-height:90vh;overflow-y:auto}.products-bulk-bar{position:sticky;top:0;z-index:5;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem 1rem;margin-bottom:.5rem;background:#6366f11f;border:1px solid rgba(99,102,241,.35);border-radius:10px}.products-bulk-count{font-size:.9rem}.products-bulk-actions{display:flex;flex-wrap:wrap;gap:.5rem}.row-checked{background:#6366f10d}.badge-readiness-ready{background:#22c55e26;color:#86efac}.badge-readiness-images{background:#f59e0b26;color:#fcd34d}.badge-readiness-bundle{background:#ec489926;color:#f9a8d4}.badge-readiness-warn{background:#94a3b826;color:var(--text-muted)}.products-filters-panel-wide{min-width:min(100%,960px);grid-template-columns:1fr 1fr auto;align-items:start}.filters-section{display:flex;flex-direction:column;gap:.5rem}.filters-section-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.filter-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text)}.bulk-summary-box{margin:1rem 0;padding:.85rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;font-size:.9rem}.bulk-summary-box p{margin:.25rem 0}.bulk-agents-readonly{font-size:.85rem;margin:.75rem 0}.bulk-agents-readonly ul{margin:.35rem 0 0;padding-left:1.25rem}.bulk-create-modal{max-height:90vh;overflow-y:auto}.bulk-errors-list{max-height:200px;overflow:auto;margin-bottom:1rem}.bulk-errors-list table{width:100%;font-size:.8rem}@media (max-width: 960px){.products-filters-panel-wide{grid-template-columns:1fr}}@media (max-width: 960px){.products-table-scroll{max-height:calc(100vh - 240px)}.product-drawer{width:100vw}}.deployment-view{display:flex;flex-direction:column;gap:2rem}.deployment-section{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem}.deployment-desc{margin:0 0 1rem}.deployment-instructions .deployment-steps{margin:0 0 1rem 1.25rem;line-height:1.6}.deployment-instructions .deployment-steps li{margin-bottom:.35rem}.brand-logo-thumb{max-height:36px;max-width:100px;object-fit:contain}.color-swatch{display:inline-block;width:18px;height:18px;border-radius:4px;border:1px solid var(--border);margin-right:4px;vertical-align:middle}.brand-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.brand-form-full{grid-column:1 / -1}