[data-v-2a1db451]:root{--primary-blue: #5C7CFA;--muted-blue: #5b75a3;--bg-gray: #f0f2f5;--text-dark: #1a1a1a;--text-gray: #6b7280;--border-light: #e5e7eb;--card-shadow: 0 10px 25px -5px rgba(0, 0, 0, .05), 0 8px 10px -6px rgba(0, 0, 0, .01);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}.auth-container[data-v-2a1db451]{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-gray);font-family:var(--font-family);padding:20px}.auth-card[data-v-2a1db451]{background:#fff;padding:40px 48px;border-radius:16px;box-shadow:var(--card-shadow);width:100%;max-width:440px;text-align:center;box-sizing:border-box}.auth-header[data-v-2a1db451]{margin-bottom:32px}.logo-placeholder[data-v-2a1db451]{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;color:var(--text-dark);font-weight:600;font-size:1.1rem}.logo-img[data-v-2a1db451]{width:40px;height:40px;object-fit:contain}.auth-header h2[data-v-2a1db451]{font-size:1.75rem;font-weight:700;color:var(--text-dark);margin:0}.form-body[data-v-2a1db451]{text-align:left}.input[data-v-2a1db451]{width:100%;padding:14px 16px;margin-bottom:16px;border:1px solid var(--border-light);border-radius:8px;font-size:.95rem;color:var(--text-dark);background-color:#fff;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.input[data-v-2a1db451]:focus{outline:none;border-color:var(--muted-blue);box-shadow:0 0 0 3px #5b75a31a}.input[data-v-2a1db451]::placeholder{color:#9ca3af}.password-wrapper[data-v-2a1db451]{position:relative;width:100%;margin-bottom:16px}.password-wrapper .input[data-v-2a1db451]{margin-bottom:0;padding-right:48px}.eye-btn[data-v-2a1db451]{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px}.eye-btn[data-v-2a1db451]:hover{color:var(--muted-blue);background-color:#00000008}.input-group-row[data-v-2a1db451]{display:flex;gap:16px}.input-group-row .input[data-v-2a1db451]{flex:1}.shopify-section[data-v-2a1db451]{margin-top:8px}.shopify-section h3[data-v-2a1db451]{font-size:1rem;font-weight:600;color:var(--text-dark);margin-bottom:16px;margin-top:0}.btn-primary[data-v-2a1db451]{width:100%;padding:14px;background-color:#5b75a3;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;margin-top:8px}.btn-primary[data-v-2a1db451]:hover{background-color:#4a618a}.btn-primary[data-v-2a1db451]:disabled{opacity:.7;cursor:not-allowed}.switch-text[data-v-2a1db451]{margin-top:24px;font-size:.9rem;color:var(--text-gray)}.switch-text a[data-v-2a1db451]{color:var(--muted-blue);font-weight:600;cursor:pointer;text-decoration:none;margin-left:4px}.switch-text a[data-v-2a1db451]:hover{text-decoration:underline}.error-message[data-v-2a1db451]{margin-top:16px;color:#e53e3e;font-size:.9rem;background:#fff5f5;padding:8px;border-radius:6px}@media(max-width:480px){.auth-card[data-v-2a1db451]{padding:30px 24px}.input-group-row[data-v-2a1db451]{flex-direction:column;gap:0}}.modal-backdrop[data-v-b9720aed]{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-card[data-v-b9720aed]{background:#fff;width:100%;max-width:500px;height:80vh;max-height:700px;border-radius:12px;box-shadow:0 10px 25px #00000026;display:flex;flex-direction:column;overflow:hidden;animation:slideUp-b9720aed .3s cubic-bezier(.16,1,.3,1)}@keyframes slideUp-b9720aed{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header[data-v-b9720aed]{padding:16px 24px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:flex-start;background:#fff}.modal-title[data-v-b9720aed]{margin:0;font-size:1.1rem;font-weight:700;color:#111827}.modal-subtitle[data-v-b9720aed]{margin:2px 0 0;font-size:.85rem;color:#6b7280}.close-btn[data-v-b9720aed]{background:none;border:none;cursor:pointer;color:#9ca3af;padding:4px;border-radius:4px;transition:all .2s}.close-btn[data-v-b9720aed]:hover{background-color:#f3f4f6;color:#111827}.search-container[data-v-b9720aed]{padding:16px 24px;background-color:#fff;border-bottom:1px solid #f3f4f6}.input-wrapper[data-v-b9720aed]{position:relative;display:flex;align-items:center}.search-icon[data-v-b9720aed]{position:absolute;left:12px;color:#9ca3af}.search-input[data-v-b9720aed]{width:100%;padding:10px 36px 10px 40px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s}.search-input[data-v-b9720aed]:focus{border-color:#5b75a3;box-shadow:0 0 0 3px #5b75a31a}.input-loader[data-v-b9720aed]{position:absolute;right:12px;width:16px;height:16px;border:2px solid #f3f3f3;border-top:2px solid #5b75a3;border-radius:50%;animation:spin-b9720aed .8s linear infinite}@keyframes spin-b9720aed{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.product-list-container[data-v-b9720aed]{flex:1;overflow-y:auto;padding:12px;background-color:#f9fafb}.empty-state[data-v-b9720aed]{text-align:center;padding:40px;color:#6b7280;font-size:.9rem}.empty-icon[data-v-b9720aed]{font-size:2rem;margin-bottom:8px}.product-item[data-v-b9720aed]{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;cursor:pointer;transition:all .2s}.product-item[data-v-b9720aed]:hover{border-color:#d1d5db;transform:translateY(-1px)}.product-item.is-selected[data-v-b9720aed]{border-color:#5b75a3;background-color:#f0f5ff;box-shadow:0 0 0 1px #5b75a3}.img-wrapper[data-v-b9720aed]{width:48px;height:48px;border-radius:6px;overflow:hidden;background:#f3f4f6;border:1px solid #e5e7eb;flex-shrink:0}.img-wrapper img[data-v-b9720aed]{width:100%;height:100%;object-fit:cover}.product-info[data-v-b9720aed]{flex:1;display:flex;flex-direction:column}.product-title[data-v-b9720aed]{font-weight:600;font-size:.9rem;color:#1f2937;margin-bottom:2px}.product-meta[data-v-b9720aed]{font-size:.8rem;color:#6b7280}.selection-indicator[data-v-b9720aed]{padding-right:4px}.radio-circle[data-v-b9720aed]{width:20px;height:20px;border:2px solid #d1d5db;border-radius:50%;position:relative;transition:all .2s}.product-item.is-selected .radio-circle[data-v-b9720aed]{border-color:#5b75a3;background-color:#5b75a3}.product-item.is-selected .radio-circle[data-v-b9720aed]:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;background:#fff;border-radius:50%}.modal-footer[data-v-b9720aed]{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:12px;background:#fff}.btn-cancel[data-v-b9720aed]{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;color:#374151;font-weight:500;cursor:pointer;transition:all .2s}.btn-cancel[data-v-b9720aed]:hover{background:#f9fafb}.btn-save[data-v-b9720aed]{padding:8px 16px;background:#5b75a3;border:none;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:background .2s}.btn-save[data-v-b9720aed]:hover{background:#4a618a}.btn-save[data-v-b9720aed]:disabled{background:#9ca3af;cursor:not-allowed}.saved-container[data-v-67478de9]{max-width:1200px;margin:0 auto}.saved-header[data-v-67478de9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title[data-v-67478de9]{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.btn-secondary[data-v-67478de9],.btn-icon[data-v-67478de9]{background:#fff;border:1px solid #e5e7eb;color:#374151;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary[data-v-67478de9]{padding:10px 20px}.btn-secondary[data-v-67478de9]:hover{background-color:#f9fafb}.btn-primary[data-v-67478de9]{background-color:#5b75a3;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-primary[data-v-67478de9]:hover{background-color:#4a618a}.state-msg[data-v-67478de9]{text-align:center;padding:40px;color:#6b7280;font-size:1.1rem}.state-msg.empty[data-v-67478de9]{display:flex;flex-direction:column;align-items:center;gap:16px}.video-grid[data-v-67478de9]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.video-card[data-v-67478de9]{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;position:relative;transition:box-shadow .2s}.video-card[data-v-67478de9]:hover{box-shadow:0 4px 12px #0000000d}.card-overlay[data-v-67478de9]{position:absolute;top:12px;left:12px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.card-overlay.active[data-v-67478de9]{opacity:1;pointer-events:auto;cursor:pointer}.checkbox-circle[data-v-67478de9]{width:24px;height:24px;background-color:#00000080;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid white}.video-card.selected .checkbox-circle[data-v-67478de9]{background-color:#5b75a3;border-color:#5b75a3}.video-wrapper[data-v-67478de9]{background-color:#000;aspect-ratio:9/16;width:100%}.video-player[data-v-67478de9]{width:100%;height:100%;object-fit:cover}.card-content[data-v-67478de9]{padding:16px}.card-info[data-v-67478de9]{margin-bottom:16px}.video-title[data-v-67478de9]{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-source[data-v-67478de9]{font-size:.85rem;color:#9ca3af}.action-row[data-v-67478de9]{display:flex;gap:8px}.add-to-prod-btn[data-v-67478de9]{flex:1;padding:10px;font-size:.9rem;white-space:nowrap}.btn-icon[data-v-67478de9]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;color:#6b7280}.btn-icon[data-v-67478de9]:hover{background-color:#f3f4f6;color:#1a1a1a}.delete-btn-icon[data-v-67478de9]:hover{background-color:#fef2f2;color:#ef4444;border-color:#fecaca}.spinner[data-v-67478de9]{animation:spin-67478de9 1s linear infinite}@keyframes spin-67478de9{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fetch-container[data-v-990029a2]{max-width:1200px;margin:0 auto;padding-bottom:80px}.search-section[data-v-990029a2]{margin-bottom:40px}.page-title[data-v-990029a2]{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:24px}.search-bar-wrapper[data-v-990029a2]{display:flex;gap:12px;max-width:700px;align-items:center}.search-input-group[data-v-990029a2]{flex:1;position:relative;display:flex;align-items:center}.search-icon[data-v-990029a2]{position:absolute;left:16px;color:#9ca3af}.clean-input[data-v-990029a2]{width:100%;padding:12px 16px 12px 48px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s}.clean-input[data-v-990029a2]:focus{border-color:#5b75a3;box-shadow:0 0 0 3px #5b75a31a}.btn-primary[data-v-990029a2]{background-color:#5b75a3;color:#fff;padding:12px 24px;border-radius:8px;border:none;font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color .2s}.btn-primary[data-v-990029a2]:hover{background-color:#4a618a}.btn-primary[data-v-990029a2]:disabled{opacity:.7;cursor:not-allowed}.error-banner[data-v-990029a2]{margin-top:16px;background-color:#fef2f2;color:#b91c1c;padding:12px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px;max-width:700px}.empty-state[data-v-990029a2]{text-align:center;padding:60px 0;color:#6b7280}.empty-icon[data-v-990029a2]{margin-bottom:16px}.results-header[data-v-990029a2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.results-header h3[data-v-990029a2]{font-size:1.1rem;font-weight:600;color:#1a1a1a;margin:0}.btn-text[data-v-990029a2]{background:none;border:none;color:#5b75a3;font-weight:600;cursor:pointer}.btn-text[data-v-990029a2]:hover{text-decoration:underline}.video-grid[data-v-990029a2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}.video-card[data-v-990029a2]{background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;position:relative;transition:box-shadow .2s,transform .1s;cursor:pointer}.video-card[data-v-990029a2]:hover{box-shadow:0 4px 12px #0000000d}.video-card.selected[data-v-990029a2]{border-color:#5b75a3;box-shadow:0 0 0 2px #5b75a333}.card-overlay[data-v-990029a2]{position:absolute;top:12px;left:12px;z-index:10;opacity:0;transition:opacity .2s}.video-card:hover .card-overlay[data-v-990029a2],.card-overlay.active[data-v-990029a2]{opacity:1}.checkbox-circle[data-v-990029a2]{width:24px;height:24px;background-color:#00000080;border-radius:6px;display:flex;align-items:center;justify-content:center;border:2px solid white}.video-card.selected .checkbox-circle[data-v-990029a2]{background-color:#5b75a3;border-color:#5b75a3}.video-wrapper[data-v-990029a2]{background-color:#000;aspect-ratio:9/16;width:100%;display:flex;align-items:center;justify-content:center}.video-player[data-v-990029a2]{width:100%;height:100%;object-fit:cover}.card-info[data-v-990029a2]{padding:12px;background-color:#fff}.video-source[data-v-990029a2]{font-size:.8rem;color:#9ca3af}.action-footer[data-v-990029a2]{position:fixed;bottom:0;right:0;left:260px;background-color:#fff;border-top:1px solid #e5e7eb;padding:16px 40px;box-shadow:0 -4px 10px #0000000d;z-index:100}.action-content[data-v-990029a2]{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.selection-count[data-v-990029a2]{font-weight:600;color:#1a1a1a}.action-buttons[data-v-990029a2]{display:flex;gap:12px}.btn-secondary[data-v-990029a2]{background:#fff;border:1px solid #d1d5db;color:#374151;padding:10px 20px;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary[data-v-990029a2]:hover{background-color:#f3f4f6}.slide-up-enter-active[data-v-990029a2],.slide-up-leave-active[data-v-990029a2]{transition:transform .3s ease}.slide-up-enter-from[data-v-990029a2],.slide-up-leave-to[data-v-990029a2]{transform:translateY(100%)}.video-title[data-v-990029a2]{display:block;font-size:.95rem;font-weight:600;color:#1a1a1a;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:768px){.action-footer[data-v-990029a2]{left:0;padding:16px}}.mapped-container[data-v-91c76899]{max-width:1200px;margin:0 auto}.mapped-header[data-v-91c76899]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title[data-v-91c76899]{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin:0}.btn-secondary[data-v-91c76899]{background:#fff;border:1px solid #e5e7eb;color:#374151;padding:8px 20px;border-radius:8px;font-weight:600;cursor:pointer}.btn-secondary[data-v-91c76899]:hover{background-color:#f9fafb}.state-msg[data-v-91c76899]{text-align:center;padding:40px;color:#6b7280}.error[data-v-91c76899]{color:#dc2626}.mapping-list[data-v-91c76899]{display:flex;flex-direction:column;gap:16px}.mapping-item[data-v-91c76899]{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px 24px;transition:box-shadow .2s}.mapping-item[data-v-91c76899]:hover{box-shadow:0 4px 12px #0000000d}.product-section[data-v-91c76899]{display:flex;align-items:center;gap:16px;width:35%}.product-image-wrapper[data-v-91c76899]{width:48px;height:48px;background:#f3f4f6;border-radius:8px;overflow:hidden;border:1px solid #e5e7eb;flex-shrink:0}.product-thumb[data-v-91c76899]{width:100%;height:100%;object-fit:cover}.product-details[data-v-91c76899]{display:flex;flex-direction:column;gap:2px}.product-name[data-v-91c76899]{font-weight:600;color:#1a1a1a;font-size:.95rem}.product-price[data-v-91c76899]{color:#6b7280;font-size:.85rem}.connector-arrow[data-v-91c76899]{flex:0 0 60px;display:flex;justify-content:center;color:#9ca3af}.video-section[data-v-91c76899]{display:flex;align-items:center;gap:16px;flex:1}.video-thumb-wrapper[data-v-91c76899]{width:40px;height:60px;background:#000;border-radius:6px;overflow:hidden;flex-shrink:0}.video-thumb[data-v-91c76899]{width:100%;height:100%;object-fit:cover}.video-details[data-v-91c76899]{display:flex;flex-direction:column;gap:2px}.video-name[data-v-91c76899]{font-weight:600;color:#1a1a1a;font-size:.95rem}.video-source[data-v-91c76899]{color:#6b7280;font-size:.85rem}.action-buttons[data-v-91c76899]{display:flex;gap:12px;margin-left:24px}.btn-icon[data-v-91c76899]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.btn-icon[data-v-91c76899]:hover{background-color:#f3f4f6;color:#1a1a1a}.btn-icon.delete[data-v-91c76899]:hover{background-color:#fef2f2;color:#ef4444;border-color:#fecaca}@media(max-width:768px){.mapping-item[data-v-91c76899]{flex-direction:column;align-items:flex-start;gap:16px}.product-section[data-v-91c76899],.video-section[data-v-91c76899]{width:100%}.connector-arrow[data-v-91c76899]{display:none}.action-buttons[data-v-91c76899]{margin-left:0;align-self:flex-end}}body,html{margin:0;padding:0;font-family:Inter,sans-serif;height:100%;background-color:#f0f2f5}.app-container{height:100vh;width:100vw;display:flex;overflow:hidden}.auth-wrapper{display:flex;width:100%;height:100%;justify-content:center;align-items:center}.dashboard-layout{display:flex;width:100%;height:100%}.sidebar{width:260px;background-color:#e8eaed;display:flex;flex-direction:column;justify-content:space-between;padding:24px;box-sizing:border-box}.brand{display:flex;align-items:center;gap:10px;margin-bottom:40px;color:#1a1a1a;font-weight:700;font-size:1.2rem}.nav-menu{display:flex;flex-direction:column;gap:12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:#4b5563;font-size:.95rem;font-weight:500;cursor:pointer;border-radius:8px;transition:all .2s;text-align:left}.nav-item:hover{background-color:#0000000d;color:#111}.nav-item.active{color:#1a1a1a;font-weight:600}.nav-item.search-style.active{background-color:#5b75a3;color:#fff;box-shadow:0 4px 6px #5b75a333}.sidebar-bottom{border-top:1px solid #d1d5db;padding-top:16px;display:flex;align-items:center;justify-content:space-between}.user-profile{display:flex;align-items:center;gap:8px}.avatar{width:32px;height:32px;background-color:#d1d5db;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#555}.user-name{font-size:.9rem;font-weight:600;color:#333}.logout-btn{display:flex;align-items:center;gap:6px;border:none;background:transparent;color:#4b5563;cursor:pointer;font-size:.85rem;padding:6px 10px;border-radius:6px}.logout-btn:hover{background-color:#ffe4e6;color:#e11d48}.main-content{flex:1;background-color:#fff;padding:40px;overflow-y:auto;box-shadow:-5px 0 20px #00000005}:root{--color-primary: #5a41f5;--color-secondary: #d44dda;--color-success: #28a745;--color-danger: #ff4f4f;--color-background: #f5f7fa;--color-text-dark: #333;--color-text-light: #ffffff;--shadow-sm: 0 4px 14px rgba(0, 0, 0, .09);--shadow-md: 0 8px 22px rgba(0, 0, 0, .07)}*,*:before,*:after{box-sizing:border-box}.page{background:var(--color-background);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;color:var(--color-text-dark)}.header{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:var(--color-text-light);flex-wrap:wrap}.header h1{font-size:clamp(24px,5vw,30px);font-weight:700;margin:0}.logout-top{background:#ffffffe6;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;color:var(--color-primary);font-weight:600;transition:.2s;margin-top:5px}.logout-top:hover{background:#fff;box-shadow:0 0 10px #0000001a}.auth-card{max-width:420px;background:#fff;margin:40px auto;padding:32px;border-radius:20px;box-shadow:0 8px 25px #00000014;animation:fadeIn .3s ease}.input-group{display:flex;gap:12px;flex-wrap:wrap}.input-group .input{flex:1 1 180px}.input{width:100%;padding:14px;border:1px solid #ddd;border-radius:12px;font-size:15px;margin-bottom:14px;transition:.2s}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #5a41f526;outline:none}.btn{background:var(--color-primary);color:#fff;padding:14px 20px;border-radius:12px;border:none;cursor:pointer;font-weight:600;transition:.2s;width:100%;text-align:center}.btn:hover{background:#4a33d0;box-shadow:0 4px 10px #0000001a}.search-card{max-width:650px;margin:30px auto;background:#fff;padding:30px;border-radius:18px;box-shadow:var(--shadow-md);text-align:center;animation:fadeIn .3s ease}.search-card h2{font-size:22px;font-weight:600;margin-bottom:18px}.search-box{display:flex;align-items:center;background:#f1f1f5;border:1px solid #ddd;border-radius:12px;padding:10px 12px;margin-bottom:12px}.search-icon{font-size:18px;margin-right:8px;color:#666}.search-input{border:none;background:transparent;width:100%;font-size:15px;outline:none}.input-row{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.input-row .input{max-width:360px;margin-bottom:0}.input-row .btn{width:auto;flex-shrink:0}.grid{max-width:1250px;margin:30px auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;padding:0 20px}.card{background:#fff;border-radius:15px;position:relative;padding:10px;box-shadow:var(--shadow-sm)}.video{width:100%;height:360px;border-radius:12px;object-fit:cover}.dimmed{opacity:.45;pointer-events:none}.checkbox-overlay{position:absolute;top:16px;left:16px;z-index:20;cursor:pointer;display:flex;align-items:center}.checkbox-overlay input{position:absolute;opacity:0;height:0;width:0}.checkmark{height:30px;width:30px;background:#ffffffd9;border-radius:8px;border:2px solid var(--color-primary);display:flex;justify-content:center;align-items:center;font-size:20px;font-weight:700;color:transparent;transition:.2s transform,.2s background}.checkbox-overlay input:checked+.checkmark{background:var(--color-primary);color:#fff;transform:scale(1.1)}.panel,.select-panel{max-width:1250px;margin:20px auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px;flex-wrap:wrap;gap:15px}.save-btn{background:var(--color-success)!important;width:auto;padding:10px 18px}.save-btn:hover{background:#218838!important}.cancel-btn{background:var(--color-danger);color:#fff;padding:10px 18px;border-radius:10px;border:none;width:auto}.cancel-btn:hover{background:#e60000}.footer{margin-top:60px;text-align:center;padding:20px;color:#888}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page{background:#f5f7fa;min-height:100vh;font-family:Inter,sans-serif}.header{background:linear-gradient(135deg,#5a41f5,#d44dda);padding:25px 30px;display:flex;justify-content:space-between;align-items:center;border-bottom-left-radius:20px;border-bottom-right-radius:20px;color:#fff}.logout-top{background:#ffffffe6;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;color:#5a41f5;font-weight:700}.tabs{display:flex;justify-content:center;gap:20px;margin:30px auto}.tab{padding:12px 26px;background:#eee;border-radius:10px;cursor:pointer;border:none;font-weight:600}.tab.active{background:#5a41f5;color:#fff}.section-title{text-align:center;font-size:24px;font-weight:700;margin-top:10px}.source-username{text-align:center;margin-top:10px;color:#666}.empty-msg{text-align:center;margin-top:30px;color:#777}.checkbox-overlay input{opacity:0}.checkmark{height:30px;width:30px;background:#ffffffd9;border-radius:8px;border:2px solid #5a41f5;display:flex;justify-content:center;align-items:center;color:transparent}.checkbox-overlay input:checked+.checkmark{background:#5a41f5;color:#fff}.delete-btn{background:var(--color-danger)!important;color:#fff!important;padding:10px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:600}.delete-btn:hover{background:#d60000!important}.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000073;display:flex;justify-content:center;align-items:center;z-index:9999}.popup-inner{background:#fff;width:400px;max-height:80vh;padding:20px;border-radius:16px;display:flex;flex-direction:column;gap:15px}.product-list{max-height:350px;overflow-y:auto;border:1px solid #ddd;border-radius:12px;padding:10px}.product-item{display:flex;align-items:center;gap:12px;padding:10px;border-radius:10px;cursor:pointer;transition:.2s;border:1px solid transparent}.product-item:hover{background:#f2f1ff}.product-item.selected{border:2px solid #5a41f5;background:#ebe7ff}.product-img{width:50px;height:50px;object-fit:cover;border-radius:8px}.popup-actions{display:flex;justify-content:space-between;margin-top:10px}.Vue-Toastification__container{z-index:9999;position:fixed;padding:4px;width:600px;box-sizing:border-box;display:flex;min-height:100%;color:#fff;flex-direction:column;pointer-events:none}@media only screen and (min-width:600px){.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:1em}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:1em;flex-direction:column-reverse}.Vue-Toastification__container.top-left,.Vue-Toastification__container.bottom-left{left:1em}.Vue-Toastification__container.top-left .Vue-Toastification__toast,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast{margin-right:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-left .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-left .Vue-Toastification__toast--rtl{margin-right:unset;margin-left:auto}}.Vue-Toastification__container.top-right,.Vue-Toastification__container.bottom-right{right:1em}.Vue-Toastification__container.top-right .Vue-Toastification__toast,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast{margin-left:auto}@supports not (-moz-appearance: none){.Vue-Toastification__container.top-right .Vue-Toastification__toast--rtl,.Vue-Toastification__container.bottom-right .Vue-Toastification__toast--rtl{margin-left:unset;margin-right:auto}}.Vue-Toastification__container.top-center,.Vue-Toastification__container.bottom-center{left:50%;margin-left:-300px}.Vue-Toastification__container.top-center .Vue-Toastification__toast,.Vue-Toastification__container.bottom-center .Vue-Toastification__toast{margin-left:auto;margin-right:auto}}@media only screen and (max-width:600px){.Vue-Toastification__container{width:100vw;padding:0;left:0;margin:0}.Vue-Toastification__container .Vue-Toastification__toast{width:100%}.Vue-Toastification__container.top-left,.Vue-Toastification__container.top-right,.Vue-Toastification__container.top-center{top:0}.Vue-Toastification__container.bottom-left,.Vue-Toastification__container.bottom-right,.Vue-Toastification__container.bottom-center{bottom:0;flex-direction:column-reverse}}.Vue-Toastification__toast{display:inline-flex;position:relative;max-height:800px;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:22px 24px;border-radius:8px;box-shadow:0 1px 10px #0000001a,0 2px 15px #0000000d;justify-content:space-between;font-family:Lato,Helvetica,Roboto,Arial,sans-serif;max-width:600px;min-width:326px;pointer-events:auto;overflow:hidden;transform:translateZ(0);direction:ltr}.Vue-Toastification__toast--rtl{direction:rtl}.Vue-Toastification__toast--default{background-color:#1976d2;color:#fff}.Vue-Toastification__toast--info{background-color:#2196f3;color:#fff}.Vue-Toastification__toast--success{background-color:#4caf50;color:#fff}.Vue-Toastification__toast--error{background-color:#ff5252;color:#fff}.Vue-Toastification__toast--warning{background-color:#ffc107;color:#fff}@media only screen and (max-width:600px){.Vue-Toastification__toast{border-radius:0;margin-bottom:.5rem}}.Vue-Toastification__toast-body{flex:1;line-height:24px;font-size:16px;word-break:break-word;white-space:pre-wrap}.Vue-Toastification__toast-component-body{flex:1}.Vue-Toastification__toast.disable-transition{animation:none!important}.Vue-Toastification__close-button{font-weight:700;font-size:24px;line-height:24px;background:transparent;outline:none;border:none;padding:0 0 0 10px;cursor:pointer;transition:.3s ease;align-items:center;color:#fff;opacity:.3;transition:visibility 0s,opacity .2s linear}.Vue-Toastification__close-button:hover,.Vue-Toastification__close-button:focus{opacity:1}.Vue-Toastification__toast:not(:hover) .Vue-Toastification__close-button.show-on-hover{opacity:0}.Vue-Toastification__toast--rtl .Vue-Toastification__close-button{padding-left:unset;padding-right:10px}@keyframes scale-x-frames{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.Vue-Toastification__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:10000;background-color:#ffffffb3;transform-origin:left;animation:scale-x-frames linear 1 forwards}.Vue-Toastification__toast--rtl .Vue-Toastification__progress-bar{right:0;left:unset;transform-origin:right}.Vue-Toastification__icon{margin:auto 18px auto 0;background:transparent;outline:none;border:none;padding:0;transition:.3s ease;align-items:center;width:20px;height:100%}.Vue-Toastification__toast--rtl .Vue-Toastification__icon{margin:auto 0 auto 18px}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceOutRight{40%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(1000px,0,0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.Vue-Toastification__bounce-enter-active.top-left,.Vue-Toastification__bounce-enter-active.bottom-left{animation-name:bounceInLeft}.Vue-Toastification__bounce-enter-active.top-right,.Vue-Toastification__bounce-enter-active.bottom-right{animation-name:bounceInRight}.Vue-Toastification__bounce-enter-active.top-center{animation-name:bounceInDown}.Vue-Toastification__bounce-enter-active.bottom-center{animation-name:bounceInUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-left,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-left{animation-name:bounceOutLeft}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-right,.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-right{animation-name:bounceOutRight}.Vue-Toastification__bounce-leave-active:not(.disable-transition).top-center{animation-name:bounceOutUp}.Vue-Toastification__bounce-leave-active:not(.disable-transition).bottom-center{animation-name:bounceOutDown}.Vue-Toastification__bounce-leave-active,.Vue-Toastification__bounce-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__bounce-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes fadeOutTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-50px);opacity:0}}@keyframes fadeOutLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-50px);opacity:0}}@keyframes fadeOutBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(50px);opacity:0}}@keyframes fadeOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(50px);opacity:0}}@keyframes fadeInLeft{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInRight{0%{transform:translate(50px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeInTop{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fadeInBottom{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.Vue-Toastification__fade-enter-active.top-left,.Vue-Toastification__fade-enter-active.bottom-left{animation-name:fadeInLeft}.Vue-Toastification__fade-enter-active.top-right,.Vue-Toastification__fade-enter-active.bottom-right{animation-name:fadeInRight}.Vue-Toastification__fade-enter-active.top-center{animation-name:fadeInTop}.Vue-Toastification__fade-enter-active.bottom-center{animation-name:fadeInBottom}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-left,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-left{animation-name:fadeOutLeft}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-right,.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-right{animation-name:fadeOutRight}.Vue-Toastification__fade-leave-active:not(.disable-transition).top-center{animation-name:fadeOutTop}.Vue-Toastification__fade-leave-active:not(.disable-transition).bottom-center{animation-name:fadeOutBottom}.Vue-Toastification__fade-leave-active,.Vue-Toastification__fade-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__fade-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}@keyframes slideInBlurredLeft{0%{transform:translate(-1000px) scaleX(2.5) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredTop{0%{transform:translateY(-1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredRight{0%{transform:translate(1000px) scaleX(2.5) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}to{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideInBlurredBottom{0%{transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}to{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes slideOutBlurredTop{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 0%;filter:blur(0);opacity:1}to{transform:translateY(-1000px) scaleY(2) scaleX(.2);transform-origin:50% 0%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredBottom{0%{transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translateY(1000px) scaleY(2) scaleX(.2);transform-origin:50% 100%;filter:blur(240px);opacity:0}}@keyframes slideOutBlurredLeft{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(-1000px) scaleX(2) scaleY(.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}}@keyframes slideOutBlurredRight{0%{transform:translate(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}to{transform:translate(1000px) scaleX(2) scaleY(.2);transform-origin:0% 50%;filter:blur(40px);opacity:0}}.Vue-Toastification__slideBlurred-enter-active.top-left,.Vue-Toastification__slideBlurred-enter-active.bottom-left{animation-name:slideInBlurredLeft}.Vue-Toastification__slideBlurred-enter-active.top-right,.Vue-Toastification__slideBlurred-enter-active.bottom-right{animation-name:slideInBlurredRight}.Vue-Toastification__slideBlurred-enter-active.top-center{animation-name:slideInBlurredTop}.Vue-Toastification__slideBlurred-enter-active.bottom-center{animation-name:slideInBlurredBottom}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-left,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-left{animation-name:slideOutBlurredLeft}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-right,.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-right{animation-name:slideOutBlurredRight}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).top-center{animation-name:slideOutBlurredTop}.Vue-Toastification__slideBlurred-leave-active:not(.disable-transition).bottom-center{animation-name:slideOutBlurredBottom}.Vue-Toastification__slideBlurred-leave-active,.Vue-Toastification__slideBlurred-enter-active{animation-duration:.75s;animation-fill-mode:both}.Vue-Toastification__slideBlurred-move{transition-timing-function:ease-in-out;transition-property:all;transition-duration:.4s}