.filter-controls{margin-bottom:25px;padding:20px;background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;flex-wrap:wrap;align-items:center;gap:15px}.product-table{width:100%;border-collapse:collapse;margin-top:20px;box-shadow:0 2px 8px #00000012;border-radius:6px;overflow:hidden}.product-table th,.product-table td{border:none;border-bottom:1px solid #dee2e6;padding:12px 15px;text-align:left;vertical-align:middle;font-size:.9rem}.product-table td:first-child,.product-table th:first-child{padding-left:20px}.product-table td:last-child,.product-table th:last-child{padding-right:20px}.product-table th{background-color:#e9ecef;color:#495057;font-weight:600;cursor:pointer;white-space:nowrap}.product-table th:hover{background-color:#dce3e9}.product-table tbody tr:nth-child(2n){background-color:#fdfdfd}.product-table tbody tr:hover{background-color:#f1f3f5;cursor:pointer}.product-table img{width:50px;height:50px;border-radius:4px;object-fit:cover;border:1px solid #e0e0e0}.pagination-controls{margin-top:25px;padding-bottom:20px;text-align:center}.pagination-controls button{margin:0 8px}.pagination-info{margin:0 12px;font-weight:500}.pagination-summary{font-size:.9em;color:#555;margin-top:10px}.filter-controls .export-csv-button{padding:8px 12px;background-color:#28a745;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9em;margin-left:10px}.filter-controls .export-csv-button:disabled{background-color:#ccc;cursor:not-allowed}.filter-controls select[title="Filter by AI Description Status"]{margin-left:10px}.batch-actions-bar{margin:15px 0;padding:10px;background-color:#f8f9fa;border-radius:4px;display:flex;align-items:center;gap:15px}.batch-generate-desc-button,.generate-single-desc-button,.regenerate-single-desc-button{padding:6px 10px;font-size:.85em;border-radius:4px;cursor:pointer;border:1px solid #ccc}.batch-generate-desc-button{background-color:#17a2b8;color:#fff;border-color:#17a2b8}.batch-generate-desc-button:disabled{background-color:#6c757d;border-color:#6c757d}.generate-single-desc-button{background-color:#28a745;color:#fff;border-color:#28a745}.regenerate-single-desc-button{background-color:#ffc107;color:#212529;border-color:#ffc107}.generate-single-desc-button:disabled,.regenerate-single-desc-button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.batch-status-message{font-style:italic;font-size:.9em}.batch-status-message.pending{color:#007bff}.batch-status-message.success{color:green}.batch-status-message.error{color:red}.ai-generated-badge{display:inline-block;background-color:#007bff;color:#fff;font-size:.7em;padding:2px 5px;border-radius:3px;margin-left:5px;vertical-align:middle}.sync-brand-button{background-color:#007bff;color:#fff}.sync-brand-button:disabled{background-color:#6caddf}.actions-cell{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center}.actions-cell button{padding:3px 6px;font-size:.8em;min-width:60px;cursor:pointer}.sync-single-button{background-color:#17a2b8;color:#fff;border:1px solid #138496;border-radius:3px}.sync-single-button:disabled{background-color:#83ddea;cursor:not-allowed}.status-badge{padding:4px 8px;border-radius:12px;font-size:.8em;font-weight:700;text-transform:uppercase}.status-badge.status-new{background-color:#e0f2fe;color:#0c546e}.status-badge.status-existing{background-color:#d4edda;color:#155724}.sync-single-button.create{background-color:#28a745}.sync-single-button.update{background-color:#ffc107;color:#212529}.product-table th,.product-table td{padding:8px 12px;border-bottom:1px solid #e0e0e0;text-align:left;vertical-align:middle}.price-cell-container{display:flex;flex-direction:column;justify-content:center;gap:2px}.main-price{font-weight:500}.price-description{font-size:.8em;color:#666;font-style:italic}.status-cell{text-align:center}.status-badge{padding:4px 10px;border-radius:12px;font-size:.75em;font-weight:700;text-transform:uppercase;white-space:nowrap}.status-badge.status-new{background-color:#e0f2fe;color:#0c546e;border:1px solid #bce8f1}.status-badge.status-existing{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.actions-container{display:flex;flex-direction:column;align-items:center;gap:4px}.actions-container button{width:80px;padding:4px 8px;font-size:.85em;border-radius:4px;border:1px solid #ccc;cursor:pointer}.sync-single-button.create{background-color:#28a745;color:#fff;border-color:#218838}.sync-single-button.update{background-color:#ffc107;color:#212529;border-color:#e0a800}.regenerate-button{background-color:#f0f0f0;color:#333}.actions-container button:disabled{background-color:#e9ecef;border-color:#ced4da;cursor:not-allowed}.batch-generate-desc-button.danger{background-color:#dc3545;border-color:#dc3545}.batch-generate-desc-button.danger:hover{background-color:#c82333}.action-center{padding:15px;background-color:#f7f9fc;border:1px solid #e1e4e8;border-radius:8px;margin-bottom:20px}.filter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px;align-items:center;margin-bottom:15px}.filter-grid input[type=text],.filter-grid select{width:100%;padding:8px 10px;border-radius:5px;border:1px solid #ccc;font-size:.9em}.filter-grid .filter-label{display:flex;align-items:center;gap:5px;font-size:.9em}.batch-actions-grid{display:flex;flex-wrap:wrap;gap:10px;padding-top:15px;border-top:1px solid #e1e4e8}.batch-actions-grid button{padding:8px 15px;border-radius:5px;border:none;cursor:pointer;font-size:.9em;transition:background-color .2s;background-color:#28a745;color:#fff}.batch-actions-grid button:disabled{background-color:#ccc;cursor:not-allowed}.batch-actions-grid button.danger{background-color:#dc3545}.batch-actions-grid button.export{background-color:#17a2b8}.operation-status-container{margin-top:15px;padding:12px;background-color:#e9ecef;border-radius:6px;text-align:center;height:60px;display:flex;flex-direction:column;justify-content:center;transition:opacity .3s}.operation-status-container.idle{opacity:0;height:0;padding:0;margin:0;overflow:hidden}.operation-status-container p{margin:0 0 5px;font-weight:700;color:#495057}.operation-status-container progress{width:100%;height:10px}.image-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000a6;display:flex;justify-content:center;align-items:center;z-index:1000;pointer-events:none}.image-preview-overlay img{max-width:75%;max-height:80%;border:3px solid white;border-radius:8px;box-shadow:0 8px 25px #0000004d;object-fit:contain}.batch-actions-panel{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-top:12px;overflow:hidden}.panel-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:#f9fafb;border:none;cursor:pointer;font-size:13px;font-weight:600;color:#1f2937;transition:background-color .2s}.panel-toggle:hover{background-color:#f3f4f6}.panel-toggle-text{display:flex;align-items:center;gap:6px}.panel-content{padding:12px;border-top:1px solid #e5e7eb}.action-group{margin-bottom:12px;padding-bottom:12px}.action-group:not(:last-child){border-bottom:1px solid #e5e7eb}.action-group:last-child{margin-bottom:0;padding-bottom:0}.action-group-title{font-size:11px;font-weight:600;color:#6b7280;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.action-group-description{font-size:11px;color:#6b7280;margin-bottom:8px;margin-top:-4px}.amazon-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:8px;padding:8px;background-color:#f9fafb;border-radius:4px}.setting-field{display:flex;flex-direction:column}.setting-field label{font-size:11px;font-weight:500;margin-bottom:3px;color:#374151}.setting-input{padding:5px 8px;border:1px solid #d1d5db;border-radius:4px;font-size:12px;background-color:#fff}.setting-input:disabled{background-color:#f3f4f6;color:#9ca3af;cursor:not-allowed;opacity:.7}.setting-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.action-buttons{display:flex;flex-wrap:wrap;gap:6px}.action-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;border:none;border-radius:5px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.action-btn:disabled{background-color:#e5e7eb;color:#9ca3af;cursor:not-allowed}.action-btn svg{flex-shrink:0}.btn-success{background-color:#10b981;color:#fff}.btn-success:not(:disabled):hover{background-color:#059669}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:not(:disabled):hover{background-color:#2563eb}.btn-warning{background-color:#f59e0b;color:#fff}.btn-warning:not(:disabled):hover{background-color:#d97706}.btn-danger-amazon{background-color:#ef4444;color:#fff}.btn-danger-amazon:not(:disabled):hover{background-color:#dc2626}.btn-danger{background-color:#dc3545;color:#fff}.btn-danger:not(:disabled):hover{background-color:#c82333}.btn-ai{background-color:#8b5cf6;color:#fff}.btn-ai:not(:disabled):hover{background-color:#7c3aed}.btn-export{background-color:#06b6d4;color:#fff}.btn-export:not(:disabled):hover{background-color:#0891b2}.btn-secondary{background-color:#6b7280;color:#fff}.btn-secondary:not(:disabled):hover{background-color:#4b5563}.warning-message{font-size:11px;color:#ef4444;margin-top:6px;font-style:italic}.operation-status-container{margin-top:12px;padding:10px 12px;background-color:#fef3c7;border:1px solid #fbbf24;border-radius:6px;text-align:left;min-height:50px;display:flex;flex-direction:column;justify-content:center;transition:all .3s}.operation-status-container.idle{opacity:0;height:0;min-height:0;padding:0;margin:0;overflow:hidden;border:none}.operation-status-container p{margin:0 0 6px;font-size:13px;color:#92400e}.operation-status-container p strong{font-weight:600}.operation-status-container progress{width:100%;height:8px;border-radius:4px}@media(max-width:768px){.action-buttons{flex-direction:column}.action-btn{width:100%;justify-content:center}.amazon-settings{grid-template-columns:1fr}}.pro-toolbar{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:12px;margin-bottom:14px}.pro-toolbar-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pro-toolbar-row.compact{margin-top:8px}.spacer{flex:1}.input-with-icon{position:relative;min-width:260px;flex:1 1 320px}.input-with-icon svg{position:absolute;top:50%;left:10px;transform:translateY(-50%);opacity:.6}.input-with-icon input{width:100%;padding:9px 12px 9px 34px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:box-shadow .2s,border-color .2s}.input-with-icon input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.select-group{display:flex;gap:8px}.select-group select{padding:8px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;min-width:160px}.select-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.btn{height:36px;padding:0 12px;border-radius:8px;border:1px solid #d1d5db;background:#fff;font-size:14px;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s,opacity .2s}.btn:hover{background:#f8fafc}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{border-color:#e5e7eb}.btn-clear{border-color:#f3f4f6}.results-pill{font-size:13px;font-weight:600;color:#1f2937;background:#eef2ff;border:1px solid #e0e7ff;padding:6px 10px;border-radius:999px}.segmented{display:inline-flex;border:1px solid #d1d5db;border-radius:10px;overflow:hidden;background:#f9fafb}.segmented .segment{padding:7px 12px;font-size:13px;border-right:1px solid #e5e7eb;background:transparent;cursor:pointer}.segmented .segment:last-child{border-right:none}.segmented .segment.active{background:#fff;box-shadow:inset 0 0 0 1px #3b82f6}.chip-group{display:flex;gap:8px;flex-wrap:wrap}.chip{position:relative;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #d1d5db;border-radius:999px;font-size:13px;background:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s,border-color .2s}.chip input{position:absolute;opacity:0;pointer-events:none}.chip.selected{background:#ecfdf5;border-color:#10b981}.toolbar-hint{margin-left:auto;font-size:12px;color:#6b7280}.panel-toggle{border-top-left-radius:8px;border-top-right-radius:8px}.panel-toggle .context-note{margin-left:8px;font-weight:500;color:#6b7280}.pro-toolbar .btn,.batch-actions-panel .action-btn{color:#111827!important;font-weight:500!important;line-height:1.2!important;min-height:36px!important}.pro-toolbar .btn-ghost,.pro-toolbar .btn-clear{background:#fff!important;border-color:#e5e7eb!important}.pro-toolbar .segmented{display:inline-flex!important;align-items:stretch!important;overflow:hidden!important}.pro-toolbar .segmented .segment{display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:7px 12px!important;border-right:1px solid #e5e7eb!important;background:transparent!important;color:#111827;white-space:nowrap!important}.pro-toolbar .segmented .segment:last-child{border-right:none!important}.pro-toolbar .segmented .segment.active{background:#fff!important;box-shadow:inset 0 0 0 1px #3b82f6!important}.pro-toolbar .input-with-icon svg{position:absolute;left:12px;top:0;bottom:0;margin:auto 0;width:18px;height:18px;opacity:.6;pointer-events:none}.pro-toolbar .input-with-icon input{height:40px;padding:0 12px 0 38px;line-height:40px}.pro-toolbar .segmented{border-width:2px!important}.pro-toolbar .segmented .segment{border-right-width:2px!important;font-weight:500}.pro-toolbar .segmented .segment.active{box-shadow:inset 0 0 0 2px #3b82f6!important;background:#fff!important}.pro-toolbar .segmented .segment:focus-visible{outline:3px solid rgba(59,130,246,.3);outline-offset:2px}.batch-actions-panel .panel-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;padding:8px}.batch-actions-panel .action-group{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.batch-actions-panel .action-group-title{font-size:12px;letter-spacing:.06em;font-weight:700;color:#6b7280;margin:0 0 10px;text-transform:uppercase}.batch-actions-panel .action-group .action-buttons{display:flex;flex-wrap:wrap;gap:10px}.margin-controls-section{display:grid;grid-template-rows:auto auto;gap:12px}.margin-config-inline{display:grid;grid-template-columns:repeat(3,minmax(140px,1fr));gap:12px;align-items:end}.margin-field-group label{display:block;font-size:12px;color:#6b7280;margin-bottom:6px}.setting-input{border:1px solid #d1d5db;border-radius:8px;padding:8px 10px;background:#fff;width:100%}.price-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:8px 12px;font-weight:600;font-size:13px}.batch-actions-panel .action-group p.action-group-description{margin:4px 0 10px;color:#6b7280;font-size:13px}.action-btn.btn-margin{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px}.action-btn.btn-margin:hover:not(:disabled){background:#dbeafe}.margin-config-inline{grid-template-columns:repeat(2,minmax(140px,1fr))}.pro-toolbar .segmented .segment.active,.pro-toolbar .segmented .segment[aria-selected=true]{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important;box-shadow:none!important}.pro-toolbar .segmented .segment.active:hover{background:#2563eb!important}.pro-toolbar .segmented .segment.active:focus-visible{outline:3px solid rgba(59,130,246,.35);outline-offset:2px}.pro-toolbar .segmented .segment.active+.segment{border-left-color:#fff6!important}.pro-toolbar .chip.selected{background:#10b981!important;border-color:#10b981!important;color:#fff!important}.pro-toolbar .segmented .segment.active,.pro-toolbar .segmented .segment[aria-selected=true],.pro-toolbar .segmented .segment.active:hover,.pro-toolbar .segmented .segment.active:focus{color:#fff!important;background:#3b82f6!important;border-color:#3b82f6!important}.pro-toolbar .segmented .segment.active *,.pro-toolbar .segmented .segment[aria-selected=true] *{color:#fff!important;-webkit-text-fill-color:#ffffff!important;fill:currentColor!important;stroke:currentColor!important}.action-btn:active,.action-btn.active{color:#fff!important}.btn-success:active,.btn-success.active{background-color:#059669!important}.btn-primary:active,.btn-primary.active{background-color:#2563eb!important}.btn-warning:active,.btn-warning.active{background-color:#d97706!important}.btn-danger-amazon:active,.btn-danger-amazon.active{background-color:#dc2626!important}.btn-danger:active,.btn-danger.active{background-color:#c82333!important}.btn-ai:active,.btn-ai.active{background-color:#7c3aed!important}.btn-export:active,.btn-export.active{background-color:#0891b2!important}.btn-secondary:active,.btn-secondary.active{background-color:#4b5563!important}.batch-actions-panel .action-btn.btn-success:not(:disabled),.batch-actions-panel .action-btn.btn-primary:not(:disabled),.batch-actions-panel .action-btn.btn-warning:not(:disabled),.batch-actions-panel .action-btn.btn-danger-amazon:not(:disabled),.batch-actions-panel .action-btn.btn-danger:not(:disabled),.batch-actions-panel .action-btn.btn-ai:not(:disabled),.batch-actions-panel .action-btn.btn-export:not(:disabled),.batch-actions-panel .action-btn.btn-secondary:not(:disabled){color:#fff!important}.select-group select:disabled{opacity:.5;cursor:not-allowed;background-color:#f5f5f5}.select-group select:disabled:hover{cursor:not-allowed}.product-header-left{display:flex;align-items:center;gap:12px}.product-header-right{display:flex;align-items:center}.top-save-button{padding:8px 14px;background-color:#3b82f6;color:#fff;border:none;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.top-save-button:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 8px 15px #2563eb40}.top-save-button:disabled{background-color:#cbd5f5;cursor:not-allowed;box-shadow:none}@media(max-width:640px){.product-details-header{flex-direction:column;align-items:stretch}.product-header-left{justify-content:space-between}.product-header-right{justify-content:flex-end}}.product-table input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.product-table th input[type=checkbox],.product-table td input[type=checkbox]{vertical-align:middle}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background-color:#fff;padding:30px;border-radius:12px;max-width:500px;width:90%;box-shadow:0 4px 20px #00000026;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2{margin-top:0;margin-bottom:15px;color:#111827;font-size:1.3rem}.modal-content label{display:block;margin-bottom:8px;font-weight:500;color:#374151}.product-details-container{max-width:1100px;margin:30px auto;padding:24px 28px 32px;background-color:#fff;border-radius:12px;border:1px solid #e5e7eb;box-shadow:0 10px 30px #0f172a12;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.product-details-container h2{color:#111827;margin:0;font-size:1.6rem;font-weight:600}.product-details-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.product-title-block{display:flex;flex-direction:column;gap:6px}.product-id-pill{margin-left:8px;padding:2px 8px;border-radius:999px;background-color:#eef2ff;color:#3730a3;font-size:.75rem;font-weight:500}.unsaved-pill{align-self:flex-start;padding:3px 8px;border-radius:999px;background-color:#fff7ed;color:#9a3412;font-size:.75rem;font-weight:500}.back-button,.back-button-secondary{background-color:#6b7280;color:#fff;border:none;border-radius:999px;padding:6px 14px;font-size:.85rem;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.back-button:hover,.back-button-secondary:hover{background-color:#4b5563;transform:translateY(-1px)}.back-button-secondary{background-color:#e5e7eb;color:#374151}.back-button-secondary:hover{background-color:#d1d5db}.status{margin-top:16px;margin-bottom:0;padding:10px 12px;border-radius:8px;font-size:.95rem}.status-error{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.status-success{background-color:#ecfdf3;color:#166534;border:1px solid #bbf7d0}.error-container{border-color:red;background-color:#fff0f0}.product-details-form{display:flex;flex-direction:column;gap:24px}.product-details-layout{display:flex;flex-direction:column;gap:20px}@media(min-width:960px){.product-details-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:24px;align-items:flex-start}}.primary-section,.secondary-section{background-color:#f9fafb;border-radius:10px;padding:18px 18px 20px;border:1px solid #e5e7eb}.section-title{font-size:1.05rem;font-weight:600;margin:0 0 4px;color:#111827}.section-subtitle{font-size:.85rem;color:#6b7280;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#374151;font-size:.9rem}.form-group input[type=text],.form-group input[type=number],.form-group textarea{width:100%;box-sizing:border-box;padding:9px 11px;border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;color:#111827;background-color:#fff}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f640}.form-group input[type=checkbox]{width:auto;margin-right:8px;vertical-align:middle}.form-group textarea{min-height:60px;resize:vertical}.form-group--wide{grid-column:1 / -1}.primary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.primary-description{margin-top:12px}.field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.display-section{margin-top:16px;padding-top:12px;border-top:1px dashed #e5e7eb}.display-section h3{margin:0 0 8px;color:#111827;font-size:.98rem;border-bottom:2px solid #3b82f6;display:inline-block;padding-bottom:3px}.display-entry{background-color:#f3f4f6;padding:8px 12px;border-radius:6px;margin-bottom:6px;font-size:.9rem;border-left:3px solid #3b82f6}.display-entry strong{margin-right:6px;color:#111827}.display-section ul{list-style-type:none;padding-left:0;margin:0}.display-section li{background-color:#f3f4f6;padding:7px 10px;border-radius:4px;margin-bottom:5px;font-size:.88rem}.display-section li a{color:#2563eb;text-decoration:none}.display-section li a:hover{text-decoration:underline}.display-section--images{margin-top:20px}.image-gallery{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.image-item{position:relative;border:1px solid #e5e7eb;padding:5px;border-radius:6px;background-color:#fff}.image-item img{width:100px;height:100px;object-fit:cover;display:block;border-radius:4px}.image-source-label{font-size:.75rem;margin-top:4px;color:#6b7280;text-align:center}.remove-image-btn{position:absolute;top:-5px;right:-5px;background-color:#ef4444e6;color:#fff;border:none;border-radius:50%;width:22px;height:22px;font-size:14px;font-weight:700;line-height:22px;text-align:center;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.image-upload-status{margin-top:6px;font-size:.86rem}.image-upload-status.error{color:#b91c1c}.image-upload-status.success{color:#15803d}.image-urls-list{margin-top:10px}.image-urls-list h4{margin:0 0 6px;font-size:.9rem;font-weight:600;color:#111827}.image-urls-list ul{list-style-type:none;padding-left:0;margin:0}.image-urls-list li{font-size:.85rem;margin-bottom:4px}.image-urls-list a{color:#2563eb;text-decoration:none}.image-urls-list a:hover{text-decoration:underline}.image-url-source{margin-left:8px;font-size:.8rem;color:#6b7280}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-item{background-color:#e5e7eb;padding:3px 8px;border-radius:999px;font-size:.8rem}.suggested-tag{background-color:#d1fae5;color:#065f46}.collapsible-section{border-radius:10px;border:1px solid #e5e7eb;background-color:#fff;margin-bottom:12px;overflow:hidden}.collapsible-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background-color:#f3f4f6;border:none;cursor:pointer}.collapsible-header-text{display:flex;flex-direction:column;align-items:flex-start}.collapsible-title{font-size:.95rem;font-weight:600;color:#111827}.collapsible-subtitle{font-size:.78rem;color:#6b7280}.collapsible-icon{font-size:.95rem;color:#6b7280}.collapsible-body{padding:10px 14px 12px;background-color:#fff}.form-actions{margin-top:10px;padding-top:16px;border-top:1px solid #e5e7eb;display:flex;align-items:center;gap:14px}.form-actions button[type=submit]{padding:9px 18px;background-color:#3b82f6;color:#fff;border:none;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .15s ease,transform .15s ease,box-shadow .15s ease}.form-actions button[type=submit]:hover:not(:disabled){background-color:#2563eb;transform:translateY(-1px);box-shadow:0 8px 15px #2563eb40}.form-actions button[type=submit]:disabled{background-color:#cbd5f5;cursor:not-allowed;box-shadow:none}.unsaved-inline{margin-left:4px;font-style:italic;color:#d97706;font-size:.85rem}.muted-text{font-size:.85rem;color:#6b7280}.login-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:#0a0f1a;background-image:radial-gradient(ellipse at 30% 20%,rgba(59,130,246,.08) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(139,92,246,.08) 0%,transparent 50%)}.login-form{background:#111827cc;border:1px solid rgba(255,255,255,.1);padding:40px;border-radius:16px;width:100%;max-width:420px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 25px 50px -12px #00000080}.back-to-home{display:inline-block;color:#9ca3af;text-decoration:none;font-size:.9rem;margin-bottom:24px;transition:color .2s ease}.back-to-home:hover{color:#f3f4f6}.login-logo{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:24px}.login-logo .logo-icon{font-size:2rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-logo .logo-text{font-size:1.4rem;font-weight:700;color:#f3f4f6}.login-logo .logo-text sup{font-size:.6em;color:#3b82f6}.login-form h2{text-align:center;color:#f3f4f6;margin-bottom:8px;font-size:1.75rem;font-weight:700}.login-subtitle,.signup-subtitle{text-align:center;color:#9ca3af;font-size:.95rem;margin-bottom:32px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#e5e7eb;font-size:.9rem}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;box-sizing:border-box;padding:14px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:1rem;color:#f3f4f6;transition:border-color .2s ease,background .2s ease}.form-group input[type=email]::placeholder,.form-group input[type=password]::placeholder,.form-group input[type=text]::placeholder{color:#6b7280}.form-group input[type=email]:focus,.form-group input[type=password]:focus,.form-group input[type=text]:focus{border-color:#3b82f6;background:#0006;outline:none;box-shadow:0 0 0 3px #3b82f626}.login-button{width:100%;padding:14px 20px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;transition:background-color .2s ease,transform .1s ease;margin-top:8px}.login-button:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{background:#1e40af;cursor:not-allowed;opacity:.7}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid rgba(239,68,68,.3);padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center;font-size:.9rem}.login-divider{display:flex;align-items:center;margin:24px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.login-divider span{padding:0 16px;color:#6b7280;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}.google-login-button{width:100%;padding:14px 20px;background:transparent;color:#f3f4f6;border:1px solid rgba(255,255,255,.2);border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;display:flex;align-items:center;justify-content:center;gap:12px;transition:background .2s ease,border-color .2s ease}.google-login-button:hover:not(:disabled){background:#ffffff0d;border-color:#ffffff4d}.google-login-button:disabled{opacity:.6;cursor:not-allowed}.form-footer{text-align:center;margin-top:24px;font-size:.95rem;color:#9ca3af}.form-footer a{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s ease}.form-footer a:hover{color:#60a5fa;text-decoration:underline}.terms-note{text-align:center;margin-top:20px;font-size:.8rem;color:#6b7280;line-height:1.6}.terms-note a{color:#9ca3af;text-decoration:none}.terms-note a:hover{color:#f3f4f6;text-decoration:underline}@media(max-width:480px){.login-form{padding:32px 24px;margin:0 16px}.login-form h2{font-size:1.5rem}.form-group input{padding:12px 14px}.login-button{padding:12px 16px}}:root{--landing-bg: #0a0f1a;--landing-bg-secondary: #111827;--landing-text: #f3f4f6;--landing-text-secondary: #9ca3af;--landing-text-muted: #6b7280;--landing-accent: #3b82f6;--landing-accent-hover: #2563eb;--landing-accent-secondary: #8b5cf6;--landing-border: rgba(255, 255, 255, .1);--landing-card-bg: rgba(255, 255, 255, .03);--landing-card-hover: rgba(255, 255, 255, .06);--landing-gradient: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);--landing-shadow: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--landing-radius: 12px;--landing-radius-sm: 8px;--landing-transition: all .3s ease}.landing-page{background:var(--landing-bg);color:var(--landing-text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.landing-page *{box-sizing:border-box}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0f1ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--landing-border)}.landing-nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.landing-logo{display:flex;align-items:center;gap:10px;font-size:1.4rem;font-weight:700;color:var(--landing-text);text-decoration:none}.logo-icon{font-size:1.8rem;background:var(--landing-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-text sup{font-size:.6em;color:var(--landing-accent)}.landing-nav-links{display:flex;align-items:center;gap:32px}.landing-nav-links a{color:var(--landing-text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:var(--landing-transition)}.landing-nav-links a:hover{color:var(--landing-text)}.nav-login-btn{padding:8px 16px;border:1px solid var(--landing-border);border-radius:var(--landing-radius-sm)}.nav-login-btn:hover{background:var(--landing-card-hover);border-color:var(--landing-accent)}.nav-signup-btn{padding:8px 20px;background:var(--landing-accent);color:#fff!important;border-radius:var(--landing-radius-sm);font-weight:600}.nav-signup-btn:hover{background:var(--landing-accent-hover)}.landing-hero{padding:140px 24px 80px;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:90vh}.hero-badge{display:inline-block;padding:8px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:20px;font-size:.85rem;font-weight:600;color:var(--landing-accent);margin-bottom:24px}.hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.gradient-text{background:var(--landing-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--landing-text-secondary);margin-bottom:32px;max-width:540px}.hero-subtitle strong{color:var(--landing-text)}.hero-cta{display:flex;gap:16px;margin-bottom:48px}.cta-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--landing-accent);color:#fff;text-decoration:none;border-radius:var(--landing-radius-sm);font-weight:600;font-size:1rem;transition:var(--landing-transition)}.cta-primary:hover{background:var(--landing-accent-hover);transform:translateY(-2px)}.cta-primary.large{padding:18px 36px;font-size:1.1rem}.cta-arrow{transition:transform .2s ease}.cta-primary:hover .cta-arrow{transform:translate(4px)}.cta-secondary{display:inline-flex;align-items:center;padding:14px 28px;background:transparent;color:var(--landing-text);text-decoration:none;border:1px solid var(--landing-border);border-radius:var(--landing-radius-sm);font-weight:600;font-size:1rem;transition:var(--landing-transition)}.cta-secondary:hover{background:var(--landing-card-hover);border-color:var(--landing-accent)}.hero-stats{display:flex;gap:40px}.stat-item{text-align:left}.stat-value{font-size:2rem;font-weight:800;background:var(--landing-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.9rem;color:var(--landing-text-muted);margin-top:4px}.hero-visual{display:flex;justify-content:center;align-items:center}.bifrost-diagram{display:flex;align-items:center;gap:20px;padding:40px;background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:var(--landing-radius)}.bifrost-input,.bifrost-output{display:flex;flex-direction:column;gap:12px}.source-item,.channel-item{padding:12px 20px;background:var(--landing-bg-secondary);border:1px solid var(--landing-border);border-radius:var(--landing-radius-sm);font-size:.9rem;font-weight:500;text-align:center;min-width:100px}.channel-item.shopify{border-color:#96bf48;color:#96bf48}.channel-item.amazon{border-color:#f90;color:#f90}.channel-item.walmart{border-color:#0071ce;color:#0071ce}.channel-item.more{border-color:var(--landing-accent-secondary);color:var(--landing-accent-secondary)}.bifrost-center{padding:0 20px}.bifrost-shape{width:120px;height:120px;background:var(--landing-gradient);clip-path:polygon(50% 0%,100% 100%,0% 100%);display:flex;align-items:center;justify-content:center;position:relative}.bifrost-shape span{position:absolute;bottom:20px;font-weight:800;font-size:.9rem;letter-spacing:.1em}.section-header{text-align:center;margin-bottom:60px}.section-badge{display:inline-block;padding:6px 14px;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:.8rem;font-weight:700;color:var(--landing-accent-secondary);letter-spacing:.1em;margin-bottom:16px}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.section-header p{font-size:1.15rem;color:var(--landing-text-secondary);max-width:600px;margin:0 auto}.landing-features{padding:100px 0;background:var(--landing-bg-secondary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-card{padding:32px;background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:var(--landing-radius);transition:var(--landing-transition)}.feature-card:hover{background:var(--landing-card-hover);border-color:#3b82f64d;transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:20px}.feature-card h3{font-size:1.25rem;font-weight:700;margin-bottom:12px}.feature-card p{font-size:.95rem;color:var(--landing-text-secondary);line-height:1.7}.landing-how-it-works{padding:100px 0}.pipeline-steps{display:flex;align-items:flex-start;justify-content:center;gap:16px}.pipeline-step{flex:1;max-width:240px;padding:32px 24px;background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:var(--landing-radius);text-align:center}.step-number{font-size:2rem;font-weight:800;background:var(--landing-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.pipeline-step h3{font-size:1.2rem;font-weight:700;margin-bottom:12px}.pipeline-step p{font-size:.9rem;color:var(--landing-text-secondary);line-height:1.6}.pipeline-connector{font-size:1.5rem;color:var(--landing-accent);margin-top:60px}.landing-pricing{padding:100px 0;background:var(--landing-bg-secondary)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:900px;margin:0 auto}.pricing-card{padding:42px 34px;background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid rgba(255,255,255,.1);border-radius:18px;text-align:center;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;box-shadow:0 10px 30px #00000040}.pricing-card:hover{transform:translateY(-6px);border-color:#3b82f659;box-shadow:0 18px 50px #00000059}.pricing-card.highlighted{border-color:#3b82f6a6;background:linear-gradient(180deg,#3b82f61a,#ffffff05)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:var(--landing-accent);color:#fff;font-size:.75rem;font-weight:700;border-radius:20px;text-transform:uppercase;letter-spacing:.05em}.pricing-card h3{font-size:1.5rem;font-weight:700;margin-bottom:8px}.plan-description{color:var(--landing-text-secondary);font-size:.95rem;margin-bottom:24px}.plan-price{margin-bottom:24px}.price-note{color:var(--landing-text-muted);font-size:.9rem;font-style:italic}.plan-cta{display:block;padding:12px 24px;border-radius:var(--landing-radius-sm);text-decoration:none;font-weight:600;transition:var(--landing-transition)}.plan-cta.primary{background:var(--landing-accent);color:#fff}.plan-cta.primary:hover{background:var(--landing-accent-hover)}.plan-cta.secondary{background:transparent;color:var(--landing-text);border:1px solid var(--landing-border)}.plan-cta.secondary:hover{border-color:var(--landing-accent);background:var(--landing-card-hover)}.pricing-note{text-align:center;color:var(--landing-text-muted);font-size:.9rem;margin-top:32px}.landing-about{padding:100px 0}.about-content{max-width:700px;margin:0 auto;text-align:center}.about-content h2{font-size:2rem;font-weight:800;margin:16px 0 24px;line-height:1.3}.about-content>p{color:var(--landing-text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:40px}.about-company{display:inline-flex;align-items:center;gap:16px;padding:20px 32px;background:var(--landing-card-bg);border:1px solid var(--landing-border);border-radius:var(--landing-radius)}.company-logo{font-size:2rem;background:var(--landing-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.company-info{text-align:left}.company-info strong{display:block;font-size:1.1rem}.company-info span{font-size:.85rem;color:var(--landing-text-muted)}.landing-final-cta{padding:100px 0;background:linear-gradient(180deg,var(--landing-bg-secondary) 0%,var(--landing-bg) 100%);text-align:center}.landing-final-cta h2{font-size:2.5rem;font-weight:800;margin-bottom:16px}.landing-final-cta p{color:var(--landing-text-secondary);font-size:1.15rem;margin-bottom:32px}.final-cta-buttons{display:flex;justify-content:center;gap:16px}.landing-footer{background:var(--landing-bg);border-top:1px solid var(--landing-border);padding:60px 24px 24px}.footer-container{max-width:1200px;margin:0 auto 40px;display:flex;justify-content:space-between;gap:60px}.footer-brand p{color:var(--landing-text-muted);font-size:.9rem;margin-top:12px;max-width:280px}.footer-links{display:flex;gap:80px}.footer-column h4{font-size:.9rem;font-weight:700;margin-bottom:16px;color:var(--landing-text)}.footer-column a{display:block;color:var(--landing-text-muted);text-decoration:none;font-size:.9rem;margin-bottom:10px;transition:var(--landing-transition)}.footer-column a:hover{color:var(--landing-text)}.footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid var(--landing-border);text-align:center}.footer-bottom p{color:var(--landing-text-muted);font-size:.85rem}@media(max-width:1024px){.landing-hero{grid-template-columns:1fr;text-align:center;padding-top:120px}.hero-content h1{font-size:2.8rem}.hero-subtitle{margin:0 auto 32px}.hero-cta,.hero-stats{justify-content:center}.hero-visual{order:-1;margin-bottom:40px}.features-grid{grid-template-columns:repeat(2,1fr)}.pipeline-steps{flex-wrap:wrap}.pipeline-connector{display:none}.pipeline-step{flex:1 1 45%}}@media(max-width:768px){.landing-nav-links{display:none}.hero-content h1{font-size:2.2rem}.hero-stats{flex-wrap:wrap;gap:24px}.stat-item{flex:1 1 40%}.features-grid,.pricing-grid{grid-template-columns:1fr}.pricing-card.highlighted{transform:none}.bifrost-diagram{flex-direction:column;padding:24px}.bifrost-input,.bifrost-output{flex-direction:row;flex-wrap:wrap;justify-content:center}.footer-container{flex-direction:column;gap:40px}.footer-links{flex-wrap:wrap;gap:40px}.section-header h2{font-size:2rem}}@media(max-width:480px){.hero-content h1{font-size:1.8rem}.hero-cta{flex-direction:column}.cta-primary,.cta-secondary{width:100%;justify-content:center}.pipeline-step{flex:1 1 100%}}.pricing-card.enterprise{border:1px dashed rgba(139,92,246,.5);background:linear-gradient(135deg,rgba(139,92,246,.07) 0%,rgba(255,255,255,.02) 60%,transparent 100%)}.pricing-card .amount{font-size:2.4rem;font-weight:850;letter-spacing:-.02em}.pricing-card .period{color:var(--landing-text-muted);margin-left:6px}.plan-metrics{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:18px 0}.metric-chip{font-size:.85rem;font-weight:650;color:var(--landing-text);padding:8px 12px;border-radius:999px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.metric-chip-accent{border-color:#3b82f659;background:#3b82f61a;color:#cfe3ff}.plan-includes{color:var(--landing-text-secondary);font-size:.95rem;margin:10px 0 22px}.subscription-plans-container{min-height:100vh;background:#0a0f1a;padding:60px 24px;display:flex;flex-direction:column;align-items:center;color:var(--landing-text)}.plans-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#f3f4f6}.loading-spinner{font-size:3rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s infinite}.plans-loading p{margin-top:16px;color:#9ca3af}.plans-error,.plans-empty{text-align:center;padding:60px 24px;max-width:400px}.plans-error h2,.plans-empty h2{color:#f3f4f6;margin-bottom:16px}.plans-error p,.plans-empty p{color:#9ca3af;margin-bottom:24px}.plans-error button{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.plans-error button:hover{background:#2563eb}.plans-error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:12px 20px;border-radius:8px;margin-bottom:24px;max-width:600px;text-align:center}.plans-header{text-align:center;margin-bottom:48px}.plans-header h1{font-size:2.5rem;font-weight:800;color:#f3f4f6;margin-bottom:12px}.plans-header p{font-size:1.1rem;color:#9ca3af}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1000px;width:100%}.plan-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:32px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.plan-card:hover{border-color:#3b82f64d;transform:translateY(-4px)}.plan-card.popular{border-color:#3b82f6;background:#3b82f60d;transform:scale(1.02)}.plan-card.popular:hover{transform:scale(1.02) translateY(-4px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:6px 16px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.plan-header{margin-bottom:24px}.plan-name{font-size:1.5rem;font-weight:700;color:#f3f4f6;margin-bottom:8px}.plan-description{font-size:.95rem;color:#9ca3af;line-height:1.5}.plan-price{margin-bottom:16px}.price-amount{font-size:2rem;font-weight:800;color:#f3f4f6}.plan-trial{display:inline-block;padding:6px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px;color:#4ade80;font-size:.85rem;font-weight:600;margin-bottom:24px}.plan-features{list-style:none;padding:0;margin:0 0 24px;flex-grow:1}.plan-features li{display:flex;align-items:flex-start;gap:12px;padding:8px 0;color:#d1d5db;font-size:.95rem}.feature-check{color:#4ade80;font-weight:700;flex-shrink:0}.plan-cta{width:100%;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;border:none}.plan-cta.primary{background:#3b82f6;color:#fff}.plan-cta.primary:hover:not(:disabled){background:#2563eb;transform:translateY(-2px)}.plan-cta.secondary{background:transparent;color:#f3f4f6;border:1px solid rgba(255,255,255,.2)}.plan-cta.secondary:hover:not(:disabled){background:#ffffff0d;border-color:#3b82f6}.plan-cta:disabled{opacity:.7;cursor:not-allowed}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.plan-terms{text-align:center;font-size:.8rem;color:#6b7280;margin-top:12px}.plans-footer{margin-top:48px;text-align:center;max-width:500px}.plans-footer p{color:#6b7280;font-size:.9rem}.plans-footer a{color:#3b82f6;text-decoration:none}.plans-footer a:hover{text-decoration:underline}@media(max-width:768px){.subscription-plans-container{padding:40px 16px}.plans-header h1{font-size:2rem}.plans-grid{grid-template-columns:1fr}.plan-card.popular{transform:none}.plan-card.popular:hover{transform:translateY(-4px)}}@media(max-width:480px){.plans-header h1,.price-amount{font-size:1.75rem}.plan-card{padding:24px}}.subscription-gate-loading{min-height:100vh;background:#0a0f1a;display:flex;align-items:center;justify-content:center}.loading-content{text-align:center;color:#f3f4f6}.loading-content .loading-spinner{font-size:3rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pulse 2s infinite}.loading-content p{margin-top:16px;color:#9ca3af}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.subscription-gate-error{min-height:100vh;background:#0a0f1a;display:flex;align-items:center;justify-content:center;padding:24px}.error-content{text-align:center;max-width:400px}.error-content h2{color:#f3f4f6;font-size:1.5rem;margin-bottom:12px}.error-content p{color:#9ca3af;margin-bottom:24px}.error-content button{padding:12px 24px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background .2s}.error-content button:hover{background:#2563eb}.subscription-gate-blocked{min-height:100vh;background:#0a0f1a}.subscription-banner{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 24px;font-size:.9rem;font-weight:500}.subscription-banner span{display:flex;align-items:center;gap:8px}.subscription-banner a{color:inherit;text-decoration:underline;font-weight:600}.subscription-banner a:hover{opacity:.8}.subscription-banner.trial-ending{background:#eab3081a;border-bottom:1px solid rgba(234,179,8,.3);color:#fbbf24}.subscription-banner.past-due{background:#ef44441a;border-bottom:1px solid rgba(239,68,68,.3);color:#f87171}.subscription-banner.canceling{background:#3b82f61a;border-bottom:1px solid rgba(59,130,246,.3);color:#60a5fa}.subscription-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.subscription-badge.active{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#4ade80}.subscription-badge.trial{background:#eab3081a;border:1px solid rgba(234,179,8,.3);color:#fbbf24}@media(max-width:640px){.subscription-banner{flex-direction:column;gap:8px;text-align:center}}.subscription-success-container{min-height:100vh;background:#0a0f1a;display:flex;align-items:center;justify-content:center;padding:24px}.success-content{text-align:center;max-width:500px}.success-icon{width:80px;height:80px;margin:0 auto 32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#22c55e1a;border:2px solid rgba(34,197,94,.5)}.success-icon span{font-size:2.5rem;color:#4ade80}.success-icon.verifying{background:#3b82f61a;border-color:#3b82f680}.success-icon .spinner{width:40px;height:40px;border:3px solid rgba(59,130,246,.3);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.success-content h1{font-size:2rem;font-weight:800;color:#f3f4f6;margin-bottom:12px}.success-content>p{font-size:1.1rem;color:#9ca3af;margin-bottom:32px}.success-details{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;margin-bottom:32px}.detail-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.detail-item:last-child{border-bottom:none}.detail-icon{font-size:1.25rem}.detail-item span:last-child{color:#d1d5db;font-size:.95rem}.redirect-notice{color:#6b7280;font-size:.9rem;margin-bottom:20px}.go-to-dashboard{padding:14px 32px;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.go-to-dashboard:hover{background:#2563eb;transform:translateY(-2px)}.session-id{margin-top:32px;font-size:.75rem;color:#4b5563;font-family:monospace}@media(max-width:480px){.success-content h1{font-size:1.5rem}.success-icon{width:64px;height:64px}.success-icon span{font-size:2rem}}.subscription-cancel-container{min-height:100vh;background:#0a0f1a;display:flex;align-items:center;justify-content:center;padding:24px}.cancel-content{text-align:center;max-width:450px}.cancel-icon{width:80px;height:80px;margin:0 auto 32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#6b72801a;border:2px solid rgba(107,114,128,.3)}.cancel-icon span{font-size:2rem;color:#9ca3af}.cancel-content h1{font-size:2rem;font-weight:800;color:#f3f4f6;margin-bottom:12px}.cancel-content>p{font-size:1.05rem;color:#9ca3af;margin-bottom:32px;line-height:1.6}.cancel-options{display:flex;flex-direction:column;gap:12px;margin-bottom:40px}.option-button{display:block;padding:14px 24px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .2s}.option-button.primary{background:#3b82f6;color:#fff}.option-button.primary:hover{background:#2563eb;transform:translateY(-2px)}.option-button.secondary{background:transparent;color:#d1d5db;border:1px solid rgba(255,255,255,.2)}.option-button.secondary:hover{background:#ffffff0d;border-color:#ffffff4d}.cancel-help{padding:24px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:12px}.cancel-help h3{color:#f3f4f6;font-size:1rem;margin-bottom:8px}.cancel-help p{color:#9ca3af;font-size:.9rem;margin-bottom:16px;line-height:1.6}.cancel-help a{color:#3b82f6;text-decoration:none;font-weight:600}.cancel-help a:hover{text-decoration:underline}@media(max-width:480px){.cancel-content h1{font-size:1.5rem}.cancel-icon{width:64px;height:64px}.cancel-icon span{font-size:1.5rem}}.tenant-status{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;background:#0003;border-radius:8px;font-size:.85rem}.tenant-status.loading{min-width:150px}.loading-pulse{width:100%;height:24px;background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%;animation:pulse 1.5s infinite;border-radius:4px}@keyframes pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.badge{padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-enterprise,.badge-purple{background:#a855f733;color:#c084fc}.status-text{font-weight:500;font-size:.8rem}.status-active{color:#4ade80}.status-trialing{color:#60a5fa}.status-past-due{color:#fb923c}.status-canceled{color:#f87171}.status-default{color:#9ca3af}.sku-usage{display:flex;align-items:center;gap:.5rem}.usage-bar{width:80px;height:6px;background:#ffffff1a;border-radius:3px;overflow:hidden}.usage-bar.large{width:100%;height:10px;border-radius:5px}.usage-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:3px;transition:width .5s ease-out}.usage-text{font-size:.75rem;color:#9ca3af;min-width:32px}.sync-warning{color:#fb923c;font-size:.8rem;font-weight:500;padding:.2rem .5rem;background:#fb923c26;border-radius:4px}.subscription-card{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden}.subscription-card.loading{padding:1rem}.subscription-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.subscription-card .plan-info{display:flex;align-items:center;gap:.75rem}.subscription-card .client-name{color:#9ca3af;font-size:.85rem}.subscription-card .status-indicator{font-size:.75rem;font-weight:500;padding:.25rem .6rem;border-radius:4px;text-transform:capitalize}.status-indicator.status-active{background:#22c55e26;color:#4ade80}.status-indicator.status-trialing{background:#3b82f626;color:#60a5fa}.status-indicator.status-past-due{background:#f9731626;color:#fb923c}.status-indicator.status-canceled{background:#ef444426;color:#f87171}.subscription-card .card-body{padding:1.25rem}.usage-section{margin-bottom:1rem}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.875rem}.usage-header span:first-child{color:#9ca3af}.usage-numbers{color:#f3f4f6;font-weight:500}.usage-warning-text{color:#fb923c;font-size:.8rem;margin-top:.5rem;margin-bottom:0}.sync-status{padding-top:1rem;border-top:1px solid rgba(255,255,255,.05)}.sync-enabled{color:#4ade80;font-size:.875rem}.sync-disabled{color:#fb923c;font-size:.875rem}.super-admin-card .card-body p{color:#9ca3af;margin:0 0 1rem}.access-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.access-list li{color:#c084fc;font-size:.85rem}.no-subscription .card-body{text-align:center}.no-subscription .card-body p{color:#9ca3af;margin:0 0 1rem}.no-subscription .btn{padding:.75rem 1.5rem;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;text-decoration:none;font-weight:500;display:inline-block;transition:all .2s}.no-subscription .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}@media(max-width:768px){.tenant-status{flex-wrap:wrap;justify-content:center}.sku-usage{width:100%;justify-content:center}.usage-bar{flex:1;max-width:120px}}.access-denied-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.access-denied-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0f1a,#1a1f2e);padding:20px}.access-denied-content{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);padding:2.5rem;border-radius:12px;text-align:center;max-width:450px;width:100%;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.access-denied-icon{font-size:4rem;display:block;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.access-denied-content h3{color:#f3f4f6;font-size:1.5rem;font-weight:600;margin:0 0 1rem}.access-denied-message{color:#9ca3af;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.help-text{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0 0 1.5rem;padding:1rem;background:#0003;border-radius:8px}.help-text a{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.help-text a:hover{color:#60a5fa;text-decoration:underline}.access-denied-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.access-denied-actions .btn{padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;border:none}.access-denied-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.access-denied-actions .btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.access-denied-actions .btn-secondary{background:#ffffff1a;color:#d1d5db;border:1px solid rgba(255,255,255,.2)}.access-denied-actions .btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media(max-width:480px){.access-denied-content{padding:1.5rem}.access-denied-icon{font-size:3rem}.access-denied-content h3{font-size:1.25rem}.access-denied-actions{flex-direction:column}.access-denied-actions .btn{width:100%;justify-content:center}}.setup-required-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0f1a,#1a1f2e);padding:20px}.setup-required-content{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:16px;text-align:center;max-width:520px;width:100%;box-shadow:0 20px 60px #00000080}.setup-icon{width:80px;height:80px;background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem}.setup-required-content h1{color:#f3f4f6;font-size:1.75rem;font-weight:600;margin:0 0 1rem}.setup-message{color:#9ca3af;font-size:1rem;line-height:1.6;margin:0 0 2rem}.user-info-box{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:#0000004d;border-radius:12px;margin-bottom:2rem}.user-avatar{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:1.25rem;overflow:hidden}.user-avatar img{width:100%;height:100%;object-fit:cover}.user-details{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.user-email{color:#f3f4f6;font-size:.95rem;font-weight:500}.user-status{color:#fbbf24;font-size:.8rem;font-weight:500;padding:.2rem .6rem;background:#fbbf2426;border-radius:4px}.setup-instructions{text-align:left;padding:1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;margin-bottom:1.5rem}.setup-instructions h3{color:#60a5fa;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.setup-instructions ul{list-style:none;padding:0;margin:0}.setup-instructions li{color:#9ca3af;font-size:.9rem;line-height:1.5;padding:.5rem 0 .5rem 1.5rem;position:relative}.setup-instructions li:before{content:"→";position:absolute;left:0;color:#60a5fa}.setup-instructions li strong{color:#d1d5db}.setup-instructions a{color:#3b82f6;text-decoration:none}.setup-instructions a:hover{text-decoration:underline}.support-info{margin-bottom:2rem}.support-info p{color:#6b7280;font-size:.875rem;margin:0}.support-info a{color:#3b82f6;text-decoration:none}.support-info a:hover{text-decoration:underline}.setup-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.setup-actions .btn{padding:.85rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.setup-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.setup-actions .btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.setup-actions .btn-secondary{background:#ffffff1a;color:#d1d5db}.setup-actions .btn-secondary:hover{background:#ffffff26}@media(max-width:480px){.setup-required-content{padding:2rem 1.5rem}.setup-required-content h1{font-size:1.5rem}.setup-actions{flex-direction:column}.setup-actions .btn{width:100%}}.unauthorized-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#0a0f1a,#1a1f2e);padding:20px}.unauthorized-content{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);padding:3rem;border-radius:16px;text-align:center;max-width:520px;width:100%;box-shadow:0 20px 60px #00000080}.unauthorized-icon{width:80px;height:80px;background:linear-gradient(135deg,#ef444433,#dc262633);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem}.unauthorized-content h1{color:#f3f4f6;font-size:1.75rem;font-weight:600;margin:0 0 1rem}.unauthorized-message{color:#9ca3af;font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.user-context{padding:1rem 1.5rem;background:#0003;border-radius:10px;margin-bottom:1.5rem;text-align:left}.user-context p{color:#9ca3af;font-size:.9rem;margin:.5rem 0}.user-context strong{color:#d1d5db}.role-badge{padding:.2rem .5rem;background:#3b82f633;color:#60a5fa;border-radius:4px;font-size:.8rem;font-weight:500}.help-box{text-align:left;padding:1.25rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:10px;margin-bottom:2rem}.help-box h3{color:#60a5fa;font-size:.95rem;font-weight:600;margin:0 0 .75rem}.help-box ul{list-style:none;padding:0;margin:0}.help-box li{color:#9ca3af;font-size:.875rem;line-height:1.5;padding:.4rem 0 .4rem 1.5rem;position:relative}.help-box li:before{content:"→";position:absolute;left:0;color:#60a5fa}.unauthorized-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.unauthorized-actions .btn{padding:.85rem 1.75rem;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;border:none}.unauthorized-actions .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.unauthorized-actions .btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.unauthorized-actions .btn-secondary{background:#ffffff1a;color:#d1d5db}.unauthorized-actions .btn-secondary:hover{background:#ffffff26}@media(max-width:480px){.unauthorized-content{padding:2rem 1.5rem}.unauthorized-content h1{font-size:1.5rem}.unauthorized-actions{flex-direction:column}.unauthorized-actions .btn{width:100%}}.add-member-modal{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.add-member-modal form{padding:1.5rem}.form-group>label{display:block;font-size:.875rem;color:#d1d5db;font-weight:500;margin-bottom:.4rem}.owner-hint{margin-top:1rem;padding:.5rem .75rem;background:#fbbf241a;border-radius:6px;color:#fbbf24}.quick-guide{margin:0 1.5rem 1.5rem;padding:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px}.quick-guide h4{font-size:.85rem;font-weight:600;color:#60a5fa;margin:0 0 .75rem}.quick-guide ol{margin:0;padding-left:1.25rem;color:#9ca3af;font-size:.8rem;line-height:1.6}.quick-guide a{color:#60a5fa}@media(max-width:540px){.add-member-modal{max-height:100vh;border-radius:0}.modal-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;text-align:center}}.team-management{max-width:900px;margin:0 auto;padding:2rem}.loading-state .spinner{font-size:2.5rem;animation:spin 2s linear infinite;margin-bottom:1rem;color:#a855f7}.access-denied-card{text-align:center;padding:3rem 2rem;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:12px;max-width:500px;margin:4rem auto}.access-denied-card .icon{font-size:3rem;display:block;margin-bottom:1rem}.access-denied-card h2{color:#f3f4f6;margin:0 0 1rem}.access-denied-card p{color:#9ca3af;margin:0 0 .75rem;line-height:1.6}.access-denied-card .hint{font-size:.9rem;color:#6b7280}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.header-content h1{font-size:1.75rem;font-weight:600;color:#f3f4f6;margin:0 0 .5rem}.header-subtitle strong{color:#c084fc}.success-banner{padding:1rem 1.25rem;background:#22c55e26;border:1px solid rgba(34,197,94,.3);border-radius:8px;margin-bottom:1.5rem;color:#4ade80}.info-banner{display:flex;gap:1rem;padding:1.25rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;margin-bottom:1.5rem}.info-icon{font-size:1.25rem}.info-content strong{display:block;color:#60a5fa;margin-bottom:.5rem}.info-content ul{margin:0;padding:0;list-style:none}.info-content li{display:flex;align-items:center;gap:.5rem;color:#9ca3af;font-size:.85rem;margin-bottom:.35rem}.role-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase}.role-owner{background:#f9731633;color:#fb923c}.role-admin{background:#3b82f633;color:#60a5fa}.role-member{background:#22c55e33;color:#4ade80}.team-table-container{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;margin-bottom:2rem}.team-table{width:100%;border-collapse:collapse}.team-table th{text-align:left;padding:1rem 1.25rem;background:#0003;color:#9ca3af;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05)}.team-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.team-table tr:hover td{background:#ffffff05}.team-table tr.current-user td{background:#a855f70d}.team-table tr.current-user:hover td{background:#a855f714}.user-info{display:flex;flex-direction:column;gap:.2rem}.user-email{color:#f3f4f6;font-weight:500;display:flex;align-items:center;gap:.5rem}.you-badge{font-size:.7rem;color:#c084fc;font-weight:400}.user-name{color:#6b7280;font-size:.85rem}.role-select.role-admin{background:#3b82f633;color:#60a5fa}.role-select.role-member{background:#22c55e33;color:#4ade80}.date-text{color:#6b7280;font-size:.85rem}.no-action{color:#4b5563}.btn-remove{padding:.4rem .75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-remove:hover:not(:disabled){background:#ef444440}.btn-remove:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:3rem 2rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px;margin-bottom:2rem}.help-section{padding:1.5rem;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px}.help-section h3{font-size:1rem;color:#f3f4f6;margin:0 0 1rem}.help-section ol{margin:0 0 1rem;padding-left:1.25rem;color:#9ca3af;line-height:1.8}.help-section ol strong{color:#d1d5db}.help-note{margin:0;padding:.75rem 1rem;background:#fbbf241a;border-radius:6px;font-size:.85rem;color:#9ca3af;line-height:1.5}.btn-danger:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.team-management{padding:1rem}.page-header{flex-direction:column;gap:1rem}.btn-primary{width:100%;text-align:center}.team-table-container{overflow-x:auto}.team-table{min-width:500px}.info-banner{flex-direction:column}}.super-admin-layout{min-height:100vh;display:flex;flex-direction:column;background:#0a0f1a;color:#f3f4f6}.admin-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0a0f1a}.loading-spinner{text-align:center}.spinner-icon{font-size:3rem;display:block;margin-bottom:1rem;animation:spin 2s linear infinite}.loading-spinner p{color:#9ca3af}.admin-header{background:linear-gradient(135deg,#1a1f2e,#0f1219);border-bottom:1px solid rgba(168,85,247,.3);position:sticky;top:0;z-index:100}.admin-header-content{display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;max-width:1600px;margin:0 auto}.admin-brand{display:flex;align-items:center;gap:1rem}.admin-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:#f3f4f6;font-weight:600;font-size:1.25rem}.admin-logo .logo-icon{color:#a855f7}.admin-badge{padding:.25rem .6rem;background:linear-gradient(135deg,#a855f74d,#8b5cf64d);border:1px solid rgba(168,85,247,.5);border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase;color:#c084fc;letter-spacing:.05em}.admin-nav{display:flex;gap:.5rem}.admin-nav .nav-link{padding:.6rem 1rem;border-radius:6px;text-decoration:none;color:#9ca3af;font-size:.9rem;font-weight:500;transition:all .2s}.admin-nav .nav-link:hover{background:#ffffff0d;color:#f3f4f6}.admin-nav .nav-link.active{background:#a855f733;color:#c084fc}.admin-user{display:flex;align-items:center;gap:1rem}.user-email{color:#9ca3af;font-size:.85rem}.btn-back-to-app{padding:.5rem 1rem;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa;text-decoration:none;font-size:.85rem;transition:all .2s}.btn-back-to-app:hover{background:#3b82f64d}.btn-logout{padding:.5rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#f87171;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#ef444440}.admin-main{flex:1;padding:2rem;max-width:1600px;margin:0 auto;width:100%}.admin-footer{padding:1rem 2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.admin-footer p{color:#4b5563;font-size:.8rem;margin:0}@media(max-width:1024px){.admin-header-content{padding:0 1rem}.admin-nav .nav-link{padding:.5rem .75rem;font-size:.85rem}.user-email{display:none}}@media(max-width:768px){.admin-header-content{flex-wrap:wrap;height:auto;padding:1rem;gap:1rem}.admin-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.admin-main{padding:1rem}}.admin-dashboard{width:100%}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;font-weight:600;color:#f3f4f6;margin:0 0 .5rem}.dashboard-header p{color:#9ca3af;margin:0}.btn-refresh{padding:.6rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s}.error-banner{padding:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;margin-bottom:1.5rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:linear-gradient(135deg,#a855f71a,#8b5cf60d);border:1px solid rgba(168,85,247,.2);border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#a855f726;border-radius:10px}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.75rem;font-weight:700;color:#f3f4f6}.stat-label{font-size:.85rem;color:#9ca3af}.section h2{font-size:1.15rem;font-weight:600;color:#f3f4f6;margin:0 0 1.25rem}.section-header h2{margin:0}.view-all{color:#c084fc;text-decoration:none;font-size:.9rem;transition:color .2s}.view-all:hover{color:#a855f7}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.action-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;transition:all .2s;cursor:pointer}.action-card:hover{background:#a855f71a;border-color:#a855f74d;transform:translateY(-2px)}.action-button{font-family:inherit;font-size:inherit}.action-button:disabled{opacity:.6;cursor:not-allowed}.action-button:disabled:hover{transform:none;background:#ffffff05}.action-icon{font-size:1.75rem;margin-bottom:.25rem}.action-label{font-weight:600;color:#f3f4f6}.action-desc{font-size:.8rem;color:#6b7280}.clients-list{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden}.client-row{display:flex;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.03);transition:background .2s}.client-row:last-child{border-bottom:none}.client-row:hover{background:#ffffff05}.client-info{flex:1;display:flex;flex-direction:column;gap:.2rem}.client-meta{display:flex;align-items:center;gap:1rem;margin-right:1.5rem}.badge{padding:.25rem .6rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-default{background:#9ca3af33;color:#9ca3af}.vendor-count{color:#6b7280;font-size:.85rem}.btn-view{padding:.4rem .75rem;background:#a855f726;border-radius:6px;color:#c084fc;text-decoration:none;font-size:.85rem;transition:all .2s}.btn-view:hover{background:#a855f740}.empty-state{padding:2rem;text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.empty-state p{color:#6b7280;margin:0}.empty-state a{color:#c084fc}@media(max-width:1200px){.stats-grid,.actions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.stats-grid,.actions-grid{grid-template-columns:1fr}.client-row{flex-wrap:wrap;gap:.75rem}.client-meta{width:100%;margin-right:0}.btn-view{width:100%;text-align:center}}.admin-page{width:100%}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.header-content h1{font-size:1.75rem;font-weight:600;margin:0 0 .5rem;color:#f3f4f6}.header-subtitle{color:#9ca3af;margin:0}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:500;text-decoration:none;cursor:pointer;transition:all .2s}.btn-primary:hover{background:linear-gradient(135deg,#c084fc,#a855f7);transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.btn-secondary{padding:.75rem 1.5rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#d1d5db;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#ffffff26}.btn-danger:hover{background:linear-gradient(135deg,#f87171,#ef4444)}.filters-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem;background:#ffffff05;border-radius:8px}.filter-group{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9ca3af;font-size:.875rem;cursor:pointer;transition:all .2s}.filter-btn:hover{background:#ffffff0d;color:#f3f4f6}.filter-btn.active{background:#a855f733;border-color:#a855f780;color:#c084fc}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffff05;border-radius:12px;border:1px dashed rgba(255,255,255,.1)}.empty-state p{color:#9ca3af;margin:0 0 1.5rem}.client-info{display:flex;flex-direction:column;gap:.25rem}.client-name{color:#f3f4f6;font-weight:500}.client-id{color:#6b7280;font-size:.8rem;font-family:monospace}.badge{display:inline-block;padding:.25rem .6rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-success{background:#22c55e33;color:#4ade80}.badge-info{background:#3b82f633;color:#60a5fa}.badge-warning{background:#fbbf2433;color:#fbbf24}.badge-danger{background:#ef444433;color:#f87171}.badge-neutral{background:#9ca3af33;color:#9ca3af}.badge-launch{background:#3b82f633;color:#60a5fa}.badge-scale{background:#22c55e33;color:#4ade80}.badge-accelerate{background:#f9731633;color:#fb923c}.sku-usage{font-family:monospace;font-size:.875rem}.sku-count{color:#f3f4f6}.sku-separator{color:#4b5563;margin:0 .25rem}.sync-yes{color:#4ade80}.sync-no{color:#f87171}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.9rem}.btn-action:hover{background:#ffffff1a}.btn-action.btn-delete:hover{background:#ef444433;border-color:#ef44444d}.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:20px}.modal-content{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;max-width:400px;width:100%}.modal-content p{color:#9ca3af;margin:0 0 1.5rem;line-height:1.6}.modal-content strong{color:#f3f4f6}@media(max-width:1024px){.table-container{overflow-x:auto}.admin-table{min-width:800px}}@media(max-width:768px){.page-header,.filters-bar{flex-direction:column;gap:1rem}.filter-group{flex-wrap:wrap;justify-content:center}}.message-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem}.message-banner.error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171}.message-banner.success{background:#22c55e26;border:1px solid rgba(34,197,94,.3);color:#4ade80}.message-banner button{background:none;border:none;color:inherit;font-size:1.25rem;cursor:pointer;opacity:.7}.message-banner button:hover{opacity:1}.create-form{max-width:900px}.form-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.form-section h2{font-size:1.1rem;font-weight:600;color:#f3f4f6;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.section-header h2{margin:0;padding:0;border:none}.section-hint{color:#6b7280;font-size:.85rem;margin:0 0 1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.875rem;color:#d1d5db;font-weight:500}.form-group input,.form-group select{padding:.7rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f3f4f6;font-size:.95rem;transition:all .2s}.form-group input:focus,.form-group select:focus{outline:none;border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.form-group input::placeholder{color:#4b5563}.hint{font-size:.75rem;color:#6b7280}.checkbox-group{flex-direction:row;align-items:center;padding-top:1.5rem}.checkbox-group label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer}.vendor-card{background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1.25rem;margin-bottom:1rem}.vendor-card:last-child{margin-bottom:0}.vendor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.vendor-number{font-weight:600;color:#c084fc;font-size:.9rem}.btn-remove{padding:.35rem .75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:5px;color:#f87171;font-size:.8rem;cursor:pointer;transition:all .2s}.btn-remove:hover{background:#ef444440}.btn-add{padding:.5rem 1rem;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:6px;color:#c084fc;font-size:.85rem;cursor:pointer;transition:all .2s}.btn-add:hover{background:#a855f740}.shopify-config{margin-top:1rem;padding-top:1rem;border-top:1px dashed rgba(255,255,255,.1)}.shopify-config h4{font-size:.9rem;color:#60a5fa;margin:0 0 1rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.05)}.btn-cancel{padding:.85rem 1.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;text-decoration:none;font-weight:500;transition:all .2s}.btn-cancel:hover{background:#ffffff1a;color:#f3f4f6}.btn-submit{padding:.85rem 2rem;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-submit:hover:not(:disabled){background:linear-gradient(135deg,#c084fc,#a855f7);transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.btn-submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:768px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%;text-align:center}.checkbox-group{padding-top:0}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.vendor-modal{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.vendor-modal form{padding:1.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.7rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f3f4f6;font-size:.95rem;font-family:inherit;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-group input::placeholder,.form-group textarea::placeholder{color:#4b5563}.form-group select{cursor:pointer}.form-group select option{background:#1a1f2e}.form-group textarea{resize:vertical;min-height:80px}.checkbox-group label{display:flex;align-items:flex-start;gap:.75rem;cursor:pointer}.checkbox-group input[type=checkbox]{width:20px;height:20px;min-width:20px;margin-top:2px;cursor:pointer}.checkbox-label{display:flex;flex-direction:column;gap:.2rem}.checkbox-hint{font-size:.75rem;color:#6b7280;font-weight:400}.shopify-config{background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px;padding:1.25rem;margin-bottom:1.25rem}.shopify-config h4{font-size:.95rem;font-weight:600;color:#60a5fa;margin:0 0 1rem}.shopify-config .form-group:last-child{margin-bottom:0}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:540px){.vendor-modal{max-height:100vh;border-radius:0}.modal-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;text-align:center}}.client-detail-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.back-link{color:#9ca3af;text-decoration:none;font-size:.9rem;display:inline-block;margin-bottom:.5rem;transition:color .2s}.back-link:hover{color:#c084fc}.header-title{display:flex;align-items:center;gap:1rem}.header-title h1{font-size:1.75rem;font-weight:600;color:#f3f4f6;margin:0}.client-id-badge{padding:.3rem .75rem;background:#a855f726;border:1px solid rgba(168,85,247,.3);border-radius:6px;font-family:monospace;font-size:.85rem;color:#c084fc}.header-actions{display:flex;gap:.75rem}.btn-danger-outline{padding:.6rem 1rem;background:transparent;border:1px solid rgba(239,68,68,.5);border-radius:8px;color:#f87171;cursor:pointer;transition:all .2s}.btn-danger-outline:hover{background:#ef444426}.error-state{text-align:center;padding:4rem 2rem}.error-icon{font-size:3rem;display:block;margin-bottom:1rem}.error-state h3{color:#f3f4f6;margin:0 0 .5rem}.error-state p{color:#9ca3af;margin:0 0 1.5rem}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2.5rem}.info-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem}.info-card h3{font-size:.95rem;font-weight:600;color:#9ca3af;margin:0 0 1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.info-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.info-row .label{color:#6b7280;font-size:.875rem}.text-success{color:#4ade80}.text-danger{color:#f87171}.uid-code{font-size:.75rem;padding:.25rem .5rem;background:#0000004d;border-radius:4px;color:#9ca3af;max-width:180px;overflow:hidden;text-overflow:ellipsis}.sku-display{font-size:1.5rem;font-weight:600;text-align:center;margin-bottom:1rem}.sku-current{color:#f3f4f6}.sku-divider{color:#4b5563;margin:0 .5rem}.sku-limit{color:#6b7280}.usage-bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.usage-fill{height:100%;background:linear-gradient(90deg,#4ade80,#22c55e);border-radius:4px;transition:width .5s ease-out}.usage-fill.warning{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.usage-fill.critical{background:linear-gradient(90deg,#f87171,#ef4444)}.usage-percent{font-size:.8rem;color:#6b7280;text-align:center;display:block}.section{margin-bottom:2.5rem}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.section-header h2{font-size:1.15rem;font-weight:600;color:#f3f4f6;margin:0}.vendors-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.vendor-card{background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden;transition:all .2s}.vendor-card:hover{border-color:#a855f74d}.vendor-card.disabled{opacity:.6}.vendor-card.disabled:hover{opacity:.8}.vendor-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.25rem .75rem;background:#0003}.vendor-title h4{font-size:1rem;font-weight:600;color:#f3f4f6;margin:0 0 .25rem}.vendor-id{font-size:.75rem;color:#6b7280;background:#0000004d;padding:.15rem .4rem;border-radius:3px}.status-badge{padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.status-badge.enabled{background:#22c55e33;color:#4ade80}.status-badge.disabled{background:#9ca3af33;color:#9ca3af}.vendor-body{padding:1rem 1.25rem}.vendor-info{display:flex;flex-direction:column;gap:.5rem}.source-type{font-size:.85rem;color:#9ca3af}.shopify-store{font-size:.8rem;color:#60a5fa}.vendor-notes{font-size:.8rem;color:#6b7280;font-style:italic}.vendor-actions{display:flex;gap:.5rem;padding:.75rem 1.25rem;background:#0000001a;border-top:1px solid rgba(255,255,255,.03)}.vendor-actions .btn-action{flex:1;padding:.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.vendor-actions .btn-action:hover:not(:disabled){background:#ffffff1a}.vendor-actions .btn-action:disabled{opacity:.4;cursor:not-allowed}.vendor-actions .btn-action.btn-delete:hover:not(:disabled){background:#ef444433;border-color:#ef44444d}.empty-state{text-align:center;padding:3rem 2rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.empty-icon{font-size:2.5rem;display:block;margin-bottom:1rem}.empty-state p{color:#6b7280;margin:0 0 1.25rem}.placeholder-content{padding:2rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:8px;text-align:center}.placeholder-content p{color:#6b7280;margin:0}@media(max-width:1024px){.info-grid,.vendors-grid{grid-template-columns:1fr}}@media(max-width:768px){.client-detail-page .page-header{flex-direction:column;gap:1rem}.header-actions{width:100%}.header-actions .btn-secondary,.header-actions .btn-danger-outline{flex:1}}.user-modal{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.modal-header h2{font-size:1.25rem;font-weight:600;color:#f3f4f6;margin:0}.btn-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:none;border-radius:6px;color:#9ca3af;font-size:1.25rem;cursor:pointer;transition:all .2s}.btn-close:hover{background:#ffffff1a;color:#f3f4f6}.modal-info{padding:0 1.5rem;margin-top:1rem}.modal-info p{color:#9ca3af;margin:0;font-size:.95rem}.modal-info strong{color:#c084fc}.modal-error{margin:1rem 1.5rem 0;padding:.875rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:.9rem}.user-modal form{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;color:#d1d5db;font-weight:500;margin-bottom:.4rem}.required{color:#f87171}.form-group input[type=text]{width:100%;padding:.7rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f3f4f6;font-size:.95rem;font-family:monospace;transition:all .2s}.form-group input[type=text]:focus{outline:none;border-color:#a855f780;box-shadow:0 0 0 3px #a855f71a}.form-group input::placeholder{color:#4b5563;font-family:inherit}.hint{display:block;font-size:.75rem;color:#6b7280;margin-top:.35rem}.role-options{display:flex;flex-direction:column;gap:.75rem}.role-option{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#0003;border:1px solid rgba(255,255,255,.05);border-radius:10px;cursor:pointer;transition:all .2s}.role-option:hover{border-color:#ffffff1a}.role-option.selected{border-color:#a855f780;background:#a855f71a}.role-option input[type=radio]{margin-top:2px;cursor:pointer}.role-content{display:flex;flex-direction:column;gap:.3rem}.role-badge{display:inline-block;padding:.2rem .5rem;border-radius:4px;font-size:.7rem;font-weight:700;text-transform:uppercase;width:fit-content}.role-badge.owner{background:#f9731633;color:#fb923c}.role-badge.admin{background:#3b82f633;color:#60a5fa}.role-badge.member{background:#22c55e33;color:#4ade80}.role-desc{font-size:.8rem;color:#9ca3af;line-height:1.4}.client-display{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#a855f71a;border:1px solid rgba(168,85,247,.2);border-radius:8px}.client-display .client-name{color:#f3f4f6;font-weight:500}.client-display .client-id{font-size:.75rem;color:#9ca3af;background:#0000004d;padding:.15rem .4rem;border-radius:3px}.modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.05)}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:disabled,.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.help-section{margin:0 1.5rem 1.5rem;padding:1.25rem;background:#3b82f614;border:1px solid rgba(59,130,246,.2);border-radius:10px}.help-section h4{font-size:.9rem;font-weight:600;color:#60a5fa;margin:0 0 .75rem}.help-section ol{margin:0;padding-left:1.25rem;color:#9ca3af;font-size:.85rem;line-height:1.7}.help-section a{color:#60a5fa}.help-note{margin:.75rem 0 0;padding:.75rem;background:#0003;border-radius:6px;font-size:.8rem;color:#9ca3af;line-height:1.5}.help-note strong{color:#fbbf24}@media(max-width:540px){.user-modal{max-height:100vh;border-radius:0}.modal-actions{flex-direction:column-reverse}.btn-secondary,.btn-primary{width:100%;text-align:center}}.client-selector-section{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.selector-row{display:flex;justify-content:space-between;align-items:flex-end;gap:1.5rem}.selector-group{flex:1;max-width:400px}.selector-group label{display:block;font-size:.875rem;color:#9ca3af;font-weight:500;margin-bottom:.5rem}.selector-group select{width:100%;padding:.75rem 1rem;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#f3f4f6;font-size:.95rem;cursor:pointer}.selector-group select:focus{outline:none;border-color:#a855f780}.selector-group select option{background:#1a1f2e}.client-info-bar{display:flex;align-items:center;gap:2rem;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid rgba(255,255,255,.05)}.info-item{font-size:.875rem;color:#9ca3af}.info-item strong{color:#d1d5db}.link-view-client{margin-left:auto;color:#c084fc;text-decoration:none;font-size:.875rem;transition:color .2s}.link-view-client:hover{color:#a855f7}.users-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.users-section .section-header h2{font-size:1.15rem;font-weight:600;color:#f3f4f6;margin:0}.btn-refresh{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s}.btn-refresh:hover{background:#ffffff1a;color:#f3f4f6}.users-table .user-info{display:flex;flex-direction:column;gap:.25rem}.user-email{color:#f3f4f6;font-weight:500}.user-uid{font-size:.7rem;color:#6b7280;background:#0000004d;padding:.15rem .4rem;border-radius:3px;max-width:200px;overflow:hidden;text-overflow:ellipsis}.role-select{padding:.35rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;cursor:pointer;border:none;transition:all .2s}.role-select:focus{outline:none;box-shadow:0 0 0 2px #a855f74d}.role-select.badge-owner{background:#f9731633;color:#fb923c}.role-select.badge-admin{background:#3b82f633;color:#60a5fa}.role-select.badge-member{background:#22c55e33;color:#4ade80}.role-select.badge-neutral{background:#9ca3af33;color:#9ca3af}.role-select option{background:#1a1f2e;color:#f3f4f6}.vendor-access{font-size:.85rem;color:#9ca3af}.date-text{font-size:.85rem;color:#6b7280}.actions{display:flex;gap:.5rem}.btn-action{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;cursor:pointer;transition:all .2s;font-size:.9rem}.btn-action:hover:not(:disabled){background:#ffffff1a}.btn-action:disabled{opacity:.4;cursor:not-allowed}.btn-action.btn-delete:hover:not(:disabled){background:#ef444433;border-color:#ef44444d}.empty-state{text-align:center;padding:4rem 2rem;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:12px}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-state h3{color:#f3f4f6;margin:0 0 .5rem}.empty-state p{color:#6b7280;margin:0 0 1.5rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}.loading-state .spinner{font-size:2.5rem;animation:spin 2s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state p{color:#9ca3af}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#1a1f2e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:2rem;max-width:450px;width:100%}.modal-content h3{margin:0 0 1rem;color:#f3f4f6}.modal-content p{color:#9ca3af;margin:0 0 .75rem;line-height:1.6}.warning-text{font-size:.85rem;color:#fbbf24;background:#fbbf241a;padding:.75rem;border-radius:6px;margin-bottom:1.5rem!important}.modal-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-primary{padding:.75rem 1.5rem;background:linear-gradient(135deg,#a855f7,#8b5cf6);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#c084fc,#a855f7);transform:translateY(-1px);box-shadow:0 4px 12px #a855f74d}.btn-secondary{padding:.75rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#9ca3af;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#ffffff1a;color:#f3f4f6}.btn-danger{padding:.75rem 1.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;color:#fff;font-weight:500;cursor:pointer;transition:all .2s}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444)}.btn-danger:disabled,.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.table-container{background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:1rem 1.25rem;background:#0003;color:#9ca3af;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(255,255,255,.05)}.admin-table td{padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.03);vertical-align:middle}.admin-table tr:hover td{background:#ffffff05}.error-banner{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;margin-bottom:1.5rem;color:#f87171}.error-banner button{background:none;border:none;color:#f87171;font-size:1.25rem;cursor:pointer;opacity:.7}.error-banner button:hover{opacity:1}@media(max-width:768px){.selector-row{flex-direction:column;align-items:stretch}.selector-group{max-width:none}.client-info-bar{flex-wrap:wrap;gap:1rem}.link-view-client{width:100%;margin-left:0}.table-container{overflow-x:auto}.admin-table{min-width:600px}}.black-friday-uploader{max-width:900px;margin:0 auto;padding:24px;font-family:system-ui,-apple-system,sans-serif}.bf-header{margin-bottom:30px}.bf-header h2{margin:0 0 8px;font-size:28px;color:#1f2937}.bf-subtitle{color:#6b7280;margin:0;font-size:15px}.bf-card{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px}.bf-upload-section{display:flex;flex-direction:column;gap:24px}.bf-file-info{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.bf-label{font-weight:600;color:#374151;display:block;margin-bottom:8px}.bf-requirements{margin:8px 0 0;padding-left:20px;color:#6b7280}.bf-requirements li{margin:6px 0}.bf-requirements strong{color:#374151;font-family:Courier New,monospace;background:#e5e7eb;padding:2px 6px;border-radius:3px}.bf-file-input-wrapper{position:relative}.bf-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.bf-file-label{display:block;padding:16px 20px;background:#fff;border:2px dashed #d1d5db;border-radius:8px;text-align:center;cursor:pointer;transition:all .2s;color:#6b7280;font-weight:500}.bf-file-label:hover{border-color:#8b5cf6;background:#faf5ff;color:#7c3aed}.bf-file-input:focus+.bf-file-label{outline:2px solid #8b5cf6;outline-offset:2px}.bf-upload-button{padding:14px 28px;background:#8b5cf6;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background .2s;display:flex;align-items:center;justify-content:center;gap:8px}.bf-upload-button:hover:not(:disabled){background:#7c3aed}.bf-upload-button:disabled{background:#9ca3af;cursor:not-allowed}.bf-spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .6s linear infinite}.bf-error{padding:16px;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b;margin-top:16px}.bf-result{margin-top:24px;padding-top:24px;border-top:2px solid #e5e7eb}.bf-result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.bf-result-header h3{margin:0;font-size:20px;color:#059669}.bf-reset-button{padding:8px 16px;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.bf-reset-button:hover{background:#f9fafb;border-color:#9ca3af}.bf-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.bf-stat{padding:16px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;display:flex;flex-direction:column;gap:8px}.bf-stat-success{background:#ecfdf5;border-color:#a7f3d0}.bf-stat-warning{background:#fef3c7;border-color:#fcd34d}.bf-stat-label{font-size:13px;color:#6b7280;font-weight:500}.bf-stat-value{font-size:28px;font-weight:700;color:#1f2937}.bf-stat-success .bf-stat-value{color:#059669}.bf-stat-warning .bf-stat-value{color:#d97706}.bf-errors-section{padding:20px;background:#fffbeb;border-radius:8px;border:1px solid #fcd34d}.bf-errors-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.bf-errors-header h4{margin:0;color:#92400e}.bf-download-button{padding:6px 12px;background:#fff;border:1px solid #d97706;border-radius:6px;color:#d97706;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.bf-download-button:hover{background:#d97706;color:#fff}.bf-errors-list{display:flex;flex-direction:column;gap:8px}.bf-error-item{display:grid;grid-template-columns:80px 150px 1fr;gap:12px;padding:10px;background:#fff;border-radius:6px;font-size:14px}.bf-error-row{font-weight:600;color:#92400e}.bf-error-sku{color:#6b7280;font-family:Courier New,monospace}.bf-error-reason{color:#374151}.bf-error-more{padding:10px;text-align:center;color:#92400e;font-style:italic}.bf-info-box{padding:20px;background:#eff6ff;border-radius:8px;border:1px solid #bfdbfe}.bf-info-box h4{margin:0 0 12px;color:#1e40af}.bf-info-box ul{margin:0;padding-left:24px;color:#1e3a8a}.bf-info-box li{margin:8px 0;line-height:1.6}.bf-info-box code{background:#dbeafe;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:13px}@media(max-width:768px){.black-friday-uploader{padding:16px}.bf-card{padding:20px}.bf-stats-grid{grid-template-columns:1fr}.bf-error-item{grid-template-columns:1fr;gap:4px}.bf-result-header{flex-direction:column;align-items:flex-start;gap:12px}}.legal-page{min-height:100vh;padding:40px 0 80px;background:linear-gradient(135deg,#0a0f1a,#1a1f2e,#0a0f1a);color:#f3f4f6}.legal-container{max-width:900px;margin:0 auto;padding:0 24px}.legal-back-link{display:inline-flex;align-items:center;gap:8px;color:#3b82f6;text-decoration:none;font-size:.95rem;margin-bottom:32px;transition:color .2s ease}.legal-back-link:hover{color:#60a5fa}.legal-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-header h1{font-size:clamp(2rem,4vw,2.75rem);font-weight:700;margin-bottom:16px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.legal-header .subtitle{font-size:1.1rem;color:#9ca3af;margin-bottom:20px}.legal-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;color:#9ca3af;font-size:.9rem}.legal-meta span{display:flex;align-items:center;gap:6px}.legal-content{background:#1a1f2ecc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:48px}@media(max-width:768px){.legal-content{padding:28px 20px}}.legal-content h2{font-size:1.4rem;font-weight:600;color:#f3f4f6;margin-top:40px;margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-content h2:first-of-type{margin-top:0}.legal-content h3{font-size:1.15rem;font-weight:600;color:#e5e7eb;margin-top:28px;margin-bottom:12px}.legal-content h4{font-size:1.05rem;font-weight:600;color:#d1d5db;margin-top:20px;margin-bottom:10px}.legal-content p{color:#9ca3af;font-size:.95rem;line-height:1.75;margin-bottom:14px}.legal-content ul,.legal-content ol{margin:14px 0 20px;padding-left:20px}.legal-content li{color:#9ca3af;font-size:.95rem;line-height:1.75;margin-bottom:8px;padding-left:6px}.legal-content ul li::marker{color:#3b82f6}.legal-content ol li::marker{color:#3b82f6;font-weight:600}.legal-content ul ul,.legal-content ol ul{margin-top:8px;margin-bottom:8px}.legal-content strong{color:#e5e7eb;font-weight:600}.legal-content a{color:#3b82f6;text-decoration:none;transition:color .2s ease}.legal-content a:hover{color:#60a5fa;text-decoration:underline}.legal-notice{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-left:3px solid #3b82f6;border-radius:8px;padding:16px 20px;margin:20px 0}.legal-notice p{margin:0;color:#d1d5db}.legal-notice strong{color:#60a5fa}.legal-warning{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);border-left:3px solid #f59e0b;border-radius:8px;padding:16px 20px;margin:20px 0}.legal-warning p{margin:0;color:#d1d5db;font-size:.95rem;line-height:1.6}.legal-warning strong{color:#fbbf24}.company-info{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px 24px;margin:20px 0}.company-info p{margin:6px 0;font-size:.95rem}.company-info ul{margin:12px 0 0}.company-info strong{color:#f3f4f6}.legal-caps{text-transform:uppercase;font-size:.9rem;letter-spacing:.01em;line-height:1.7}.legal-toc{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:20px 28px;margin-bottom:32px}.legal-toc h3{margin:0 0 14px;font-size:.85rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em}.legal-toc ol{margin:0;padding-left:18px;columns:2;column-gap:32px}@media(max-width:600px){.legal-toc ol{columns:1}}.legal-toc li{margin-bottom:6px;font-size:.9rem;break-inside:avoid}.legal-toc a{color:#9ca3af;transition:color .2s ease}.legal-toc a:hover{color:#3b82f6}.legal-footer{text-align:center;margin-top:48px;padding-top:32px;border-top:1px solid rgba(255,255,255,.1)}.legal-footer p{color:#6b7280;font-size:.9rem}.legal-footer-links{display:flex;justify-content:center;gap:24px;margin-top:16px;flex-wrap:wrap}.legal-footer-links a{color:#3b82f6;text-decoration:none;font-size:.9rem;transition:color .2s ease}.legal-footer-links a:hover{color:#60a5fa}@media(max-width:640px){.legal-page{padding:24px 0 60px}.legal-header{margin-bottom:32px;padding-bottom:24px}.legal-header h1{font-size:1.75rem}.legal-meta{flex-direction:column;gap:8px}.legal-content h2{font-size:1.25rem;margin-top:32px}.legal-content h3{font-size:1.1rem}.legal-toc{padding:16px 20px}}@media print{.legal-page{background:#fff;color:#000;padding:20px}.legal-back-link{display:none}.legal-content{background:none;border:none;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none}.legal-content h2,.legal-content h3,.legal-content h4,.legal-content p,.legal-content li,.legal-content strong{color:#000}.legal-header h1{background:none;-webkit-text-fill-color:black;color:#000}.legal-notice,.legal-warning,.company-info{border:1px solid #ccc;background:#f9f9f9}}.contact-page{min-height:100vh;background:linear-gradient(135deg,#0a0a0f,#12121a,#0a0a0f);color:#e2e8f0}.contact-nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:#0a0a0fe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(139,92,246,.1)}.contact-nav-container{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.contact-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:inherit}.contact-logo .logo-icon{font-size:1.5rem;color:#8b5cf6}.contact-logo .logo-text{font-size:1.25rem;font-weight:700;color:#f8fafc}.contact-logo .logo-text sup{color:#8b5cf6;font-size:.7rem}.contact-nav-links{display:flex;align-items:center;gap:2rem}.contact-nav-links a{color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .3s ease}.contact-nav-links a:hover{color:#f8fafc}.nav-login-btn{padding:.5rem 1.25rem;border:1px solid rgba(139,92,246,.5);border-radius:8px;color:#8b5cf6!important;transition:all .3s ease}.nav-login-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.contact-hero{padding:8rem 2rem 4rem;text-align:center;background:radial-gradient(ellipse at center top,rgba(139,92,246,.1) 0%,transparent 60%)}.contact-hero-content{max-width:700px;margin:0 auto}.contact-badge{display:inline-block;padding:.5rem 1rem;background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:20px;font-size:.8rem;font-weight:600;color:#a78bfa;letter-spacing:.05em;margin-bottom:1.5rem}.contact-hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,#f8fafc,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-hero p{font-size:1.25rem;color:#94a3b8;line-height:1.7}.contact-email-direct{margin-top:1rem;font-size:1rem!important}.contact-email-direct a{color:#8b5cf6;font-weight:500;text-decoration:none}.contact-email-direct a:hover{text-decoration:underline}.contact-content{padding:2rem}.contact-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.5fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:1.5rem}.info-card{background:#ffffff05;border:1px solid rgba(139,92,246,.1);border-radius:16px;padding:1.5rem;transition:all .3s ease}.info-card:hover{border-color:#8b5cf64d;transform:translateY(-2px)}.info-icon{font-size:2rem;margin-bottom:.75rem}.info-card h3{font-size:1.1rem;font-weight:600;color:#f8fafc;margin-bottom:.25rem}.info-card p{font-size:.9rem;color:#64748b;margin-bottom:.5rem}.info-card a{color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .3s ease}.info-card a:hover{color:#a78bfa}.info-card .highlight{color:#8b5cf6;font-weight:600;font-size:1.1rem}.enterprise-benefits{background:linear-gradient(135deg,#8b5cf61a,#8b5cf605);border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:1.5rem;margin-top:.5rem}.enterprise-benefits h3{font-size:1.1rem;font-weight:600;color:#f8fafc;margin-bottom:1rem}.enterprise-benefits ul{list-style:none;padding:0;margin:0}.enterprise-benefits li{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;color:#cbd5e1;font-size:.95rem}.enterprise-benefits .check{color:#8b5cf6;font-weight:700}.contact-form-container{background:#ffffff05;border:1px solid rgba(139,92,246,.1);border-radius:24px;padding:2.5rem}.contact-form h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.9rem;font-weight:500;color:#cbd5e1;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.875rem 1rem;background:#0f0f19cc;border:1px solid rgba(139,92,246,.2);border-radius:10px;color:#f8fafc;font-size:1rem;font-family:inherit;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#4a5568}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;background:#8b5cf608}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%238b5cf6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;background-size:1rem;padding-right:2.5rem}.form-group select option{background:#12121a;color:#f8fafc}.form-group textarea{resize:vertical;min-height:120px}.recaptcha-container{display:flex;justify-content:center;margin-bottom:1.5rem}.submit-btn{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #8b5cf64d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.btn-arrow{transition:transform .3s ease}.submit-btn:hover .btn-arrow{transform:translate(4px)}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.form-disclaimer{margin-top:1.5rem;font-size:.85rem;color:#64748b;text-align:center}.form-disclaimer a{color:#8b5cf6;text-decoration:none}.form-disclaimer a:hover{text-decoration:underline}.success-message{text-align:center;padding:3rem 2rem}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;margin:0 auto 1.5rem}.success-message h2{font-size:2rem;color:#f8fafc;margin-bottom:1rem}.success-message p{color:#94a3b8;font-size:1.1rem;margin-bottom:2rem}.send-another-btn{padding:.875rem 2rem;background:transparent;border:1px solid rgba(139,92,246,.5);border-radius:10px;color:#8b5cf6;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.send-another-btn:hover{background:#8b5cf61a;border-color:#8b5cf6}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:10px;padding:1rem;margin-bottom:1.5rem}.error-message p{color:#fca5a5;font-size:.95rem;margin:0}.error-message a{color:#f87171}.alternative-contact{margin-top:2rem;text-align:center;padding:1.5rem;border-radius:12px;background:#ffffff05;border:1px solid rgba(255,255,255,.06)}.alternative-contact p{color:#64748b;font-size:.95rem;margin:0}.alternative-contact a{color:#8b5cf6;font-weight:500;text-decoration:none}.alternative-contact a:hover{text-decoration:underline}.contact-footer{background:#0000004d;border-top:1px solid rgba(139,92,246,.1);padding:4rem 2rem 2rem;margin-top:6rem}.footer-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:4rem}.footer-brand p{color:#64748b;font-size:.95rem;margin-top:1rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-column h4{color:#f8fafc;font-size:.9rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-column a{display:block;color:#64748b;text-decoration:none;font-size:.9rem;margin-bottom:.75rem;transition:color .3s ease}.footer-column a:hover{color:#8b5cf6}.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(139,92,246,.1);text-align:center}.footer-bottom p{color:#475569;font-size:.85rem}@media(max-width:968px){.contact-container{grid-template-columns:1fr;gap:3rem}.contact-info{order:2}.contact-form-container{order:1}.footer-container{grid-template-columns:1fr;gap:3rem}}@media(max-width:640px){.contact-hero h1{font-size:2.5rem}.contact-hero p{font-size:1.1rem}.form-row{grid-template-columns:1fr;gap:0}.contact-form-container{padding:1.5rem}.contact-nav-links{display:none}.footer-links{grid-template-columns:1fr 1fr}}.settings-container{padding:30px;max-width:1000px;margin:0 auto;color:#333}.settings-header{margin-bottom:40px}.settings-header h1{font-size:2rem;color:#1a1a1a;margin-bottom:10px}.settings-header p{color:#666;font-size:1.1rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:25px}.settings-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;border:1px solid #e5e7eb}.card-header{padding:20px 25px;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb}.card-header h2{font-size:1.1rem;font-weight:600;color:#374151;margin:0}.card-content{padding:25px}.profile-card .card-content{display:flex;align-items:center;gap:20px}.profile-avatar{width:64px;height:64px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700}.detail-group label,.detail-item label{display:block;font-size:.85rem;font-weight:600;color:#6b7280;margin-bottom:4px;text-transform:uppercase;letter-spacing:.05em}.detail-group p,.detail-item p{font-size:1rem;color:#111827;margin:0;font-weight:500}.mono-text{font-family:Courier New,monospace;font-size:.9rem!important;background:#f3f4f6;padding:2px 6px;border-radius:4px}.status-badge{padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-badge.active{background-color:#d1fae5;color:#059669}.status-badge.inactive{background-color:#fee2e2;color:#dc2626}.trial-alert,.cancel-alert{background-color:#eff6ff;border-left:4px solid #3b82f6;padding:12px;margin-bottom:20px;font-size:.9rem;color:#1e40af;border-radius:4px}.cancel-alert{background-color:#fff7ed;border-left-color:#f97316;color:#9a3412}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sub-text{font-size:.85rem;color:#9ca3af;display:block;margin-top:2px}.manage-billing-link{display:inline-block;margin-top:15px;color:#4f46e5;text-decoration:none;font-weight:500;font-size:.95rem}.manage-billing-link:hover{text-decoration:underline}.setting-toggle{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f3f4f6}.setting-toggle:last-child{border-bottom:none}.switch{position:relative;display:inline-block;width:48px;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:#ccc;transition:.4s}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.slider{background-color:#4f46e5}input:checked+.slider:before{transform:translate(24px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.danger-zone .card-header{background-color:#fef2f2}.danger-zone h2{color:#dc2626}.logout-button-large{margin-top:15px;width:100%;padding:12px;background-color:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}.logout-button-large:hover{background-color:#dc2626;color:#fff}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f4f7f6;color:#333;line-height:1.6}.App{max-width:1600px;margin:0 auto;padding:0}.App-header{background-color:#2c3e50;padding:20px 40px;color:#fff;text-align:center;margin-bottom:20px}.App-header h1{margin:0;font-size:1.8em}.App-main-content{padding:20px 40px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;margin:0 20px}input[type=text],input[type=number],select,textarea{padding:10px 12px;border:1px solid #ccc;border-radius:5px;font-size:.95em;margin-right:10px;margin-bottom:10px;box-sizing:border-box}button{padding:10px 18px;border:none;border-radius:5px;cursor:pointer;font-size:1em;transition:background-color .2s ease-in-out,box-shadow .2s ease;background-color:#007bff;color:#fff;box-shadow:0 2px 4px #0000001a}button:hover:not(:disabled){background-color:#0056b3;box-shadow:0 4px 8px #00000026}button:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed;box-shadow:none}