@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&family=Dancing+Script:wght@400;700&family=Great+Vibes&family=Lobster&family=Pacifico&family=Sacramento&family=Satisfy&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=Inter:wght@400;500;600&display=swap";:root{font-family:Geist,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#0b0d10;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#0b0d10}a{color:inherit}.toast-stack{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:.5rem;pointer-events:none}.toast{display:flex;align-items:center;gap:.625rem;padding:.75rem 1rem;border-radius:10px;font-size:.875rem;font-weight:500;min-width:260px;max-width:380px;box-shadow:0 4px 16px #0000001f;pointer-events:all;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.toast--success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.toast--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.toast--info{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.toast__icon{flex-shrink:0;font-size:.875rem;font-weight:700;width:18px;text-align:center}.toast__message{flex:1;line-height:1.4}.toast__close{flex-shrink:0;background:none;border:none;cursor:pointer;font-size:1.125rem;line-height:1;padding:0;color:inherit;opacity:.5;margin-left:.25rem}.toast__close:hover{opacity:1}.auth-shell a{text-decoration:none}.auth-shell button,.auth-shell input,.auth-shell select,.auth-shell textarea{font-family:inherit}.auth-shell .auth-form-card{width:min(520px,100%)}.auth-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.auth-form-row .auth-label{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0}.auth-label{display:flex;flex-direction:column;gap:.5rem}.auth-label svg{color:var(--text-secondary);margin-bottom:.25rem}.auth-input-hint{font-size:.75rem;color:var(--text-secondary);margin-top:-.25rem}@media(max-width:768px){.auth-form-row{grid-template-columns:1fr}.auth-shell .auth-form-card{width:min(420px,100%)}}.modal-overlay{position:fixed;inset:0;background:#0006;display:grid;place-items:center;z-index:1000;padding:2rem}.modal-container{background:#fff;border-radius:16px;width:100%;max-width:640px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #00000026}.modal-container--wide{max-width:820px;display:flex;flex-direction:column}.modal-footer{display:flex;justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;border-top:1px solid #f0f0f0}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #f0f0f0}.modal-header h2{margin:0;font-size:1.1rem;font-weight:600}.modal-close{background:none;border:none;padding:.35rem;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:background .18s ease,color .18s ease}.modal-close:hover{background:#0f172a0f;color:var(--text)}.modal-error{background:#fef2f2;color:#dc2626;border-bottom:1px solid #fecaca;padding:.75rem 1.5rem;font-size:.85rem}.modal-form{padding:1.5rem}.modal-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.modal-field{display:flex;flex-direction:column;gap:.3rem}.modal-field--full{grid-column:1 / -1}.modal-label{font-size:.8rem;font-weight:500;color:var(--text-muted)}.modal-required{color:#dc2626;margin-left:2px}.modal-input{width:100%;padding:.45rem .6rem;font-size:.85rem;color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .18s ease,box-shadow .18s ease;box-sizing:border-box}.modal-input:focus{border-color:var(--accent, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.modal-input::placeholder{color:silver}.modal-textarea{resize:vertical;font-family:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:.5rem;padding-top:1.25rem;border-top:1px solid #f0f0f0;margin-top:1.25rem}.filters-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:1.5rem}.search-input{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #e4e5eb;border-radius:8px;padding:.5rem 1rem;flex:1;max-width:400px;color:var(--text)}.search-input input{border:none;background:none;outline:none;flex:1;font-size:.9rem}.search-input input::placeholder{color:var(--text-muted)}.filter-select{border:1px solid #e4e5eb;background:#fff;border-radius:8px;padding:.5rem .75rem;font-size:.85rem;color:var(--text);min-width:150px}.filter-checkbox{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem .75rem;border:1px solid #e4e5eb;border-radius:8px;background:#fff;color:var(--text);font-size:.85rem;white-space:nowrap}.filter-checkbox input{margin:0;accent-color:var(--accent)}.filter-checkbox span{line-height:1.2}.filter-number{display:flex;align-items:center;background:#fff;border:1px solid #e4e5eb;border-radius:8px;padding:.5rem .75rem;min-width:110px}.filter-number input{border:none;outline:none;font-size:.85rem;width:100%;background:transparent}.secondary-btn--sm{padding:.3rem .65rem;font-size:.75rem;gap:.35rem;border-radius:6px}.bulk-tools{margin-bottom:1rem}.bulk-tools__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff;border:1px solid #e4e5eb;border-radius:12px;padding:.85rem 1.2rem;font-size:.95rem;font-weight:600;color:var(--text);cursor:pointer}.bulk-tools__toggle:hover{background:#f8f9fb}.bulk-tools__body{margin-top:1rem}.bulk-tools__body .bulk-scenario-panel:last-child{margin-bottom:0}.bulk-scenario-panel{background:#fff;border:1px solid #e4e5eb;border-radius:12px;padding:1rem 1.2rem;margin-bottom:1rem}.bulk-scenario-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.bulk-scenario-panel__header h3{margin:0;font-size:.95rem;color:var(--text)}.bulk-scenario-panel__header p{margin:.3rem 0 0;font-size:.8rem;color:var(--text-muted)}.bulk-scenario-panel__status{border-radius:999px;padding:.24rem .55rem;font-size:.72rem;font-weight:600;letter-spacing:.01em;background:#e2e8f0;color:#0f172a}.bulk-scenario-panel__status--running{background:#dcfce7;color:#166534}.bulk-scenario-panel__status--stopping{background:#fef3c7;color:#92400e}.bulk-scenario-panel__status--dispatched{background:#dbeafe;color:#1e40af}.bulk-scenario-panel__status--completed{background:#dcfce7;color:#166534}.bulk-scenario-panel__status--stopped{background:#fee2e2;color:#991b1b}.bulk-scenario-panel__controls{display:flex;align-items:flex-end;flex-wrap:wrap;gap:.6rem}.bulk-scenario-panel__controls .primary-btn:disabled,.bulk-scenario-panel__controls .secondary-btn:disabled{opacity:1;cursor:not-allowed;box-shadow:none;transform:none}.bulk-scenario-panel__controls .primary-btn:disabled{background:#94a3b8;color:#f8fafc}.bulk-scenario-panel__controls .secondary-btn:disabled{background:#f1f5f9;color:#94a3b8;border-color:#cbd5e1}.bulk-scenario-panel__controls .bulk-scenario-field input:disabled,.bulk-scenario-panel__controls .bulk-scenario-field select:disabled{background:#f8fafc;color:#94a3b8;border-color:#cbd5e1}.bulk-scenario-field{display:flex;flex-direction:column;gap:.25rem}.bulk-scenario-field span{font-size:.72rem;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.bulk-scenario-field input,.bulk-scenario-field select{border:1px solid #d7dce2;border-radius:8px;padding:.5rem .65rem;min-width:110px;font-size:.85rem;color:var(--text);background:#fff}.bulk-scenario-progress{margin-top:.8rem}.bulk-scenario-progress__meta{display:flex;flex-wrap:wrap;gap:.4rem .8rem;font-size:.8rem;color:#475569;margin-bottom:.5rem}.bulk-scenario-progress__bar{width:100%;height:8px;background:#e2e8f0;border-radius:999px;overflow:hidden}.bulk-scenario-progress__hint{margin:0 0 .45rem;font-size:.74rem;color:#64748b}.bulk-scenario-progress__fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#2563eb);transition:width .18s ease}.bulk-scenario-progress__current,.bulk-scenario-progress__error{margin:.45rem 0 0;font-size:.78rem}.bulk-scenario-progress__current{color:#334155}.bulk-scenario-progress__error{color:#b91c1c}.products-table-container{background:#fff;border:1px solid #e4e5eb;border-radius:12px;overflow:hidden}.products-table{width:100%;border-collapse:collapse}.products-table th{text-align:left;padding:.75rem 1.5rem;font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #f0f0f0;background:#fafbfc}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.th-sortable:hover{color:var(--text)}.sort-icon{display:inline-block;vertical-align:middle;margin-left:4px;position:relative;top:-1px}.sort-icon--idle{opacity:.35}.sort-icon--active{color:var(--accent, #6366f1);opacity:1}.product-row{cursor:pointer;transition:background .15s ease}.product-row:hover{background:#f5f7fa}.products-table td{padding:.75rem 1.5rem;border-bottom:1px solid #f8f9fa}.products-table tr:last-child td{border-bottom:none}.product-cell{width:35%}.product-info{display:flex;align-items:center;gap:.75rem}.product-text{flex:1}.product-link{text-decoration:none;color:inherit;display:block}.product-link:hover .product-name{color:var(--accent)}.product-name{margin:0;font-weight:500;font-size:.9rem;color:var(--text);line-height:1.3}.product-sku{margin:2px 0 0;font-size:.75rem;color:var(--text-muted)}.product-image{width:40px;height:40px;border-radius:8px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;background:#f0f0f0;border:1px solid #ebebeb}.product-image img{width:100%;height:100%;object-fit:cover;object-position:center}.product-avatar{width:36px;height:36px;border-radius:8px;background:#0f172a0f;display:grid;place-items:center;font-weight:600;color:var(--text);font-size:.85rem}.category-label,.gender-cell,.price-cell{color:var(--text);font-size:.85rem}.images-cell{color:var(--text);font-size:.85rem;text-align:center}.status-label{font-size:.85rem;color:var(--text)}.status-label--active{color:var(--text)}.status-label--archived{color:var(--text-muted);font-style:italic}.actions-cell{text-align:right}.products__delete-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1px solid #e4e5eb;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.products__delete-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.products__restore-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1px solid #e4e5eb;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.products__restore-btn:hover{background:#f0fdf4;color:#16a34a;border-color:#bbf7d0}.actions-btn{background:none;border:none;padding:.4rem;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:background .18s ease,color .18s ease}.actions-btn:hover{background:#0f172a0a;color:var(--text)}.skeleton-row td{padding:.75rem 1.5rem}.skeleton-cell{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px;height:16px}.empty-state{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}.pagination-bar{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding:0 .25rem}.pagination-info{font-size:.85rem;color:var(--text-muted)}.pagination-nav{display:flex;align-items:center;gap:.5rem}.pagination-input{width:3rem;text-align:center;border:1px solid #e4e5eb;border-radius:6px;padding:.3rem .4rem;font-size:.85rem;background:#fff;color:var(--text);outline:none;appearance:textfield;-moz-appearance:textfield}.pagination-input::-webkit-outer-spin-button,.pagination-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.pagination-input:focus{border-color:var(--accent, #6366f1)}.pagination-btn{display:grid;place-items:center;width:30px;height:30px;border-radius:6px;border:1px solid #e4e5eb;background:#fff;color:var(--text);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.pagination-btn:hover:not(:disabled){background:#f5f7fa;border-color:#d0d3db}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:900px){.bulk-scenario-panel__header{flex-direction:column}.bulk-scenario-panel__controls{align-items:stretch}.bulk-scenario-field{min-width:120px}}.surface-card{margin-top:1.5rem}.surface-card__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:1rem;color:#64748b;font-size:.78rem}.surface-card__empty{margin:0 0 1rem;color:var(--text-muted);font-size:.9rem}.surface-card__evaluation{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(260px,1.4fr);gap:.75rem;margin-bottom:1rem}.surface-card__evaluation label,.surface-domain__header label,.surface-domain__notes{display:flex;flex-direction:column;gap:.35rem;color:#475569;font-size:.78rem;font-weight:600}.surface-card__views{display:flex;gap:.6rem;overflow-x:auto;margin-bottom:1rem}.surface-card__views figure{flex:0 0 108px;margin:0;color:var(--text-muted);font-size:.72rem;text-align:center}.surface-card__views img{width:108px;height:84px;border:1px solid #e5e7eb;border-radius:10px;object-fit:contain;background:#f8fafc}.surface-card__domains{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.surface-domain{min-width:0;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;background:#fbfdff}.surface-domain__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.surface-domain__header h3{margin:0;color:var(--text);font-size:1rem}.surface-domain__header p{margin:.2rem 0 0;color:var(--text-muted);font-size:.75rem}.surface-dimension{min-width:0;margin:0 0 .75rem;border:1px solid #e5e7eb;border-radius:10px;padding:.65rem;background:#fff}.surface-dimension legend{padding:0 .3rem;color:#334155;font-size:.78rem;font-weight:700}.surface-dimension__values{display:flex;flex-direction:column;gap:.45rem}.surface-value{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:.5rem;align-items:start;border-bottom:1px solid #f1f5f9;padding-bottom:.45rem}.surface-value strong{display:block;color:#1e293b;font-size:.82rem}.surface-value__status{display:block;margin-top:.1rem;color:#94a3b8;font-size:.7rem}.surface-value__status--suggested{color:#8a5b00}.surface-value__status--approved{color:#047857}.surface-value__status--rejected{color:#b91c1c}.surface-value details{margin-top:.25rem;color:var(--text-muted);font-size:.7rem}.surface-value pre{max-height:120px;overflow:auto;white-space:pre-wrap;word-break:break-word}.surface-value__decision{width:112px;padding:.35rem;font-size:.75rem}.surface-dimension__complete{display:flex;align-items:center;gap:.4rem;margin-top:.65rem;color:#475569;font-size:.75rem;font-weight:600}.surface-domain__notes textarea{min-height:64px;resize:vertical}.surface-domain__actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;flex-wrap:wrap}@media(max-width:1000px){.surface-card__domains{grid-template-columns:1fr}}@media(max-width:640px){.surface-card__evaluation{grid-template-columns:1fr}.surface-domain__header{flex-direction:column}.surface-value{grid-template-columns:1fr}.surface-value__decision{width:100%}}.social-crop-tag{display:flex;align-items:center;gap:.35rem}.social-crop-tag__icons{display:flex;align-items:center;gap:.18rem}.social-crop-tag__icon{display:flex;align-items:center;line-height:0}.social-crop-tag__ratio{font-size:.7rem;font-weight:700;color:#fff;line-height:1}.modal-container--confirm{max-width:440px;max-height:none}.confirm-modal-header--close-only{justify-content:flex-end}.confirm-modal-body{padding:0 1.5rem 1.25rem;margin:0;font-size:.9rem;line-height:1.55;color:var(--text-muted, #64748b)}.confirm-modal-body strong{color:var(--text, #0f172a);font-weight:600}.confirm-modal-footer{border-top:1px solid #f0f0f0;padding:1rem 1.5rem 1.25rem}.confirm-modal-btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;font-weight:500;font-size:.85rem;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .18s ease,opacity .18s ease,border-color .18s ease;font-family:inherit}.confirm-modal-btn:disabled{opacity:.55;cursor:not-allowed}.confirm-modal-btn--cancel{background:transparent;border:1px solid var(--border, #e4e5eb);color:var(--text, #0f172a)}.confirm-modal-btn--cancel:hover:not(:disabled){background:#0f172a0a}.confirm-modal-btn--confirm{border:none;color:#fff;background:var(--accent, #0f172a)}.confirm-modal-btn--confirm:hover:not(:disabled){filter:brightness(1.08)}.confirm-modal-btn--danger{background:#dc2626}.confirm-modal-btn--danger:hover:not(:disabled){background:#b91c1c}.confirm-modal-footer-inner{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:.5rem}.product-detail-loading{display:flex;gap:2rem;padding:2rem 0}.product-detail-loading__image{width:200px;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px}.product-detail-loading__content{flex:1;display:flex;flex-direction:column;gap:1rem}.skeleton-line{height:20px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-line.short{width:60%}.skeleton-line.long{width:100%}.product-detail-error{padding:2rem 0}.back-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--text);font-weight:500;cursor:pointer;padding:.5rem 0;transition:color .18s ease}.back-btn:hover{color:var(--accent)}.error-message{color:var(--text-muted);font-size:.9rem}.product-detail-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.product-detail-header__left{display:flex;align-items:flex-start;gap:.75rem}.product-detail-title-row{display:flex;align-items:center;gap:.75rem}.product-detail-title{margin:0;font-size:1.5rem;font-weight:700;color:var(--text);line-height:1.2}.product-detail-sku{font-size:.8rem;color:var(--text-muted);background:#f0f0f0;padding:.15rem .5rem;border-radius:4px;font-family:Geist Mono,monospace}.product-detail-subtitle{margin:.25rem 0 0;font-size:.9rem;color:var(--text-muted)}.product-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem}.quick-review-controls{display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:.4rem}.quick-review-mode-toggle{display:inline-flex;align-items:center;border:1px solid #d1d9e6;border-radius:8px;overflow:hidden;margin-right:.25rem}.quick-review-mode-toggle__btn{border:0;border-right:1px solid #d1d9e6;background:#f8fafc;color:#334155;font-size:.76rem;font-weight:600;padding:.34rem .6rem;cursor:pointer}.quick-review-mode-toggle__btn:last-child{border-right:0}.quick-review-mode-toggle__btn--active{background:#0f172a;color:#fff}.quick-review-toolbar{position:sticky;top:.5rem;z-index:15;margin-bottom:.9rem;padding:.55rem .65rem;border:1px solid #dbe3ee;border-radius:10px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 2px 10px #0f172a0f}.quick-review-controls__label{font-size:.76rem;color:#64748b;font-weight:600;margin-right:.1rem}.quick-review-dock{position:fixed;right:1rem;bottom:1rem;z-index:30;display:flex;flex-wrap:wrap;width:max-content;max-width:min(32rem,calc(100vw - 2rem));align-items:center;gap:.45rem;padding:.5rem;border:1px solid #dbe3ee;border-radius:12px;background:#fffffff2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 8px 20px #0f172a1f}.quick-review-sections{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;flex-basis:100%;padding-bottom:.4rem}.product-detail__color-analysis-anchor,[data-review-section]{scroll-margin-top:1rem}.analysis-tools{margin-top:1.5rem;scroll-margin-top:1rem}.analysis-tools__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:#fff;border:1px solid #e4e5eb;border-radius:16px;padding:1.1rem 2rem;font-size:1rem;font-weight:600;color:var(--text);cursor:pointer}.analysis-tools__toggle:hover{background:#f8fafc}.analysis-tools__body{margin-top:1rem}.analysis-tools__body>.scenario-card{margin-top:0}@media(max-width:900px){.quick-review-dock{right:.5rem;left:.5rem;bottom:.5rem;justify-content:center;flex-wrap:wrap}}.icon-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border);color:var(--text);padding:.5rem;border-radius:8px;cursor:pointer;transition:background .18s ease}.icon-btn:hover{background:#0f172a0a}.product-detail{background:#fff;border:1px solid #e4e5eb;border-radius:16px;padding:2rem;display:flex;gap:2.5rem;align-items:center}.product-detail__image{position:relative;width:180px;height:180px;border-radius:12px;overflow:hidden;flex-shrink:0}.product-detail__image img{width:100%;height:100%;object-fit:cover}.image-overlay{position:absolute;inset:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;opacity:0;transition:opacity .2s ease;border-radius:12px}.product-detail__image:hover .image-overlay{opacity:1}.image-overlay-btn{display:flex;align-items:center;gap:.4rem;background:#ffffffe6;color:#0f172a;border:none;padding:.4rem .75rem;border-radius:6px;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .15s ease}.image-overlay-btn:hover{background:#fff}.image-overlay-btn--danger{background:#ef4444e6;color:#fff}.image-overlay-btn--danger:hover{background:#ef4444}.image-upload-zone{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;border:2px dashed #d1d5db;border-radius:12px;background:#fafbfc;cursor:pointer;transition:border-color .18s ease,background .18s ease}.image-upload-zone:hover{border-color:var(--accent, #3b82f6);background:#f0f7ff}.image-upload-icon{color:var(--text-muted)}.image-upload-zone:hover .image-upload-icon{color:var(--accent, #3b82f6)}.image-upload-text{margin:0;font-size:.8rem;color:var(--text-muted)}.product-avatar.large{width:100%;height:100%;display:grid;place-items:center;font-size:4rem;font-weight:600;color:var(--text);background:#0f172a0f}.product-detail__content{flex:1;min-width:0}.product-detail .product-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem 2rem}.meta-item{display:flex;flex-direction:column;gap:.2rem}.meta-label{font-size:.75rem;color:var(--text-muted);font-weight:500}.meta-value{font-size:.95rem;font-weight:600;color:var(--text)}.product-detail__edit-actions{display:flex;gap:.5rem;padding-top:1rem}.product-detail-footer{display:flex;align-items:center;gap:1.5rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #f0f0f0}.product-detail-price{font-size:1.1rem;font-weight:700;color:var(--text)}.product-detail-rating{display:flex;align-items:center;gap:.3rem;font-size:.9rem;font-weight:600;color:var(--text)}.secondary-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:1px solid var(--border);color:var(--text);font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .18s ease,color .18s ease}.secondary-btn:hover{background:#0f172a0a}.edit-input{width:100%;padding:.35rem .5rem;font-size:.9rem;font-weight:500;color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:6px;outline:none;transition:border-color .18s ease,box-shadow .18s ease}.edit-input:focus{border-color:var(--accent, #3b82f6);box-shadow:0 0 0 2px #3b82f626}.edit-input--title{font-size:1.4rem;font-weight:700;padding:.25rem .5rem;min-width:300px}.alert--error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;margin-bottom:1rem}.scenario-card{background:#fff;border:1px solid #e4e5eb;border-radius:16px;padding:1.5rem 2rem;margin-top:1.5rem}.scenario-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.scenario-card__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.scenario-card__subtitle{margin:.25rem 0 0;font-size:.82rem;color:var(--text-muted)}.scenario-card__actions{display:flex;gap:.5rem;flex-wrap:wrap}.scenario-card__loading{font-size:.9rem;color:var(--text-muted);padding:.5rem 0}.scenario-filmstrip{display:flex;flex-wrap:nowrap;gap:.6rem;overflow-x:auto;padding:.35rem 0 .75rem;margin-bottom:.25rem;align-items:center}.scenario-filmstrip--loading{min-height:84px}.scenario-filmstrip__item{flex:0 0 auto;width:84px;height:84px;box-sizing:border-box;border:1px solid #e5e7eb;border-radius:10px;background:#f8fafc;padding:.35rem;overflow:hidden;display:flex;align-items:center;justify-content:center}.scenario-filmstrip__item--loading{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:scenario-shimmer 1.25s linear infinite}.scenario-filmstrip__item img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:6px;display:block}@keyframes scenario-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.scenario-grid{display:flex;flex-direction:column;gap:.65rem}.scenario-grid__header{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr) minmax(0,.8fr) auto;gap:.5rem;padding:0 .2rem;color:#475569;font-size:.72rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.scenario-row{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.9fr) minmax(0,.8fr) auto;gap:.5rem;align-items:center}.scenario-row__remove-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#dc2626;cursor:pointer}.scenario-row__remove-btn:hover{background:#fee2e2}.scenario-row__hint{grid-column:1 / -1;margin:0;font-size:.78rem;color:var(--text-muted)}.scenario-card__footer{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap}.color-analysis-card__canvas{display:none}.color-analysis-card__meta{display:flex;flex-wrap:wrap;gap:.5rem 1rem;margin-bottom:.75rem;color:#64748b;font-size:.78rem}.color-analysis-card__reanalyze-status{margin-bottom:.75rem;padding:.5rem .7rem;border-radius:8px;font-size:.78rem;font-weight:600;border:1px solid transparent}.color-analysis-card__reanalyze-status--refreshing{background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}.color-analysis-card__reanalyze-status--completed{background:#ecfdf5;border-color:#bbf7d0;color:#166534}.color-analysis-card__reanalyze-status--warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.color-analysis-card__reanalyze-status--error{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.color-analysis-card__review-toggle{display:inline-flex;border:1px solid #cbd5e1;border-radius:999px;overflow:hidden;background:#f8fafc}.color-analysis-card__review-toggle-btn{border:none;background:transparent;color:#475569;font-size:.78rem;font-weight:600;padding:.38rem .85rem;cursor:pointer;transition:background .18s ease,color .18s ease}.color-analysis-card__review-toggle-btn+.color-analysis-card__review-toggle-btn{border-left:1px solid #cbd5e1}.color-analysis-card__review-toggle-btn--active{background:#0f172a;color:#fff}.color-analysis-card__review-toggle-btn--unknown{background:#475569}.color-analysis-card__layout{display:grid;grid-template-columns:minmax(240px,360px) 1fr;gap:.9rem;align-items:start}.color-analysis-card__image-wrap{border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;padding:.6rem}.color-analysis-card__image{width:100%;border-radius:8px;border:1px solid #dbe3ee;cursor:crosshair;display:block}.color-analysis-card__image-placeholder{border-radius:8px;border:1px dashed #cbd5e1;background:#fff;color:#64748b;min-height:180px;display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem}.color-analysis-card__hint{margin:.45rem 0 0;font-size:.74rem;color:#64748b}.color-analysis-card__picker-tools{margin-top:.55rem;display:flex;flex-wrap:wrap;align-items:center;gap:.45rem}.color-analysis-card__picker-label{font-size:.76rem;color:#64748b;margin-right:.1rem}.color-analysis-card__mode-btn{padding:.3rem .65rem;font-size:.74rem}.color-analysis-card__mode-btn--active{border-color:#94a3b8;background:#eef2ff}.color-analysis-card__hover-preview{margin-top:.55rem;border:1px solid #dbe3ee;border-radius:10px;background:#fff;display:flex;align-items:center;gap:.65rem;padding:.5rem .6rem}.color-analysis-card__hover-swatch{width:2.1rem;height:2.1rem;border-radius:8px;border:1px solid #cbd5e1;flex-shrink:0}.color-analysis-card__hover-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0}.color-analysis-card__hover-title{font-size:.7rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.color-analysis-card__hover-code{font-size:.78rem;color:#0f172a;font-family:Geist Mono,monospace;line-height:1.25}.color-analysis-card__hover-empty{font-size:.76rem;color:#64748b}.color-analysis-card__editor{display:flex;flex-direction:column;gap:.55rem}.color-analysis-card__row{display:grid;grid-template-columns:auto 44px minmax(285px,1.45fr) minmax(130px,.75fr) auto auto;gap:.5rem;align-items:end}.color-analysis-card__radio{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;color:#64748b;align-self:center;transform:translateY(.4rem)}.color-analysis-card__swatch{width:44px;height:40px;border:1px solid #d7dce2;border-radius:8px;background:#fff;padding:2px}.color-analysis-card__lab-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.4rem}.color-analysis-card__lab-field,.color-analysis-card__pct-field{display:grid;gap:.22rem;min-width:0}.color-analysis-card__lab-field>span,.color-analysis-card__pct-field>span{font-size:.68rem;color:#64748b;text-transform:uppercase;letter-spacing:.02em;font-weight:700}.color-analysis-card__lab-field .edit-input,.color-analysis-card__pct-field .edit-input{height:40px}.color-analysis-card__row-undo-btn{height:40px;padding:0 .7rem;font-size:.74rem;white-space:nowrap}.color-analysis-card .scenario-row__remove-btn{width:40px;height:40px}.color-analysis-card__percent-total{margin-top:.2rem;display:flex;align-items:center;justify-content:space-between;padding:.5rem .65rem;border:1px solid #dbe3ee;border-radius:8px;background:#f8fafc}.color-analysis-card__percent-total-label{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.color-analysis-card__percent-total-value{font-size:.88rem;font-weight:700;color:#0f172a;font-family:Geist Mono,monospace}.color-analysis-card__review{display:grid;gap:.5rem;margin-top:.35rem}.color-analysis-card__notes-label{font-size:.72rem;color:#64748b;text-transform:uppercase;letter-spacing:.03em;font-weight:700}.color-analysis-card .filter-checkbox{display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .65rem;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:var(--text);font-size:.82rem}.color-analysis-card .filter-checkbox input{margin:0}.color-analysis-card__notes{min-height:74px;resize:vertical}.gallery-card{background:#fff;border:1px solid #e4e5eb;border-radius:16px;padding:1.5rem 2rem;margin-top:1.5rem}.gallery-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.gallery-card__title{display:flex;align-items:center;gap:.75rem}.gallery-icon{color:#22c55e}.gallery-card__title h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.gallery-card__title p{margin:0;font-size:.8rem;color:var(--text-muted)}.gallery-card__actions{display:flex;gap:.5rem}.primary-btn{display:flex;align-items:center;gap:.4rem;background:#0f172a;color:#fff;border:none;font-weight:500;padding:.5rem 1rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:background .18s ease}.primary-btn:hover{background:#1e293b}.primary-btn--blocked{opacity:.55;cursor:not-allowed}.primary-btn--blocked:hover{background:#0f172a}.gallery-tabs{display:flex;gap:.25rem;margin-bottom:1.25rem;border-bottom:1px solid #f0f0f0;padding-bottom:0}.gallery-tab{background:none;border:none;border-bottom:2px solid transparent;padding:.5rem .75rem;font-size:.8rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .18s ease,border-color .18s ease;white-space:nowrap}.gallery-tab:hover{color:var(--text)}.gallery-tab--active{color:var(--text);border-bottom-color:var(--text)}.gallery-card__actions{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.gallery-card__select-btn{display:flex;align-items:center;gap:.35rem;background:transparent;color:var(--text-muted);border:1px solid #e4e5eb;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease}.gallery-card__select-btn:hover{background:#f5f7fa;color:var(--text)}.gallery-card__download-btn{display:flex;align-items:center;gap:.35rem;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease}.gallery-card__download-btn:hover{background:#dbeafe}.gallery-card__download-btn:disabled{opacity:.6;cursor:not-allowed}.gallery-card__bulk-delete-btn{display:flex;align-items:center;gap:.35rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease}.gallery-card__bulk-delete-btn:hover{background:#fee2e2}.gallery-card__bulk-delete-btn:disabled{opacity:.6;cursor:not-allowed}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.gallery-item{position:relative;border-radius:12px;overflow:hidden;background:#fafbfc;aspect-ratio:3 / 4;cursor:pointer}.gallery-item--selected{outline:3px solid var(--accent, #3b82f6);outline-offset:-3px}.gallery-item__select-check{position:absolute;top:.4rem;left:.4rem;width:22px;height:22px;border-radius:50%;background:#ffffffb3;border:2px solid #d1d5db;display:grid;place-items:center;color:transparent;z-index:2;opacity:1;transition:background .18s ease,border-color .18s ease,color .18s ease}.gallery-item__select-check--active{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff;opacity:1}.campaign-tag{font-size:.65rem;font-weight:600;padding:.15rem .5rem;border-radius:4px;color:#fff;background:#22c55e}.campaign-tag:nth-child(2){background:#ef4444}.campaign-tag:nth-child(3){background:#8b5cf6}.campaign-tag:nth-child(4){background:#f59e0b}.gallery-item__image{width:100%;height:100%;object-fit:cover;cursor:pointer}.gallery-item__placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted);font-size:.85rem}.gallery-item__actions{position:absolute;bottom:.5rem;right:.5rem;display:flex;gap:.25rem;opacity:0;transition:opacity .18s ease}.gallery-item__optimized-tag{position:absolute;right:.45rem;top:.45rem;z-index:3;background:#111827d1;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.2rem .45rem;pointer-events:none;display:flex;align-items:center}.gallery-item:hover .gallery-item__actions{opacity:1}.gallery-item__delete-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:none;background:#00000073;color:#fff;cursor:pointer;transition:background .15s ease}.gallery-item__delete-btn:hover{background:#dc2626}.gallery-item__tag-wrapper{position:relative}.gallery-item__tag-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:none;background:#ffffffe6;color:var(--text);cursor:pointer;box-shadow:0 1px 4px #00000026;transition:background .15s ease}.gallery-item__tag-btn:hover{background:#fff}.gallery-item__tag-menu{position:absolute;bottom:100%;right:0;margin-bottom:4px;background:#fff;border:1px solid #e4e5eb;border-radius:8px;box-shadow:0 4px 12px #0000001f;min-width:180px;z-index:20;padding:.25rem}.gallery-item__tag-menu-title{padding:.4rem .6rem .25rem;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.gallery-item__tag-menu-empty{padding:.75rem .6rem;font-size:.8rem;color:var(--text-muted);text-align:center}.gallery-item__tag-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.4rem .6rem;font-size:.8rem;font-weight:500;background:none;border:none;border-radius:6px;cursor:pointer;color:var(--text);text-align:left;transition:background .15s ease}.gallery-item__tag-option:hover{background:#f5f7fa}.gallery-item__tag-option--active{color:#16a34a}.gallery-item__tag-option--readonly{cursor:default}.gallery-item__tag-option--readonly:hover{background:transparent}.gallery-item__tag-check{width:16px;font-size:.75rem;text-align:center}.gallery-empty{padding:3rem 0;text-align:center;color:var(--text-muted);font-size:.9rem}@media(max-width:768px){.product-detail{flex-direction:column;gap:1.5rem}.product-detail__image{width:100%;height:250px}.product-detail .product-meta{grid-template-columns:repeat(2,1fr)}.product-detail-header{flex-direction:column;gap:1rem}.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-card__header{flex-direction:column;align-items:flex-start;gap:.75rem}.scenario-card,.analysis-tools__toggle{padding:1rem}.scenario-card__header{flex-direction:column;align-items:flex-start}.scenario-row{grid-template-columns:1fr}.scenario-grid__header{display:none}.scenario-filmstrip__item{width:72px;height:72px}.scenario-filmstrip__item img{max-width:100%;max-height:100%}.scenario-row__remove-btn{width:100%}.color-analysis-card__layout,.color-analysis-card__row{grid-template-columns:1fr}}.ai-studio__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.ai-studio__header-left{display:flex;align-items:center;gap:.75rem}.ai-studio__icon{color:#22c55e}.ai-studio__header-left h1{margin:0;font-size:1.4rem;font-weight:700;color:var(--text)}.ai-studio__header-left p{margin:0;font-size:.85rem;color:var(--text-muted)}.ai-studio__header-actions{display:flex;gap:.5rem}.ai-studio__card{background:#fff;border:1px solid #e4e5eb;border-radius:16px;padding:1.5rem}.ai-studio__card-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1.25rem}.ai-studio__card-header h2{margin:0;font-size:1rem;font-weight:600;color:var(--text)}.ai-studio__main{display:grid;grid-template-columns:380px 1fr;gap:1.5rem;margin-bottom:1.5rem}.ai-studio__reference-image{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:.75rem}.ai-studio__reference-image img{width:100%;height:100%;object-fit:contain}.ai-studio__generating-overlay{position:absolute;inset:0;background:#ffffffd9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;border-radius:12px;z-index:1}.ai-studio__spinner{width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#22c55e;border-radius:50%;animation:ai-spin .8s linear infinite}@keyframes ai-spin{to{transform:rotate(360deg)}}.ai-studio__generating-text{margin:0;font-size:.9rem;font-weight:600;color:var(--text)}.ai-studio__generating-subtext{margin:0;font-size:.8rem;color:var(--text-muted)}.ai-studio__generated-image{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:#fff;margin-bottom:.75rem}.ai-studio__generated-image img{width:100%;height:100%;object-fit:contain}.ai-studio__new-badge{position:absolute;top:.75rem;right:.75rem;background:#22c55e;color:#fff;font-size:.7rem;font-weight:600;padding:.2rem .6rem;border-radius:6px;z-index:1}.ai-studio__ref-thumb{display:flex;align-items:center;gap:.75rem;padding:.6rem .75rem;background:#fafbfc;border:1px solid #f0f0f0;border-radius:10px;margin-bottom:.75rem}.ai-studio__ref-thumb img{width:36px;height:36px;border-radius:6px;object-fit:cover}.ai-studio__ref-thumb div{display:flex;flex-direction:column}.ai-studio__ref-label{font-size:.7rem;color:var(--text-muted)}.ai-studio__ref-name{font-size:.8rem;font-weight:600;color:var(--text)}.ai-studio__result-actions{display:flex;gap:.5rem;margin-bottom:1rem}.ai-studio__variations{border:1px solid #f0f0f0;background:#fafbfc;border-radius:12px;padding:.75rem;margin:.5rem 0 1rem}.ai-studio__variations-title{font-size:.85rem;font-weight:700;color:var(--text)}.ai-studio__variations-subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.15rem}.ai-studio__variations-controls{display:flex;gap:.5rem;align-items:stretch;margin-top:.6rem;flex-wrap:wrap}.ai-studio__variations-select{flex:1 1 320px;min-width:0;padding:.4rem .6rem;font-size:.8rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;color:var(--text)}.ai-studio__variations-add{flex:0 0 auto;padding:.45rem .8rem;border-radius:8px;border:1px solid #d1d5db;background:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .18s ease,border-color .18s ease;align-self:flex-end;white-space:nowrap}.ai-studio__variations-add:hover:not(:disabled){background:#f5f7fa;border-color:#9ca3af}.ai-studio__variations-add:disabled{opacity:.6;cursor:not-allowed}.ai-studio__variations-clear{padding:.45rem .8rem;border-radius:8px;border:1px solid #fecaca;background:#fef2f2;color:#dc2626;font-size:.8rem;font-weight:600;cursor:pointer;flex:0 0 auto;align-self:flex-end;white-space:nowrap}@media(max-width:600px){.ai-studio__variations-controls{flex-direction:column;align-items:stretch}.ai-studio__variations-add,.ai-studio__variations-clear{width:100%}}.ai-studio__variations-grid{margin-top:.75rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.6rem}.ai-studio__variation-card{background:#fff;border:1px solid #e4e5eb;border-radius:10px;overflow:hidden}.ai-studio__variation-card img{width:100%;height:110px;object-fit:cover;display:block}.ai-studio__variation-meta{display:flex;align-items:center;justify-content:space-between;padding:.35rem .45rem}.ai-studio__variation-badge{font-size:.7rem;font-weight:700;color:var(--text);background:#f3f4f6;border:1px solid #e5e7eb;padding:.15rem .45rem;border-radius:999px}.ai-studio__variation-remove{border:none;background:none;color:#dc2626;font-size:.75rem;font-weight:600;cursor:pointer}.ai-crop__overlay{position:fixed;inset:0;background:#0000008c;display:grid;place-items:center;z-index:2500;padding:1.5rem}.ai-crop__modal{width:min(720px,96vw);background:#fff;border-radius:14px;border:1px solid #e5e7eb;overflow:hidden}.ai-crop__header{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;border-bottom:1px solid #f0f0f0}.ai-crop__title{font-size:.95rem;font-weight:700;color:var(--text)}.ai-crop__subtitle{font-size:.75rem;color:var(--text-muted);margin-top:.1rem}.ai-crop__icon-btn{border:1px solid #e5e7eb;background:#fff;border-radius:10px;padding:.35rem;cursor:pointer}.ai-crop__body{padding:1rem}.ai-crop__cropper{position:relative;width:100%;height:380px;background:#111827;border-radius:12px;overflow:hidden}.ai-crop__controls{margin-top:.9rem}.ai-crop__original-note{margin-top:.9rem;font-size:.78rem;color:var(--text-muted)}.ai-crop__zoom{display:flex;align-items:center;gap:.75rem;color:var(--text);font-size:.8rem}.ai-crop__zoom input[type=range]{width:100%}.ai-crop__footer{display:flex;gap:.5rem;justify-content:flex-end;padding:.9rem 1rem;border-top:1px solid #f0f0f0}.ai-crop__btn{display:inline-flex;align-items:center;gap:.4rem;border-radius:10px;padding:.55rem .9rem;font-size:.85rem;font-weight:700;cursor:pointer;border:1px solid transparent}.ai-crop__btn--secondary{background:#fff;border-color:#d1d5db;color:var(--text)}.ai-crop__btn--primary{background:#22c55e;border-color:#22c55e;color:#fff}.ai-crop__btn:disabled{opacity:.6;cursor:not-allowed}.ai-variation__modal{width:min(1160px,96vw);max-height:92vh;overflow:auto}.ai-variation__body{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.ai-variation__panel{display:flex;flex-direction:column;gap:.65rem}.ai-variation__panel-title{font-size:.8rem;font-weight:700;color:var(--text)}.ai-variation__preview-loading{width:100%;height:100%;display:grid;place-items:center;color:#9ca3af;font-size:.82rem}.ai-text__modal{width:min(980px,96vw)}.ai-text__body{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem}.ai-text__editor{position:relative;width:min(100%,calc(60vh * var(--editor-aspect, 1)));max-width:100%;max-height:60vh;border-radius:12px;overflow:hidden;background:#111827;border:1px solid #e5e7eb;margin:0 auto}.ai-text__image{width:100%;height:100%;object-fit:cover;display:block}.ai-text__box{position:absolute;border:2px dashed rgba(255,255,255,.9);background:#1118272e;border-radius:8px;padding:.2em .28em;line-height:1.15;font-weight:700;cursor:move;-webkit-user-select:none;user-select:none;overflow:visible;white-space:pre-wrap;text-shadow:0 1px 2px rgba(0,0,0,.75)}.ai-text__controls{display:flex;flex-direction:column;gap:.85rem}.ai-text__field{display:flex;flex-direction:column;gap:.35rem}.ai-text__field span{font-size:.78rem;font-weight:600;color:var(--text)}.ai-text__field input[type=text],.ai-text__field input[type=number],.ai-text__field input[type=range],.ai-text__field select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.48rem .62rem;font-size:.84rem;background:#fff;color:var(--text)}.ai-text__field input[type=range]{padding:0;border:none;background:transparent}.ai-text__field input[type=color]{width:100%;min-height:2.2rem;border:1px solid #d1d5db;border-radius:8px;background:#fff;padding:.22rem;cursor:pointer}.ai-text__handle{position:absolute;width:11px;height:11px;border-radius:50%;border:1px solid rgba(17,24,39,.85);background:#fff;padding:0}.ai-text__handle--n{top:-7px;left:calc(50% - 5.5px);cursor:ns-resize}.ai-text__handle--s{bottom:-7px;left:calc(50% - 5.5px);cursor:ns-resize}.ai-text__handle--e{right:-7px;top:calc(50% - 5.5px);cursor:ew-resize}.ai-text__handle--w{left:-7px;top:calc(50% - 5.5px);cursor:ew-resize}.ai-text__handle--ne{top:-7px;right:-7px;cursor:nesw-resize}.ai-text__handle--nw{top:-7px;left:-7px;cursor:nwse-resize}.ai-text__handle--se{bottom:-7px;right:-7px;cursor:nwse-resize}.ai-text__handle--sw{bottom:-7px;left:-7px;cursor:nesw-resize}.ai-text__rotate-handle{position:absolute;right:-28px;top:50%;width:22px;height:22px;border-radius:50%;border:1px solid rgba(17,24,39,.95);background:#fff;color:#111827;display:inline-flex;align-items:center;justify-content:center;transform:translateY(-50%);cursor:grab;padding:0;box-shadow:0 1px 2px #0003;z-index:3}.ai-text__rotate-handle:active{cursor:grabbing}.ai-studio__save-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;background:#22c55e;color:#fff;border:none;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:600;cursor:pointer;transition:background .18s ease}.ai-studio__save-btn:hover:not(:disabled){background:#16a34a}.ai-studio__save-btn:disabled{opacity:.6;cursor:default}.ai-studio__discard-btn{display:flex;align-items:center;gap:.4rem;background:#fff;color:var(--text);border:1px solid #d1d5db;padding:.5rem 1rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease,border-color .18s ease}.ai-studio__discard-btn:hover{background:#fafbfc;border-color:#9ca3af}.ai-studio__params{border-top:1px solid #f0f0f0;padding-top:.75rem}.ai-studio__params-label{display:block;font-size:.7rem;font-weight:600;color:var(--text-muted);letter-spacing:.04em;margin-bottom:.5rem}.ai-studio__params-tags{display:flex;flex-wrap:wrap;gap:.35rem}.ai-studio__param-tag{background:#f3f4f6;color:var(--text);font-size:.75rem;padding:.25rem .6rem;border-radius:6px;border:1px solid #e5e7eb}.ai-studio__reference-placeholder{display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted)}.ai-studio__reference-placeholder p{margin:0;font-size:.85rem}.ai-studio__reference-hint{margin:0 0 1.25rem;font-size:.8rem;color:var(--text-muted);text-align:center}.ai-studio__product-meta{display:flex;flex-direction:column;gap:.5rem;border-top:1px solid #f0f0f0;padding-top:1rem}.ai-studio__meta-row{display:flex;justify-content:space-between;font-size:.85rem}.ai-studio__meta-row span:first-child{color:var(--text-muted)}.ai-studio__meta-row span:last-child{font-weight:600;color:var(--text)}.ai-studio__settings-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:1.5rem}.ai-studio__field{display:flex;flex-direction:column;gap:.35rem}.ai-studio__field label{font-size:.8rem;font-weight:500;color:var(--text)}.ai-studio__required{color:#dc2626}.ai-studio__field-hint{margin:0;font-size:.75rem;color:#dc2626}.ai-studio__field select{padding:.45rem .6rem;font-size:.85rem;color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;cursor:pointer;appearance:auto;transition:border-color .18s ease}.ai-studio__field select:focus{border-color:var(--accent, #3b82f6)}.ai-studio__city-input{padding:.45rem .6rem;font-size:.85rem;color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;transition:border-color .18s ease;width:100%;box-sizing:border-box}.ai-studio__city-input:focus{border-color:var(--accent, #3b82f6)}.ai-studio__city-input::placeholder{color:silver}.ai-studio__prompt-field{margin-bottom:1.5rem}.ai-studio__prompt-field label{display:block;font-size:.8rem;font-weight:500;color:var(--text);margin-bottom:.35rem}.ai-studio__prompt-field textarea{width:100%;padding:.6rem .75rem;font-size:.85rem;color:var(--text);background:#fff;border:1px solid #d1d5db;border-radius:8px;outline:none;resize:vertical;font-family:inherit;transition:border-color .18s ease;box-sizing:border-box}.ai-studio__prompt-field textarea:focus{border-color:var(--accent, #3b82f6)}.ai-studio__prompt-field textarea::placeholder{color:silver}.ai-studio__prompt-hint{margin:.35rem 0 0;font-size:.75rem;color:var(--text-muted)}.ai-studio__error-msg{background:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;padding:.75rem 1rem;font-size:.85rem;margin-bottom:1rem}.ai-studio__result{border:1px solid #d1fae5;border-radius:12px;overflow:hidden;margin-bottom:1.25rem;background:#f0fdf4}.ai-studio__result img{width:100%;max-height:300px;object-fit:contain;display:block}.ai-studio__result-label{margin:0;padding:.5rem 1rem;font-size:.8rem;color:#16a34a;font-weight:500;text-align:center}.ai-studio__generate-bar{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0f0f0;padding-top:1.25rem}.ai-studio__generate-hint{margin:0;font-size:.8rem;color:var(--text-muted)}.ai-studio__generate-btn{display:flex;align-items:center;gap:.5rem;background:#22c55e;color:#fff;border:none;padding:.6rem 1.25rem;border-radius:10px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .18s ease}.ai-studio__generate-btn:hover{background:#16a34a}.ai-studio__generate-btn:disabled{opacity:.6;cursor:not-allowed}.ai-studio__recent{margin-top:0}.ai-studio__recent .ai-studio__card-header{display:flex;justify-content:space-between;align-items:center}.ai-studio__card-header-left{display:flex;align-items:center;gap:.5rem}.ai-studio__card-header-left h2{margin:0;font-size:1rem;font-weight:600}.ai-studio__gallery-count{background:#e5e7eb;color:var(--text);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:10px;margin-left:.25rem}.ai-studio__gallery-actions{display:flex;align-items:center;gap:.5rem}.ai-studio__select-all-btn{display:flex;align-items:center;gap:.35rem;background:transparent;color:var(--text-muted);border:1px solid #e4e5eb;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease}.ai-studio__select-all-btn:hover{background:#f5f7fa;color:var(--text)}.ai-studio__download-btn{display:flex;align-items:center;gap:.35rem;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease}.ai-studio__download-btn:hover{background:#dbeafe}.ai-studio__download-btn:disabled{opacity:.6;cursor:not-allowed}.ai-studio__delete-btn{display:flex;align-items:center;gap:.35rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease}.ai-studio__delete-btn:hover{background:#fee2e2}.ai-studio__delete-btn:disabled{opacity:.6;cursor:not-allowed}.ai-studio__view-all{background:none;border:none;font-size:.85rem;font-weight:500;color:var(--text);cursor:pointer;transition:color .18s ease}.ai-studio__view-all:hover{color:var(--accent, #3b82f6)}.ai-studio__recent-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1rem}.ai-studio__recent-item{position:relative;aspect-ratio:3 / 4;border:1px solid #f0f0f0;border-radius:12px;overflow:hidden;background:#fafbfc;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.ai-studio__recent-item:hover{border-color:#d1d5db}.ai-studio__recent-item--selected{border-color:var(--accent, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.ai-studio__select-check{position:absolute;top:.4rem;left:.4rem;width:22px;height:22px;border-radius:50%;background:#ffffffb3;border:2px solid #d1d5db;display:grid;place-items:center;color:transparent;opacity:0;transition:all .18s ease}.ai-studio__recent-item:hover .ai-studio__select-check{opacity:1}.ai-studio__select-check--active{opacity:1;background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff}.ai-studio__variation-count-badge{position:absolute;top:.4rem;right:.4rem;background:#111827d9;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.25)}.ai-studio__optimized-tag{position:absolute;right:.45rem;top:.45rem;background:#111827d1;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.2rem .45rem;display:flex;align-items:center}.ai-studio__edit-btn{position:absolute;right:.45rem;top:.45rem;display:inline-flex;align-items:center;gap:.25rem;border:1px solid rgba(255,255,255,.28);background:#111827d1;color:#fff;border-radius:999px;padding:.2rem .45rem;font-size:.68rem;font-weight:700;cursor:pointer}.ai-studio__size-modal{width:min(520px,96vw)}.ai-studio__size-select{width:100%;border:1px solid #d1d5db;border-radius:8px;padding:.5rem .65rem;font-size:.85rem;color:var(--text);background:#fff}.ai-studio__recent-item img{width:100%;height:100%;object-fit:cover}.ai-studio__recent-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;color:#d1d5db}.ai-studio__recent-placeholder span{font-size:.75rem;color:#d1d5db}.ai-studio__loading{padding:3rem}.ai-studio__error{padding:2rem 0}@media(max-width:900px){.ai-studio__main{grid-template-columns:1fr}.ai-studio__settings-grid{grid-template-columns:repeat(2,1fr)}.ai-studio__recent-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.ai-studio__settings-grid{grid-template-columns:1fr}.ai-studio__recent-grid{grid-template-columns:repeat(2,1fr)}.ai-studio__generate-bar{flex-direction:column;gap:.75rem;align-items:flex-start}.ai-variation__body,.ai-text__body{grid-template-columns:1fr}}.lightbox-caption{position:absolute;left:50%;bottom:1.2rem;transform:translate(-50%);width:min(920px,92vw);background:#0000008c;color:#fff;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:.6rem .85rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.lightbox-caption__label{font-size:.85rem;font-weight:800;margin-bottom:.25rem}.lightbox-caption__prompt{font-size:.8rem;opacity:.95;line-height:1.25}.lightbox-thumbs{position:absolute;bottom:1.25rem;left:50%;transform:translate(-50%);display:flex;gap:.6rem;padding:.6rem .75rem;border-radius:14px;background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);max-width:min(92vw,980px);overflow-x:auto}.lightbox-thumb{background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:.35rem;display:grid;gap:.25rem;cursor:pointer;color:#fff;min-width:86px}.lightbox-thumb img{width:78px;height:56px;object-fit:cover;border-radius:8px;display:block}.lightbox-thumb span{font-size:.7rem;font-weight:700;text-align:center;opacity:.9}.lightbox-thumb--active{border-color:#22c55ef2;box-shadow:0 0 0 2px #22c55e40}.campaigns__view-toggle{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.campaigns__view-btn{display:flex;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.8rem;font-weight:500;background:#fff;border:none;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.campaigns__view-btn:not(:last-child){border-right:1px solid var(--border)}.campaigns__view-btn--active{background:#f5f7fa;color:var(--text)}.campaigns__view-btn:hover{background:#f5f7fa}.campaigns__status-filters{display:flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.campaigns__filter-btn{padding:.45rem .85rem;font-size:.8rem;font-weight:500;background:#fff;border:none;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.campaigns__filter-btn:not(:last-child){border-right:1px solid var(--border)}.campaigns__filter-btn:hover{background:#f5f7fa;color:var(--text)}.campaigns__filter-btn--active{background:#f0f2f5;color:var(--text);font-weight:600}.campaigns__table-container{background:#fff;border:1px solid #e4e5eb;border-radius:12px;overflow:hidden}.campaigns__table{width:100%;border-collapse:collapse}.campaigns__table th{text-align:left;padding:.75rem 1.5rem;font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid #f0f0f0;background:#fafbfc}.campaigns__row{cursor:pointer;transition:background .15s ease}.campaigns__row:hover{background:#f5f7fa}.campaigns__table td{padding:.75rem 1.5rem;border-bottom:1px solid #f8f9fa;font-size:.85rem;color:var(--text)}.campaigns__table tr:last-child td{border-bottom:none}.campaigns__name-cell{font-weight:600}.campaigns__desc-cell{max-width:300px}.campaigns__desc-text{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-muted)}.campaigns__desc-empty{color:silver;font-style:italic}.campaigns__date-cell{color:var(--text-muted);white-space:nowrap}.campaigns__actions-cell{width:40px}.campaigns__delete-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1px solid #e4e5eb;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.campaigns__delete-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.campaigns__status{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.campaigns__status--active{background:#dcfce7;color:#16a34a}.campaigns__status--draft{background:#fef9c3;color:#ca8a04}.campaigns__status--completed{background:#e5e7eb;color:#6b7280}.campaigns__cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.campaigns__card{background:#fff;border:1px solid #e4e5eb;border-radius:12px;padding:1.25rem;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease}.campaigns__card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000a}.campaigns__card--skeleton{cursor:default}.campaigns__card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.campaigns__card-name{margin:0;font-size:.95rem;font-weight:600}.campaigns__card-desc{margin:0 0 .75rem;font-size:.8rem;color:var(--text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.campaigns__card-stats{display:flex;gap:1rem;font-size:.8rem;color:var(--text-muted);margin-bottom:.5rem}.campaigns__card-date{margin:0;font-size:.75rem;color:silver}.campaigns__cards-empty{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text-muted)}.campaign-detail__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem}.campaign-detail__header-left{display:flex;align-items:flex-start;gap:.75rem}.campaign-detail__back-btn{background:none;border:none;padding:.35rem;border-radius:6px;cursor:pointer;color:var(--text-muted);transition:background .18s ease,color .18s ease;margin-top:.2rem}.campaign-detail__back-btn:hover{background:#0f172a0f;color:var(--text)}.campaign-detail__title-row{display:flex;align-items:center;gap:.75rem}.campaign-detail__title-row h1{margin:0;font-size:1.5rem;font-weight:700}.campaign-detail__description{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.campaign-detail__edit-form{display:flex;flex-direction:column;gap:1rem;padding:0 1.5rem 1.5rem}.campaign-detail__edit-row{display:flex;gap:1rem}.campaign-detail__edit-field{display:flex;flex-direction:column;gap:.3rem}.campaign-detail__edit-field--grow{flex:1}.campaign-detail__edit-field label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.03em}.campaign-detail__edit-field input,.campaign-detail__edit-field textarea,.campaign-detail__edit-field select{padding:.5rem .65rem;border:1px solid #e4e5eb;border-radius:8px;font-size:.9rem;font-family:inherit;background:#fff;transition:border-color .18s ease}.campaign-detail__edit-field input:focus,.campaign-detail__edit-field textarea:focus,.campaign-detail__edit-field select:focus{outline:none;border-color:var(--accent, #3b82f6)}.campaign-detail__edit-field textarea{resize:vertical}.campaign-detail__edit-error{font-size:.8rem;color:#dc2626}.campaign-detail__edit-actions{display:flex;gap:.5rem}.campaign-detail__actions{display:flex;align-items:center;gap:.5rem}.campaign-detail__loading{padding:3rem;text-align:center;color:var(--text-muted)}.campaign-detail__error{margin-top:1rem;padding:1rem;background:#fef2f2;color:#dc2626;border-radius:8px;font-size:.85rem}.campaign-detail__stats{display:flex;gap:0;background:#fff;border:1px solid #e4e5eb;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.campaign-detail__stat{flex:1;padding:1rem 1.5rem;display:flex;flex-direction:column;gap:.25rem}.campaign-detail__stat:not(:last-child){border-right:1px solid #f0f0f0}.campaign-detail__stat-label{font-size:.75rem;font-weight:500;color:var(--text-muted)}.campaign-detail__stat-value{font-size:1rem;font-weight:600;color:var(--text)}.campaign-detail__card{background:#fff;border:1px solid #e4e5eb;border-radius:12px;overflow:hidden;margin-bottom:1.5rem}.campaign-detail__card-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem}.campaign-detail__card-header h2{margin:0;font-size:1rem;font-weight:600}.campaign-detail__images-title{display:flex;align-items:center;gap:.75rem}.campaign-detail__images-title h2{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.campaign-detail__images-title p{margin:0;font-size:.8rem;color:var(--text-muted)}.campaign-detail__card-header-right{display:flex;align-items:center;gap:.5rem}.campaign-detail__empty{padding:2rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.85rem}.campaign-detail__table-wrap{overflow-x:auto}.campaign-detail__table{width:100%;border-collapse:collapse}.campaign-detail__table th{text-align:left;padding:.6rem 1.5rem;font-weight:600;font-size:.8rem;text-transform:uppercase;color:var(--text-muted);border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0;background:#fafbfc}.campaign-detail__table td{padding:.75rem 1.5rem;border-bottom:1px solid #f8f9fa;font-size:.85rem;color:var(--text);vertical-align:middle}.campaign-detail__table tr:last-child td{border-bottom:none}.campaign-detail__product-row{cursor:pointer;transition:background .15s ease}.campaign-detail__product-row:hover{background:#f5f7fa}.campaign-detail__product-row--active{background:#eff6ff}.campaign-detail__product-row--active:hover{background:#dbeafe}.campaign-detail__product-thumb{width:40px;height:40px;border-radius:8px;overflow:hidden;background:#f0f0f0;border:1px solid #ebebeb;display:grid;place-items:center}.campaign-detail__product-thumb img{width:100%;height:100%;object-fit:cover;object-position:center}.campaign-detail__product-avatar{font-size:.8rem;font-weight:600;color:var(--text-muted)}.campaign-detail__product-name{font-weight:600}.campaign-detail__price{font-weight:400}.campaign-detail__images-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 .4rem;border-radius:6px;background:#f0f0f0;font-size:.75rem;font-weight:600;color:var(--text)}.campaign-detail__row-actions{width:auto;white-space:nowrap;display:flex;align-items:center;gap:.4rem}.campaign-detail__remove-product-btn{display:grid;place-items:center;width:28px;height:28px;border-radius:6px;border:1px solid #e4e5eb;background:transparent;color:var(--text-muted);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.campaign-detail__remove-product-btn:hover{background:#fef2f2;color:#dc2626;border-color:#fecaca}.campaign-detail__image-filters{display:flex;gap:.25rem;padding:0 1.5rem .75rem;flex-wrap:wrap}.campaign-detail__image-filter{padding:.3rem .75rem;font-size:.78rem;font-weight:500;border:1px solid #e4e5eb;border-radius:20px;background:#fff;color:var(--text-muted);cursor:pointer;transition:all .15s ease;white-space:nowrap}.campaign-detail__image-filter:hover{background:#f5f7fa;color:var(--text)}.campaign-detail__image-filter--active{background:var(--text);color:#fff;border-color:var(--text)}.campaign-detail__image-filter--active:hover{background:var(--text);color:#fff}.campaign-detail__images-count{font-size:.8rem;font-weight:500;color:var(--text-muted);background:#f0f0f0;padding:.25rem .6rem;border-radius:6px}.campaign-detail__images-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;padding:0 1.5rem 1.5rem}.campaign-detail__select-btn{display:flex;align-items:center;gap:.35rem;background:transparent;color:var(--text-muted);border:1px solid #e4e5eb;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease,color .18s ease}.campaign-detail__select-btn:hover{background:#f5f7fa;color:var(--text)}.campaign-detail__download-btn{display:flex;align-items:center;gap:.35rem;background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease}.campaign-detail__download-btn:hover{background:#dbeafe}.campaign-detail__download-btn:disabled{opacity:.6;cursor:not-allowed}.campaign-detail__remove-btn{display:flex;align-items:center;gap:.35rem;background:#fef2f2;color:#dc2626;border:1px solid #fecaca;padding:.35rem .75rem;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:background .18s ease}.campaign-detail__remove-btn:hover{background:#fee2e2}.campaign-detail__remove-btn:disabled{opacity:.6;cursor:not-allowed}.campaign-detail__image-item{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:#fafbfc;border:1px solid #f0f0f0;cursor:pointer}.campaign-detail__image-item--selected{outline:3px solid var(--accent, #3b82f6);outline-offset:-3px}.campaign-detail__image-check{position:absolute;top:.4rem;left:.4rem;width:22px;height:22px;border-radius:50%;background:#ffffffb3;border:2px solid #d1d5db;display:grid;place-items:center;color:transparent;z-index:2;opacity:1;transition:background .18s ease,border-color .18s ease,color .18s ease}.campaign-detail__image-check--active{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff;opacity:1}.campaign-detail__image-item img{width:100%;height:100%;object-fit:cover}.lightbox-overlay{position:fixed;inset:0;background:#000000d9;display:grid;place-items:center;z-index:2000;padding:2rem}.lightbox-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#fff;cursor:pointer;padding:.5rem;border-radius:8px;transition:background .15s ease}.lightbox-close:hover{background:#ffffff26}.lightbox-image{max-width:90vw;max-height:85vh;object-fit:contain;border-radius:8px;box-shadow:0 8px 40px #0006}.campaign-detail__image-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted)}.campaign-detail__picker-search{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:.5rem .75rem;margin-bottom:1rem;color:var(--text-muted)}.campaign-detail__picker-search input{border:none;background:none;outline:none;flex:1;font-size:.85rem;color:var(--text)}.campaign-detail__picker-search input::placeholder{color:var(--text-muted)}.campaign-detail__picker-list{max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:.25rem}.campaign-detail__picker-loading,.campaign-detail__picker-empty{padding:2rem;text-align:center;color:var(--text-muted);font-size:.85rem}.campaign-detail__picker-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.6rem .75rem;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;text-align:left;transition:background .15s ease,border-color .15s ease}.campaign-detail__picker-item:hover{background:#f5f7fa;border-color:#e4e5eb}.campaign-detail__picker-item:disabled{opacity:.5;cursor:not-allowed}.campaign-detail__picker-thumb{width:36px;height:36px;border-radius:8px;overflow:hidden;background:#f0f0f0;border:1px solid #ebebeb;display:grid;place-items:center;flex-shrink:0}.campaign-detail__picker-thumb img{width:100%;height:100%;object-fit:cover}.campaign-detail__picker-thumb span{font-size:.8rem;font-weight:600;color:var(--text-muted)}.campaign-detail__picker-info{flex:1;display:flex;flex-direction:column;gap:.1rem;min-width:0}.campaign-detail__picker-name{font-size:.85rem;font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-detail__picker-meta{font-size:.75rem;color:var(--text-muted)}.campaign-detail__picker-add-icon{color:var(--text-muted);flex-shrink:0;transition:color .15s ease}.campaign-detail__picker-item:hover .campaign-detail__picker-add-icon{color:var(--accent, #3b82f6)}.campaign-detail__picker-pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e4e5eb}.campaign-detail__picker-page-info{font-size:.75rem;color:var(--text-muted)}.campaign-detail__picker-page-nav{display:flex;align-items:center;gap:.25rem}.campaign-detail__picker-page-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.campaign-detail__picker-page-btn:hover:not(:disabled){background:#f5f7fa;border-color:#c3c4cc}.campaign-detail__picker-page-btn:disabled{opacity:.4;cursor:not-allowed}.campaign-detail__gallery-loading,.campaign-detail__gallery-empty{padding:3rem 1.5rem;text-align:center;color:var(--text-muted);font-size:.9rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.campaign-detail__gallery-info{padding:.75rem 1.5rem 0;font-size:.8rem;font-weight:500;color:var(--text-muted)}.campaign-detail__gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 1.5rem;max-height:50vh;overflow-y:auto}.campaign-detail__gallery-item{position:relative;aspect-ratio:3 / 4;border-radius:10px;overflow:hidden;background:#fafbfc;border:2px solid transparent;cursor:pointer;padding:0;transition:border-color .18s ease,box-shadow .18s ease}.campaign-detail__gallery-item:hover{border-color:#d1d5db}.campaign-detail__gallery-item--selected{border-color:var(--accent, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.campaign-detail__gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.campaign-detail__gallery-placeholder{width:100%;height:100%;display:grid;place-items:center;color:var(--text-muted)}.campaign-detail__gallery-check{position:absolute;top:.4rem;right:.4rem;width:24px;height:24px;border-radius:50%;background:#fffc;border:2px solid #d1d5db;display:grid;place-items:center;color:transparent;transition:background .18s ease,border-color .18s ease,color .18s ease}.campaign-detail__gallery-check--visible{background:var(--accent, #3b82f6);border-color:var(--accent, #3b82f6);color:#fff}.users-chart{background:#fff;border-radius:18px;border:1px solid var(--border);padding:1.5rem}.users-chart__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.users-chart__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.users-chart__subtitle{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.users-chart__actions{display:flex;align-items:center;gap:.75rem}.users-chart__badge{padding:.3rem .75rem;font-size:.8rem;font-weight:500;border:1px solid var(--border);border-radius:8px;color:var(--text);background:#fff}.users-chart__timestamp{font-size:.75rem;color:var(--text-muted)}.users-chart__btn{padding:.4rem 1rem;font-size:.85rem;font-weight:600;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.users-chart__btn:hover{background:#f5f5f5;border-color:#ccc}.users-chart__btn--refresh{font-weight:500;color:var(--text-muted)}.users-chart__placeholder{display:flex;align-items:center;justify-content:center;min-height:200px}.users-chart__hint,.users-chart__loading{color:var(--text-muted);font-size:.9rem}.users-chart__error{color:#dc2626;font-size:.9rem}.analytics{padding:0}.wip-container{display:flex;align-items:center;justify-content:center;min-height:400px;padding:3rem 1rem}.wip-content{text-align:center;max-width:500px}.wip-icon{color:#9ca3af;margin-bottom:1.5rem}.wip-title{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.wip-message{font-size:1rem;color:#6b7280;line-height:1.6}.analytics__filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.analytics__table-wrap{background:#fff;border-radius:18px;border:1px solid var(--border);overflow:hidden}.analytics__table{width:100%;border-collapse:collapse;font-size:.9rem}.analytics__table thead{background:#fafafa;border-bottom:1px solid var(--border)}.analytics__table th{padding:.75rem 1rem;text-align:left;font-weight:600;text-transform:uppercase;font-size:.8rem;color:var(--text-muted);letter-spacing:.01em}.analytics__table th.analytics__col--right{text-align:right}.analytics__col--sortable{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.analytics__col--sortable:hover{color:var(--text)}.analytics__col--sortable svg{vertical-align:-2px;margin-left:2px;opacity:.5}.analytics__col--sortable:hover svg{opacity:1}.analytics__table td{padding:.65rem 1rem;border-top:1px solid #f3f4f6;vertical-align:middle}.analytics__table td.analytics__col--right{text-align:right}.analytics__table tbody tr:hover{background:#fafbfc}.analytics__product-cell{display:flex;align-items:center;gap:.75rem}.analytics__product-img{width:36px;height:36px;border-radius:8px;object-fit:cover;background:#f5f5f5;flex-shrink:0}.analytics__product-img-placeholder{width:36px;height:36px;border-radius:8px;background:#f0f0f0;flex-shrink:0}.analytics__product-text{display:flex;flex-direction:column;gap:.125rem;min-width:0;max-width:260px}.analytics__product-name{font-weight:600;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics__product-sku{font-size:.8125rem;font-weight:500;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics__ctr{font-weight:600}.analytics__ctr--high{color:#16a34a}.analytics__ctr--mid{color:#ca8a04}.analytics__ctr--low{color:var(--text-muted)}.analytics__placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:.95rem}.analytics__error{display:flex;align-items:center;justify-content:center;min-height:200px;color:#dc2626;font-size:.9rem}.analytics__count{font-size:.8rem;color:var(--text-muted);margin-left:auto}.analytics__summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.analytics__summary-card{background:#fff;border-radius:14px;border:1px solid var(--border);padding:1.25rem}.analytics__summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.analytics__summary-label{font-size:.85rem;color:var(--text-muted);font-weight:500}.analytics__summary-icon{width:34px;height:34px;border-radius:10px;background:#f0fdf4;display:flex;align-items:center;justify-content:center;color:#16a34a}.analytics__summary-value{margin:0;font-size:1.75rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.analytics__chart-wrap{background:#fff;border-radius:18px;border:1px solid var(--border);padding:1.5rem;margin-bottom:1.5rem}.analytics__chart-header{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem}.analytics__chart-title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.analytics__chart-subtitle{margin:.15rem 0 0;font-size:.8rem;color:var(--text-muted)}.analytics__chart-sort{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}.analytics__chart-sort select{min-width:120px;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:8px;padding:.42rem .65rem;font:inherit;font-weight:500;cursor:pointer}.analytics__chart-sort select:focus{outline:2px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:1px}.analytics__chart-empty{display:flex;align-items:center;justify-content:center;min-height:160px;color:var(--text-muted);font-size:.9rem}.analytics__table-section{display:flex;flex-direction:column;gap:.75rem}.analytics__search-bar{display:flex;align-items:center;gap:1rem}.analytics__search-input{display:flex;align-items:center;gap:.5rem;background:#fff;border:1px solid var(--border);border-radius:8px;padding:.5rem 1rem;width:280px;color:var(--text-muted)}.analytics__search-input input{border:none;background:none;outline:none;flex:1;font-size:.9rem;color:var(--text)}.analytics__search-input input::placeholder{color:var(--text-muted)}.analytics__result-count{font-size:.8rem;color:var(--text-muted)}.analytics__no-results{text-align:center;padding:2rem 1rem!important;color:var(--text-muted);font-size:.9rem}.analytics__progress-wrap{background:#fff;border-radius:18px;border:1px solid var(--border);padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.analytics__progress-bar{width:100%;max-width:420px;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.analytics__progress-fill{height:100%;background:var(--primary, #6366f1);border-radius:4px;transition:width .4s ease}.analytics__progress-msg{margin:0;font-size:.9rem;color:var(--text);font-weight:500}.analytics__progress-pct{margin:0;font-size:.8rem;color:var(--text-muted)}.analytics__progress-hint{margin:.5rem 0 0;font-size:.8rem;color:var(--text-muted);font-style:italic}.skeleton-text{height:14px;border-radius:4px;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite}.skeleton-text--xs{width:20px}.skeleton-text--sm{width:48px;margin-left:auto}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile{padding:0}.profile__placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;color:var(--text-muted);font-size:.95rem}.profile__error{display:flex;align-items:center;justify-content:center;min-height:200px;color:#dc2626;font-size:.9rem}.profile__grid{display:grid;grid-template-columns:280px 1fr;gap:1.5rem}.profile__card{background:#fff;border-radius:14px;border:1px solid var(--border);padding:1.5rem}.profile__info-card{grid-row:1 / 3;display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem}.profile__avatar{width:72px;height:72px;border-radius:50%;background:#12a561;color:#fff;font-size:1.5rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.profile__fullname{margin:0;font-size:1.15rem;font-weight:600;color:var(--text)}.profile__email-display{margin:.25rem 0 0;font-size:.85rem;color:var(--text-muted)}.profile__meta{margin-top:1.25rem;display:flex;flex-direction:column;gap:.5rem;width:100%}.profile__meta-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);justify-content:center}.profile__card-title{margin:0 0 1.25rem;font-size:1rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:.5rem}.profile__form{display:flex;flex-direction:column;gap:1rem}.profile__form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.profile__label{display:flex;flex-direction:column;gap:.35rem;font-size:.8rem;font-weight:500;color:var(--text-muted)}.profile__input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font-size:.9rem;color:var(--text);background:#fff;outline:none;transition:border-color .15s}.profile__input:focus{border-color:#12a561}.profile__input-icon{position:relative;display:flex;align-items:center}.profile__input-icon svg{position:absolute;left:.75rem;color:var(--text-muted);pointer-events:none}.profile__input--with-icon{padding-left:2.25rem}.profile__msg{display:flex;align-items:center;gap:.4rem;font-size:.85rem;padding:.6rem .75rem;border-radius:8px}.profile__msg--success{background:#f0fdf4;color:#16a34a}.profile__msg--error{background:#fef2f2;color:#dc2626}.profile__btn{align-self:flex-start;padding:.6rem 1.25rem;border:none;border-radius:8px;background:#12a561;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:opacity .15s}.profile__btn:hover:not(:disabled){opacity:.9}.profile__btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:768px){.profile__grid{grid-template-columns:1fr}.profile__info-card{grid-row:auto}.profile__form-row{grid-template-columns:1fr}}.skeleton-card{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:12px;height:120px}.skeleton-bar-chart{display:flex;align-items:end;gap:8px;height:80px;padding:0 4px}.skeleton-bar{flex:1;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px 4px 0 0;min-height:8px}.skeleton-line-chart{width:100%;height:80px;color:#e0e0e0;background:linear-gradient(90deg,#e0e0e04d 25%,#e0e0e080,#e0e0e04d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.user-management{background:#fff;border-radius:.75rem;padding:2rem}.user-management__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.user-management__header>div:first-child{flex:1}.user-management__header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.user-management__header p{color:var(--text-secondary);font-size:.875rem;margin:0}.user-management__invite-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:.5rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.user-management__invite-btn:hover{background:var(--accent-dark)}.user-management__message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.user-management__message--success{background:#d1fae5;color:#065f46}.user-management__message--error{background:#fee2e2;color:#991b1b}.user-management__list{display:flex;flex-direction:column;gap:1rem}.user-management__item{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border:1px solid var(--border);border-radius:.5rem;background:var(--bg-primary);transition:all .2s}.user-management__item:hover{border-color:var(--accent);box-shadow:0 2px 8px #0000000d}.user-management__user-info{display:flex;align-items:center;gap:1rem;flex:1}.user-management__avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0}.user-management__details{flex:1}.user-management__name{font-weight:500;color:var(--text-primary);margin:0 0 .25rem;font-size:.9375rem}.user-management__email{color:var(--text-secondary);font-size:.875rem;margin:0}.user-management__role-section,.user-management__role-display{display:flex;align-items:center;gap:1rem}.user-management__role-badge{padding:.375rem .75rem;background:var(--bg-secondary);color:var(--text-primary);border-radius:.375rem;font-size:.875rem;font-weight:500}.user-management__edit-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border);background:#fff;color:var(--text-primary);border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s}.user-management__edit-btn:hover{border-color:var(--accent);color:var(--accent)}.user-management__edit-controls{display:flex;align-items:center;gap:.5rem}.user-management__role-select{padding:.5rem .75rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;background:#fff;color:var(--text-primary);cursor:pointer}.user-management__role-select:focus{outline:none;border-color:var(--accent)}.user-management__action-buttons{display:flex;gap:.5rem}.user-management__save-btn,.user-management__cancel-btn{width:32px;height:32px;border:none;border-radius:.375rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.user-management__save-btn{background:var(--accent);color:#fff}.user-management__save-btn:hover{background:var(--accent-dark)}.user-management__save-btn:disabled{opacity:.6;cursor:not-allowed}.user-management__cancel-btn{background:var(--bg-secondary);color:var(--text-secondary)}.user-management__cancel-btn:hover{background:var(--border)}.user-management__cancel-btn:disabled{opacity:.6;cursor:not-allowed}.user-management__error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem}.user-management__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);text-align:center}.user-management__empty svg{margin-bottom:1rem;opacity:.5}.user-management__empty p{margin:0;font-size:.9375rem}.user-management__invite-form{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.user-management__invite-form h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.user-management__form-group{margin-bottom:1.25rem}.user-management__form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary);margin-bottom:.5rem}.user-management__form-input,.user-management__form-select{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;background:#fff;color:var(--text-primary);transition:border-color .2s}.user-management__form-input:focus,.user-management__form-select:focus{outline:none;border-color:var(--accent)}.user-management__form-input:disabled,.user-management__form-select:disabled{opacity:.6;cursor:not-allowed}.user-management__form-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem}.user-management__form-cancel-btn,.user-management__form-submit-btn{padding:.625rem 1.25rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.user-management__form-cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.user-management__form-cancel-btn:hover{background:var(--border)}.user-management__form-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.user-management__form-submit-btn{background:var(--accent);color:#fff}.user-management__form-submit-btn:hover:not(:disabled){background:var(--accent-dark)}.user-management__form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.billing{background:#fff;border-radius:.75rem;padding:2rem}.billing__header{margin-bottom:2rem}.billing__header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.billing__header p{color:var(--text-secondary);font-size:.875rem;margin:0}.billing__tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:2rem}.billing__tab{padding:.625rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.billing__tab:hover{color:var(--text-primary)}.billing__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.billing__message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.billing__message--success{background:#d1fae5;color:#065f46}.billing__message--error{background:#fee2e2;color:#991b1b}.billing__payment-alert{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:.5rem;margin-bottom:1.5rem;background:#fef3c7;border:1px solid #fcd34d;color:#92400e}.billing__payment-alert--info{background:#d1fae5;border-color:#6ee7b7;color:#065f46}.billing__plan-badge{display:inline-block;margin-left:.5rem;padding:.125rem .5rem;background:#fef3c7;color:#92400e;font-size:.6875rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;border-radius:999px;vertical-align:middle}.billing__payment-alert-body{flex:1;display:flex;flex-direction:column;gap:.5rem}.billing__payment-alert-title{font-size:.9375rem;font-weight:600;margin:0}.billing__payment-alert-message{font-size:.875rem;margin:0;line-height:1.4}.billing__payment-alert-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.billing__payment-alert-btn{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#92400e;color:#fff;font-size:.8125rem;font-weight:500;border-radius:.375rem;border:none;text-decoration:none;cursor:pointer}.billing__payment-alert-btn--ghost{background:transparent;color:#92400e;border:1px solid #92400e}.billing__payment-methods-section{background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.billing__section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.billing__section-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.billing__section-description{color:var(--text-secondary);font-size:.875rem;margin:0}.billing__add-payment-btn{padding:.625rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.billing__add-payment-btn:hover:not(:disabled){background:var(--accent-dark)}.billing__add-payment-btn:disabled{opacity:.6;cursor:not-allowed}.billing__payment-methods-list{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.billing__payment-method-card{background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;transition:all .2s}.billing__payment-method-card--default{border-color:var(--accent);background:#fff}.billing__payment-method-info{display:flex;align-items:center;gap:1rem;flex:1}.billing__payment-method-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--bg-secondary);border-radius:.375rem;color:var(--text-secondary)}.billing__payment-method-details{display:flex;flex-direction:column;gap:.25rem}.billing__payment-method-brand{font-weight:500;color:var(--text-primary);font-size:.875rem;display:flex;align-items:center;gap:.5rem}.billing__payment-method-default-badge{padding:.125rem .5rem;background:var(--accent);color:#fff;border-radius:.25rem;font-size:.75rem;font-weight:500}.billing__payment-method-expiry{color:var(--text-secondary);font-size:.8125rem}.billing__set-default-btn{padding:.5rem .75rem;background:#fff;color:var(--text-primary);border:1px solid var(--border);border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.billing__set-default-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.billing__set-default-btn:disabled{opacity:.6;cursor:not-allowed}.billing__payment-method-actions{display:flex;align-items:center;gap:.5rem}.billing__delete-payment-btn{padding:.5rem .75rem;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:.375rem;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s}.billing__delete-payment-btn:hover:not(:disabled){background:#fecaca}.billing__delete-payment-btn:disabled{opacity:.6;cursor:not-allowed}.billing__payment-methods-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-secondary);text-align:center;margin-top:1.5rem}.billing__payment-methods-empty svg{margin-bottom:.75rem;opacity:.5}.billing__payment-methods-empty p{margin:0;font-size:.875rem}.billing__addons-section{background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin-top:2rem}.billing__invoices-section{background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.billing__invoice-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.billing__invoice-item{background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:.875rem 1rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.billing__invoice-main{display:flex;flex-direction:column;gap:.25rem}.billing__invoice-title-row{display:flex;align-items:center;gap:.5rem}.billing__invoice-title{color:var(--text-primary);font-size:.9rem;font-weight:600}.billing__invoice-status{border-radius:999px;padding:.15rem .5rem;font-size:.75rem;font-weight:600}.billing__invoice-status--paid{background:#d1fae5;color:#065f46}.billing__invoice-status--open{background:#fef3c7;color:#92400e}.billing__invoice-meta{display:flex;gap:.75rem;flex-wrap:wrap;color:var(--text-secondary);font-size:.8rem}.billing__invoice-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.375rem}.billing__invoice-amount{color:var(--text-primary);font-size:.9rem;font-weight:600}.billing__invoice-link{color:var(--accent);font-size:.8125rem;text-decoration:none}.billing__invoice-link:hover{text-decoration:underline}.billing__addon-card{margin-top:1rem;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1rem}.billing__addon-content{flex:1}.billing__addon-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.5rem}.billing__addon-title-row h4{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.billing__addon-price{font-size:.95rem;font-weight:600;color:var(--text-primary)}.billing__addon-description{margin:0 0 .25rem;color:var(--text-secondary);font-size:.875rem}.billing__addon-description--multiline{white-space:pre-line}.billing__addon-carryover{margin:0;color:var(--text-secondary);font-size:.8125rem}.billing__addon-buy-btn{padding:.625rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap}.billing__addon-buy-btn:hover:not(:disabled){background:var(--accent-dark)}.billing__addon-buy-btn:disabled{opacity:.6;cursor:not-allowed}.billing__addon-balance-list{margin-top:1rem;display:flex;flex-direction:column;gap:.5rem}.billing__addon-balance-item{background:#fff;border:1px solid var(--border);border-radius:.375rem;padding:.75rem .875rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}.billing__addon-balance-name{color:var(--text-primary);font-size:.875rem;font-weight:500}.billing__addon-balance-remaining{color:var(--text-secondary);font-size:.8125rem}.billing__subscription-row{display:flex;gap:1.5rem;align-items:stretch;margin-bottom:2rem}.billing__current-subscription{display:flex;flex-direction:column;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;flex:1;min-width:0}.billing__subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.billing__subscription-header h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.billing__subscription-plan{color:var(--text-secondary);font-size:.875rem;margin:0}.billing__status{padding:.375rem .75rem;border-radius:.375rem;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.billing__status-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.billing__status-active-until{margin:0;font-size:.75rem;color:var(--text-secondary)}.billing__status--active{background:#d1fae5;color:#065f46}.billing__status--canceled{background:#fee2e2;color:#991b1b}.billing__status--inactive{background:#fef3c7;color:#92400e}.billing__subscription-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.billing__detail-item{display:flex;align-items:flex-start;gap:.5rem}.billing__detail-label{font-weight:500;color:var(--text-secondary);font-size:.875rem;min-width:80px}.billing__detail-value{color:var(--text-primary);font-size:.875rem}.billing__features-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.billing__features-list li{color:var(--text-primary);font-size:.875rem}.billing__addon-active-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.billing__addon-active-item{display:flex;flex-direction:column;gap:.25rem;background:#fff;border:1px solid var(--border);border-radius:.375rem;padding:.75rem}.billing__addon-active-name{font-weight:500;font-size:.875rem;color:var(--text-primary)}.billing__addon-active-meta{font-size:.8125rem;color:var(--text-secondary)}.billing__addon-active-meta strong{color:var(--text-primary)}.billing__cancel-subscription-btn{align-self:center;margin-top:auto;padding:.625rem 1rem;background:#fee2e2;color:#991b1b;border:1px solid #fecaca;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.billing__cancel-subscription-btn:hover:not(:disabled){background:#fecaca}.billing__cancel-subscription-btn:disabled{opacity:.6;cursor:not-allowed}.billing__payment-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin-bottom:2rem}.billing__payment-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.billing__payment-form{display:flex;flex-direction:column;gap:1.5rem}.billing__loading-state{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.875rem}.billing__payment-actions{display:flex;gap:.75rem;justify-content:flex-end}.billing__submit-btn,.billing__cancel-btn{padding:.625rem 1.25rem;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.billing__submit-btn{background:var(--accent);color:#fff}.billing__submit-btn:hover:not(:disabled){background:var(--accent-dark)}.billing__submit-btn:disabled{opacity:.6;cursor:not-allowed}.billing__cancel-btn{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border)}.billing__cancel-btn:hover:not(:disabled){background:var(--border)}.billing__cancel-btn:disabled{opacity:.6;cursor:not-allowed}.billing__error{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem;margin-top:1rem}.billing__plans-section{margin-top:2rem}.billing__plans-section h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1.5rem}.billing__plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.billing__plan-card{background:#fff;border:2px solid var(--border);border-radius:.5rem;padding:1.5rem;display:flex;flex-direction:column;transition:all .2s}.billing__plan-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #0000001a}.billing__plan-card--current{border-color:var(--accent);background:#fff}.billing__plan-header{margin-bottom:1rem}.billing__plan-header h4{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.billing__plan-price{display:flex;align-items:baseline;gap:.25rem}.billing__plan-amount{font-size:2rem;font-weight:700;color:var(--text-primary)}.billing__plan-period{font-size:.875rem;color:var(--text-secondary)}.billing__plan-scheduled-start{margin:.375rem 0 0;font-size:.8125rem;font-weight:500;color:#92400e}.billing__plan-description{color:var(--text-secondary);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.billing__plan-features{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.billing__plan-features li{display:flex;align-items:center;gap:.5rem;color:var(--text-primary);font-size:.875rem}.billing__plan-features li svg{color:#10b981;flex-shrink:0}.billing__plan-limits{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-direction:column;gap:.5rem}.billing__plan-limits li{display:flex;justify-content:space-between;align-items:center;color:var(--text-primary);font-size:.875rem;padding:.5rem;background:var(--bg-secondary);border-radius:.375rem}.billing__limit-label{font-weight:500;color:var(--text-secondary)}.billing__limit-value{font-weight:600;color:var(--text-primary)}.billing__plan-btn{width:100%;padding:.75rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:auto}.billing__plan-btn:hover:not(:disabled){background:var(--accent-dark)}.billing__plan-btn:disabled{opacity:.6;cursor:not-allowed}.billing__plan-btn--current{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);cursor:default}.billing__plan-btn--current:hover{background:var(--bg-secondary)}.billing__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);text-align:center}.billing__empty svg{margin-bottom:1rem;opacity:.5}.billing__empty p{margin:0;font-size:.9375rem}.billing__list{display:flex;flex-direction:column;gap:1rem}.spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.billing__auto-topup-section{background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1.5rem;margin-top:2rem}.billing__auto-topup-card{margin-top:1rem;display:flex;flex-direction:column;gap:1rem;background:#fff;border:1px solid var(--border);border-radius:.5rem;padding:1rem}.billing__auto-topup-switch{display:flex;align-items:center;gap:.625rem;cursor:pointer}.billing__auto-topup-switch input{width:1rem;height:1rem;cursor:pointer;accent-color:var(--accent)}.billing__auto-topup-switch input:disabled{cursor:not-allowed}.billing__auto-topup-switch-label{font-weight:500;font-size:.875rem}.billing__auto-topup-budget{display:flex;flex-direction:column;gap:.5rem;padding-top:1rem;border-top:1px solid var(--border)}.billing__auto-topup-budget label{font-size:.875rem;font-weight:500}.billing__auto-topup-budget select{max-width:16rem;padding:.5rem .625rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;background:#fff}.billing__auto-topup-budget select:disabled{cursor:not-allowed;opacity:.6}.billing__auto-topup-spend,.billing__auto-topup-hint{color:var(--text-secondary);font-size:.875rem;margin:0}.billing__addon-active-auto{color:var(--text-secondary);font-size:.75rem;font-style:italic}.agent-settings{background:#fff;border-radius:.75rem;padding:2rem}.agent-settings__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.agent-settings__header>div:first-child{flex:1}.agent-settings__header h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem}.agent-settings__header p{color:var(--text-secondary);font-size:.875rem;margin:0}.agent-settings__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.agent-settings__tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:2rem}.agent-settings__tab{padding:.625rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;font-size:.875rem;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:color .15s,border-color .15s}.agent-settings__tab:hover{color:var(--text-primary)}.agent-settings__tab--active{color:var(--accent);border-bottom-color:var(--accent)}.agent-settings__message{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:.5rem;margin-bottom:1.5rem;font-size:.875rem}.agent-settings__message--success{background:#d1fae5;color:#065f46}.agent-settings__message--error{background:#fee2e2;color:#991b1b}.agent-settings__error{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem}.agent-settings__form{display:flex;flex-direction:column;gap:0}.agent-settings__section{display:flex;flex-direction:column;gap:1rem;border:1px solid var(--border);border-radius:.5rem;padding:1rem}.agent-settings__section+.agent-settings__section{margin-top:1rem}.agent-settings__section-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0;letter-spacing:-.01em}.agent-settings__section-body{display:flex;flex-direction:column;gap:1.5rem}.agent-settings__form-group{display:flex;flex-direction:column;gap:.5rem}.agent-settings__form-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-primary)}.agent-settings__form-input,.agent-settings__form-select,.agent-settings__form-textarea{width:100%;padding:.625rem .75rem;border:1px solid var(--border);border-radius:.375rem;font-size:.875rem;background:#fff;color:var(--text-primary);transition:border-color .2s;font-family:inherit}.agent-settings__form-textarea{resize:vertical;min-height:100px}.agent-settings__form-input:focus,.agent-settings__form-select:focus,.agent-settings__form-textarea:focus{outline:none;border-color:var(--accent)}.agent-settings__form-input:disabled,.agent-settings__form-select:disabled,.agent-settings__form-textarea:disabled{opacity:.6;cursor:not-allowed}.agent-settings__form-help{font-size:.8125rem;color:var(--text-secondary);margin:0}.agent-settings__prompts-container{display:flex;flex-direction:column;gap:.75rem}.agent-settings__prompts-list{display:flex;flex-direction:column;gap:.5rem}.agent-settings__prompt-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:.375rem;gap:.75rem}.agent-settings__prompt-text{flex:1;font-size:.875rem;color:var(--text-primary)}.agent-settings__prompt-remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-secondary);border-radius:.25rem;cursor:pointer;transition:all .2s;flex-shrink:0}.agent-settings__prompt-remove:hover:not(:disabled){background:#fee2e2;color:#991b1b}.agent-settings__prompt-remove:disabled{opacity:.6;cursor:not-allowed}.agent-settings__prompt-add{display:flex;gap:.5rem;align-items:stretch}.agent-settings__prompt-add .agent-settings__form-input{flex:1}.agent-settings__prompt-add-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.agent-settings__prompt-add-btn:hover:not(:disabled){opacity:.9}.agent-settings__prompt-add-btn:disabled{opacity:.6;cursor:not-allowed}.agent-settings__form-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}.agent-settings__form-submit-btn{padding:.625rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:.375rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.agent-settings__form-submit-btn:hover:not(:disabled){opacity:.9}.agent-settings__form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.plan-usage{background:#fff;border-radius:.75rem;padding:2rem}.plan-usage__header{margin-bottom:1.5rem}.plan-usage__header h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.plan-usage__header p{margin:0;color:var(--text-secondary);font-size:.875rem}.plan-usage__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.plan-usage__card{border:1px solid var(--border);border-radius:.5rem;padding:1rem;background:#fff}.plan-usage__card h3{margin:0 0 .25rem;font-size:1rem;font-weight:600}.plan-usage__card-note{margin:0 0 .75rem;font-size:.75rem;color:var(--muted, #6b7280)}.plan-usage__progress-bar{height:6px;background:var(--border);border-radius:999px;overflow:hidden;margin-bottom:.875rem}.plan-usage__progress-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s ease,background-color .3s ease}.plan-usage__progress-fill--ok{background:var(--accent)}.plan-usage__progress-fill--nearing_limit{background:#f59e0b}.plan-usage__progress-fill--critical{background:#ea580c}.plan-usage__progress-fill--exceeded{background:#dc2626}.plan-usage__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1rem}.plan-usage__breakdown{display:flex;flex-direction:column;gap:.25rem;padding-top:.75rem;border-top:1px solid var(--border)}.plan-usage__breakdown-row{display:flex;justify-content:space-between;font-size:.8125rem;color:var(--text-secondary)}.plan-usage__breakdown-row--addon{color:var(--accent)}.plan-usage__breakdown-row--total{font-weight:600;color:var(--text-primary);margin-top:.25rem}.plan-usage__stats div{display:flex;flex-direction:column;gap:.25rem}.plan-usage__label{font-size:.75rem;color:var(--text-secondary)}.plan-usage__stats strong{font-size:1.125rem;color:var(--text-primary)}.plan-usage__loading,.plan-usage__error,.plan-usage__empty{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.875rem}.spinner{animation:plan-usage-spin 1s linear infinite}@keyframes plan-usage-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings{padding:2rem}.settings__container{display:flex;gap:2rem;margin-top:2rem}.settings__tabs{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.settings__tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.875rem;font-weight:500;text-align:left;cursor:pointer;border-radius:.5rem;transition:all .2s}.settings__tab:hover{background:var(--bg-secondary);color:var(--text-primary)}.settings__tab--active{background:var(--accent);color:#fff}.settings__tab--active:hover{background:var(--accent-dark)}.settings__content{flex:1}.settings__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--text-secondary);text-align:center;gap:1rem}.settings__error svg{opacity:.5}.settings__error p{margin:0;font-size:.9375rem}.cart-chart{background:#fff;border-radius:18px;border:1px solid var(--border);padding:1.5rem}.cart-chart__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.cart-chart__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.cart-chart__subtitle{margin:.15rem 0 0;font-size:.85rem;color:var(--text-muted)}.cart-chart__actions{display:flex;align-items:center;gap:.75rem}.cart-chart__timestamp{font-size:.75rem;color:var(--text-muted)}.cart-chart__btn{padding:.4rem 1rem;font-size:.85rem;font-weight:600;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);cursor:pointer;transition:background .15s ease,border-color .15s ease}.cart-chart__btn:hover{background:#f5f5f5;border-color:#ccc}.cart-chart__btn--refresh{font-weight:500;color:var(--text-muted)}.cart-chart__placeholder{display:flex;align-items:center;justify-content:center;min-height:200px}.cart-chart__hint,.cart-chart__loading{color:var(--text-muted);font-size:.9rem}.cart-chart__error{color:#dc2626;font-size:.9rem}.image-impact{background:#fff;border:1px solid var(--border);border-radius:18px;padding:1.5rem}.image-impact__header{margin-bottom:1.1rem}.image-impact__title{color:var(--text);font-size:1.1rem;font-weight:600;margin:0}.image-impact__subtitle{color:var(--text-muted);font-size:.8rem;margin:.15rem 0 0}.image-impact__metrics{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.image-impact__metric{background:#f8fafc;border:1px solid #eef2f7;border-radius:10px;display:flex;flex-direction:column;gap:.3rem;min-width:0;padding:.75rem}.image-impact__metric-label{color:var(--text-muted);font-size:.7rem;line-height:1.2}.image-impact__metric strong{color:var(--text);font-size:1.15rem}.image-impact__funnel{align-items:center;background:#fafbfc;border:1px solid #eef2f7;border-radius:12px;display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding:1rem}.image-impact__funnel-step{align-items:center;display:flex;flex-direction:column;gap:.2rem}.image-impact__funnel-step strong{color:var(--text);font-size:1.35rem}.image-impact__funnel-step span{color:var(--text-muted);font-size:.75rem}.image-impact__funnel-step--accent strong{color:#16a34a}.image-impact__funnel-rate{align-items:center;display:flex;flex-direction:column;gap:.2rem}.image-impact__funnel-rate strong{color:#16a34a;font-size:1.35rem}.image-impact__funnel-rate span{color:var(--text-muted);font-size:.75rem}.image-impact__funnel-arrow{color:var(--text-muted);font-size:1.25rem}.image-impact__footer{color:var(--text-muted);font-size:.75rem;margin:.85rem 0 0;text-align:center}.image-impact__placeholder{align-items:center;color:var(--text-muted);display:flex;justify-content:center;min-height:160px}@media(max-width:760px){.image-impact__metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}.top-colors{background:#fff;border-radius:18px;border:1px solid var(--border);padding:1.5rem}.top-colors__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1.25rem}.top-colors__title{margin:0;font-size:1.1rem;font-weight:600;color:var(--text)}.top-colors__subtitle{margin:.15rem 0 0;font-size:.8rem;color:var(--text-muted)}.top-colors__total{font-size:.8rem;font-weight:600;color:var(--text-muted);white-space:nowrap}.top-colors__list{display:flex;flex-direction:column;gap:.6rem}.top-colors__row{display:flex;align-items:center;gap:.6rem}.top-colors__swatch{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:1px solid rgba(0,0,0,.08)}.top-colors__label{width:56px;font-size:.85rem;font-weight:500;color:var(--text);flex-shrink:0}.top-colors__bar-track{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.top-colors__bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.top-colors__count{width:44px;text-align:right;font-size:.85rem;font-weight:700;color:var(--text);flex-shrink:0}.top-colors__pct{width:32px;text-align:right;font-size:.8rem;color:var(--text-muted);flex-shrink:0}.top-colors__placeholder{display:flex;align-items:center;justify-content:center;min-height:160px}.top-colors__hint,.top-colors__loading{color:var(--text-muted);font-size:.9rem}.top-colors__error{color:#dc2626;font-size:.9rem}:root{--bg: #f5f7fb;--bg-muted: #eef1f7;--panel: #ffffff;--sidebar: #ffffff;--border: rgba(15, 23, 42, .1);--text: #0f172a;--text-muted: #6b7280;--accent: #12a561;--accent-dark: #0d8a4f;--accent-soft: rgba(18, 165, 97, .12);--bg-secondary: var(--bg-muted);--text-primary: var(--text);--text-secondary: var(--text-muted);--badge: #0ea05d;--danger: #f87171;--auth-bg: #05060a;--auth-panel: #0d0f16;--auth-border: rgba(255, 255, 255, .08);--auth-text: #f4f7fb;--auth-muted: #9aa5c3;--auth-highlight: #ffd36b}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh;background:var(--bg);color:var(--text)}.sidebar{background:#fdfdfd;border-right:1px solid #e4e5eb;padding:1.75rem 1.25rem;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:1.5rem}.sidebar__brand{display:flex;align-items:center;gap:.75rem}.sidebar__logo{width:40px;height:40px;border-radius:10px;object-fit:cover;border:1px solid rgba(15,23,42,.08)}.brand{display:flex;align-items:center;gap:1rem}.brand-mark{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6d7bff,#9f6dff);display:grid;place-items:center;font-weight:600;font-family:Geist,sans-serif}.brand-title{margin:0;font-size:1.15rem;font-weight:600}.brand-subtitle{margin:0;font-size:.9rem;color:var(--text-muted)}.nav{display:flex;flex-direction:column;gap:.35rem}.nav__link{text-decoration:none}.nav__link-content{display:flex;align-items:center;gap:.9rem;padding:.65rem 1rem .65rem 1.25rem;border-radius:12px;color:var(--text-muted);font-weight:500;transition:background .18s ease,color .18s ease;position:relative}.nav__link-content:hover{color:var(--text);background:#0f172a0a}.nav__link-content--active{background:#12a56114;color:var(--accent)}.nav__link-content--active:before{content:"";position:absolute;left:-1.25rem;top:.3rem;bottom:.3rem;width:2px;border-radius:999px;background:var(--accent)}.nav__link-content--active .nav__icon{background:#12a5611a;color:var(--accent)}.nav__icon{width:28px;height:28px;border-radius:8px;background:#0f172a0a;display:grid;place-items:center;color:var(--text-muted)}.sidebar__section{border-top:1px solid var(--border);padding-top:1rem;margin-top:auto}.sidebar__section-title{margin:0 0 .5rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.sidebar__text-link{background:none;border:none;color:var(--text);font-weight:500;cursor:pointer;padding:0}.sidebar__user-card{border:1px solid #e4e5eb;border-radius:18px;padding:1rem;display:flex;flex-direction:column;gap:.75rem;background:#fff;box-shadow:0 12px 30px #0f172a14;margin-top:auto;align-items:center}.sidebar__user-link{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;border-radius:10px;padding:.25rem;transition:background .15s}.sidebar__user-link:hover{background:#0f172a0a}.user-name{margin:0;font-size:.85rem;font-weight:600;color:var(--text)}.sidebar__user-card>div{display:flex;align-items:center;gap:.75rem;justify-content:center}.avatar{width:40px;height:40px;border-radius:12px;background:#0f172a14;color:var(--text);display:grid;place-items:center;font-weight:600}.user-email{margin:0;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{margin:0;font-size:.75rem;color:var(--text-muted)}.ghost-btn{border:1px solid rgba(15,23,42,.08);background:transparent;color:var(--text);font-weight:600;cursor:pointer;border-radius:8px;padding:.4rem .8rem;font-size:.85rem;width:100%}.content-area{padding:2.5rem clamp(2rem,5vw,4rem);background:var(--bg-muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:24px;padding:2rem;box-shadow:0 20px 40px #0f172a14}.page-header{display:flex;justify-content:space-between;gap:1.5rem;align-items:center;margin-bottom:2rem}.page-eyebrow{margin:0 0 .5rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:var(--text-muted)}.page-header h1{margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.page-subtitle{margin:.5rem 0 0;color:var(--text-muted)}.page-actions{display:flex;align-items:center;gap:1rem}.time-filter{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:.25rem;background:#fff}.time-filter__btn{border:none;background:transparent;padding:.35rem .85rem;border-radius:999px;font-weight:500;color:var(--text-muted);cursor:pointer}.time-filter__btn--active{background:var(--accent);color:#fff}.primary-btn{border:none;background:var(--accent);color:#fff;padding:.7rem 1.5rem;border-radius:999px;font-weight:600;cursor:pointer;box-shadow:0 10px 20px #12a56140}.panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.78rem;color:var(--text-muted);margin-bottom:.5rem}.panel__header h1{margin:0;font-size:clamp(1.85rem,3vw,2.6rem);font-family:Geist,sans-serif}.badge{align-self:center;background:#1dd1a12e;color:var(--badge);font-weight:600;padding:.4rem 1rem;border-radius:999px;border:1px solid rgba(29,209,161,.4)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem}.dashboard-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.dashboard-panels--full{grid-template-columns:1fr}.error-panel{display:flex;align-items:center;justify-content:center;min-height:120px;color:var(--text-muted)}.metric-card{display:flex;flex-direction:column;background:#fff;border-radius:18px;padding:1rem;border:1px solid var(--border)}.metric__top{display:flex;align-items:flex-start;justify-content:space-between}.metric__icon{width:34px;height:34px;border-radius:10px;background:#f0faf0;color:#16a34a;display:grid;place-items:center}.metric__label{margin:0;font-size:.8rem;color:var(--text-muted);padding-top:4px}.metric__value{margin:.5rem 0 0;font-size:1.5rem;font-weight:700;color:var(--text);letter-spacing:-.02em}.placeholder-copy{color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0}.empty-state{min-height:100vh;display:grid;place-items:center;text-align:center;background:var(--bg);color:var(--text)}.empty-state h1{font-family:Geist,sans-serif;margin-bottom:.75rem}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(320px,520px) 1fr;background:radial-gradient(circle at top left,rgba(255,211,107,.12),transparent 45%),radial-gradient(circle at bottom right,rgba(109,123,255,.15),transparent 50%),var(--auth-bg);color:var(--auth-text)}.auth-panel{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,6vw,4rem);border-right:1px solid var(--auth-border);background:linear-gradient(180deg,#ffffff0a,#fff0);gap:2rem}.auth-panel__header{display:flex;gap:1rem;align-items:center}.auth-brand-logo{width:64px;height:64px;border-radius:18px;object-fit:cover;box-shadow:0 12px 30px #00000059}.auth-brand-mark{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#ffd36b,#ff9f6b);color:#1b1f2b;display:grid;place-items:center;font-weight:700;letter-spacing:.08em}.auth-brand-title{margin:0;font-size:1.2rem;font-weight:600}.auth-brand-subtitle{margin:0;color:var(--auth-muted)}.auth-panel__quote{border-left:3px solid var(--auth-highlight);padding-left:1.25rem;font-size:1.05rem;line-height:1.7;color:var(--auth-text)}.auth-panel__quote p{margin:0 0 1rem}.auth-panel__author{margin:0;font-weight:600}.auth-panel__role{margin:0;color:var(--auth-muted);font-size:.9rem}.auth-panel__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.stat-value{margin:0;font-size:2rem;font-weight:600}.stat-label{margin:.35rem 0 0;color:var(--auth-muted);font-size:.85rem}.auth-form-wrapper{display:flex;align-items:center;justify-content:center;padding:clamp(2rem,7vw,5rem)}.auth-form-card{width:min(420px,100%);background:#05060a99;border:1px solid rgba(255,255,255,.08);border-radius:32px;padding:clamp(2rem,4vw,3.25rem);box-shadow:0 40px 80px #03060cb3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.auth-mobile-brand{display:none;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.auth-mobile-brand .auth-brand-logo{width:48px;height:48px;border-radius:12px}.auth-form-header h1{margin:0;font-size:2rem}.auth-form-header p{margin:.5rem 0 0;color:var(--auth-muted);line-height:1.6}.auth-alert{background:#ff6b6b1f;border:1px solid rgba(255,107,107,.4);color:#ff9f9f;padding:.75rem 1rem;border-radius:12px;margin:1.25rem 0}.auth-form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem}.auth-label{display:flex;flex-direction:column;gap:.4rem;font-size:.95rem}.password-label{display:flex;justify-content:space-between;align-items:center;font-size:.95rem}.password-label a{font-size:.85rem;color:var(--auth-muted)}.auth-input{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.9rem 1rem;font-size:1rem;color:var(--auth-text)}.auth-input:focus{outline:none;border-color:#ffd36bb3;box-shadow:0 0 0 4px #ffd36b1a}.auth-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--auth-muted)}.auth-checkbox input{width:16px;height:16px}.auth-submit{width:100%;border:none;border-radius:16px;padding:.95rem 1.25rem;font-size:1rem;background:linear-gradient(135deg,#ffd36b,#ff9f6b);color:#1a1e2a;font-weight:600;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.auth-submit:disabled{opacity:.7;cursor:not-allowed}.auth-divider{position:relative;text-align:center;margin:2rem 0 1.5rem}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff14}.auth-divider span{position:relative;padding:0 .75rem;background:#05060ad9;color:var(--auth-muted);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}.auth-social{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.auth-social button{border-radius:14px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.12);background:#ffffff05;color:var(--auth-text);font-weight:500;display:flex;align-items:center;gap:.6rem;justify-content:center}.auth-footer{text-align:center;margin-top:1.5rem;color:var(--auth-muted)}.auth-footer a{color:var(--auth-highlight);font-weight:500}@media(max-width:1024px){.auth-shell{grid-template-columns:1fr}.auth-panel{display:none}.auth-mobile-brand{display:flex}}@media(max-width:960px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:none;border-bottom:1px solid var(--border);padding:1.75rem}.content-area{padding-top:1.5rem}}