@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter+Tight:wght@400;500;600;700&display=swap";.pricing-toggle{display:flex;background:#f4f4f5;border-radius:8px;padding:3px;gap:2px}.pricing-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;background:transparent;color:#71717a}.pricing-toggle-btn:hover{color:#18181b}.pricing-toggle-btn.active{background:#fff;color:#18181b;box-shadow:0 1px 3px #0000001a;font-weight:600}.pricing-toggle-badge{display:inline-flex;align-items:center;padding:2px 5px;background:#22c55e;color:#fff;font-size:10px;font-weight:700;border-radius:4px}.pricing-toggle-compact{padding:2px;border-radius:6px}.pricing-toggle-compact .pricing-toggle-btn{padding:6px 12px;font-size:12px;border-radius:5px}.pricing-toggle-compact .pricing-toggle-badge{padding:1px 4px;font-size:9px}.pricing-display{text-align:center;margin-bottom:16px}.pricing-display-row{display:flex;align-items:baseline;justify-content:center;gap:12px}.pricing-display-old{font-size:1.25rem;color:#a1a1aa;text-decoration:line-through}.pricing-display-current{font-size:2rem;font-weight:700;color:#18181b}.pricing-display-subrow{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.pricing-display-period{font-size:14px;color:#52525b}.pricing-display-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#22c55e;color:#fff;font-size:12px;font-weight:700;border-radius:4px}.pricing-display-monthly{font-size:14px;color:#71717a;margin-top:8px}.pricing-display-nocommit{color:#71717a;font-weight:400}.ea-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px;overflow-y:auto}@keyframes eaSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.ea-plans-wrapper{position:relative;max-width:820px;width:100%;animation:eaSlideIn .25s ease-out;font-family:DM Sans,sans-serif}.ea-plans-wrapper .ea-close{position:absolute;top:-12px;right:-12px;z-index:10;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;color:#6b7280;cursor:pointer;box-shadow:0 2px 8px #00000026;transition:all .15s}.ea-plans-wrapper .ea-close:hover{background:#f9fafb;color:#374151}.ea-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:20px;padding-right:40px}.ea-header-left{flex:1}.ea-header-right{flex-shrink:0}.ea-header-title{font-size:20px;font-weight:600;color:#fff;margin:0}.ea-lock-message{font-size:14px;font-weight:500;color:#6b7280;display:flex;align-items:center;gap:6px}.ea-plans-container{display:flex;gap:24px;align-items:stretch}.ea-plan-card{flex:1;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;display:flex;flex-direction:column;position:relative}.ea-plan-solo-wrapper{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.ea-plan-card-solo{border:2px solid #F97316;box-shadow:0 4px 24px #f9731626;flex:1}.ea-recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f97316;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;white-space:nowrap;z-index:2;box-shadow:0 2px 8px #f973164d}.ea-plan-agency-wrapper{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.ea-card-header{margin-bottom:20px}.ea-plan-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.ea-plan-badge-solo{background:#fff7ed;color:#c2410c}.ea-plan-badge-agency{background:#eef2ff;color:#4f46e5}.ea-card-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em}.ea-card-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.ea-pricing-section{margin-bottom:20px}.ea-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.ea-price-old{text-decoration:line-through;color:#9ca3af;font-size:18px}.ea-price-current{font-size:36px;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1}.ea-price-subrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.ea-price-period{font-size:14px;color:#6b7280}.ea-discount-badge{background:#d1fae5;color:#065f46;padding:3px 8px;border-radius:100px;font-size:12px;font-weight:600}.ea-price-monthly{color:#f97316;font-size:15px;font-weight:500}.ea-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px;flex:1}.ea-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#374151;line-height:1.4}.ea-features li svg{color:#059669;flex-shrink:0;margin-top:2px}.ea-cta{width:100%;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;margin-top:auto}.ea-cta-solo{background:#f97316;color:#fff;border:none;box-shadow:0 4px 12px #f9731640}.ea-cta-solo:hover{background:#ea580c;box-shadow:0 6px 16px #f973164d}.ea-cta-agency{background:transparent;color:#4f46e5;border:2px solid #4F46E5}.ea-cta-agency:hover{background:#4f46e5;color:#fff}.ea-shared-footer{text-align:center;margin-top:20px;padding-top:16px}.ea-footer-stats{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:6px}.ea-footer-dot{color:#d1d5db}.ea-footer-secure{font-size:13px;color:#9ca3af}.ea-slider-section{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:16px}.ea-slider-label{display:flex;justify-content:space-between;font-size:13px;color:#374151;margin-bottom:10px}.ea-slider-value{font-weight:700;color:#4f46e5;font-size:16px}.ea-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;outline:none;background:linear-gradient(to right,#4F46E5 0%,#4F46E5 var(--fill),#e5e7eb var(--fill),#e5e7eb 100%)}.ea-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #4F46E5;cursor:pointer;box-shadow:0 2px 6px #00000026}.ea-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #4F46E5;cursor:pointer;box-shadow:0 2px 6px #00000026}.ea-slider-range{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:6px}.ea-agency-pricing{margin-bottom:20px}.ea-agency-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.ea-agency-price-old{font-size:18px;color:#9ca3af;text-decoration:line-through}.ea-agency-price-amount{font-size:36px;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1}.ea-agency-price-subrow{display:flex;align-items:center;gap:8px}.ea-agency-price-unit{font-size:14px;color:#6b7280}.ea-agency-discount-badge{background:#d1fae5;color:#065f46;font-size:12px;font-weight:600;padding:3px 8px;border-radius:100px}.ea-agency-price-monthly{color:#f97316;font-size:15px;font-weight:500;margin-top:8px}.ea-time-saved{display:flex;align-items:center;gap:8px;background:#fff7ed;color:#c2410c;font-size:13px;font-weight:500;padding:10px 14px;border-radius:10px;margin-bottom:16px}.ea-card{width:100%;max-width:440px;background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;padding:32px;display:flex;flex-direction:column;position:relative;font-family:DM Sans,sans-serif;animation:eaSlideIn .25s ease-out}.ea-card-ended{text-align:center;padding:48px 32px}.ea-card-ended .ea-title{font-size:28px;font-weight:600;color:#111827;margin:0 0 12px}.ea-card-ended .ea-subtitle{font-size:16px;color:#6b7280;margin:0}.ea-ended-note{background:#f3f4f6;color:#4b5563;font-size:14px;padding:16px;border-radius:12px;margin-top:24px}.ea-close{position:absolute;top:16px;right:16px;background:#fff;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 3px #0000001a;color:#6b7280;transition:background .15s}.ea-close:hover{background:#f9fafb}@media (max-width: 820px){.ea-plans-container{flex-direction:column;align-items:center}.ea-plan-solo-wrapper,.ea-plan-agency-wrapper{width:100%;max-width:400px}.ea-plans-wrapper .ea-close{top:8px;right:8px}.ea-footer-stats{flex-direction:column;gap:4px}.ea-footer-dot{display:none}}@media (max-width: 480px){.ea-plan-card{padding:24px}.ea-card-title{font-size:20px}.ea-price-current{font-size:30px}.ea-features li{font-size:13px}.ea-cta{padding:12px 16px;font-size:14px}}.ea-workspace-billing{position:relative;background:#fff;border-radius:16px;padding:40px;max-width:420px;width:90%;text-align:center;box-shadow:0 25px 50px -12px #00000040}.ea-workspace-billing .ea-close{position:absolute;top:16px;right:16px}.ea-workspace-icon{width:64px;height:64px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff}.ea-workspace-title{font-family:DM Sans,sans-serif;font-size:22px;font-weight:700;color:#0d0d12;margin:0 0 12px}.ea-workspace-text{font-family:DM Sans,sans-serif;font-size:15px;color:#374151;margin:0 0 8px;line-height:1.5}.ea-workspace-text strong{color:#0d0d12}.ea-workspace-text-secondary{font-family:DM Sans,sans-serif;font-size:14px;color:#6b7280;margin:0 0 24px}.ea-workspace-close-btn{padding:12px 32px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease}.ea-workspace-close-btn:hover{background:#2828d0}.feedback-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.feedback-modal{background:#fff;border:1px solid #EBEBEB;border-radius:16px;width:100%;max-width:480px;padding:28px;position:relative;box-shadow:0 20px 40px #00000026;animation:feedbackModalIn .2s ease-out}@keyframes feedbackModalIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.feedback-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s}.feedback-modal-close:hover{background:#f3f4f6;color:#374151}.feedback-modal-header{margin-bottom:24px}.feedback-modal-header h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 4px}.feedback-modal-header p{font-size:14px;color:#6b7280;margin:0}.feedback-form{display:flex;flex-direction:column;gap:20px}.feedback-field{display:flex;flex-direction:column;gap:6px;position:relative}.feedback-field label{font-size:13px;font-weight:500;color:#374151}.feedback-field select,.feedback-field textarea,.feedback-field input[type=url]{padding:12px 14px;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:all .2s;font-family:inherit}.feedback-field select:focus,.feedback-field textarea:focus,.feedback-field input[type=url]:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.feedback-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.feedback-field textarea{resize:vertical;min-height:100px}.feedback-field textarea::-moz-placeholder{color:#9ca3af}.feedback-field textarea::placeholder{color:#9ca3af}.feedback-char-count{position:absolute;bottom:10px;right:12px;font-size:11px;color:#9ca3af}.feedback-error{padding:12px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;font-size:13px;color:#dc2626}.feedback-submit{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#3434ef;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.feedback-submit:hover:not(:disabled){background:#2828d0}.feedback-submit:disabled{opacity:.7;cursor:not-allowed}.feedback-submit .spinning{animation:spin 1s linear infinite}.feedback-upload-zone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px;border:2px dashed #E5E7EB;border-radius:10px;cursor:pointer;transition:all .2s;color:#9ca3af}.feedback-upload-zone:hover{border-color:#3434ef;background:#3434ef08;color:#6366f1}.feedback-upload-zone.drag-active{border-color:#3434ef;background:#3434ef0f;color:#3434ef}.feedback-upload-zone span{font-size:13px;font-weight:500}.feedback-upload-hint{font-size:11px!important;font-weight:400!important;color:#9ca3af}.feedback-previews{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px}.feedback-preview-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;border:1px solid #E5E7EB}.feedback-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.feedback-preview-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:opacity .15s}.feedback-preview-item:hover .feedback-preview-remove{opacity:1}.feedback-image-count{font-size:11px;color:#9ca3af;margin-top:4px}.feedback-success{text-align:center;padding:20px 0}.feedback-success-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:#dcfce7;border-radius:50%;color:#22c55e;margin:0 auto 20px}.feedback-success h2{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.feedback-success p{font-size:14px;color:#6b7280;margin:0}@media (max-width: 480px){.feedback-modal{padding:20px;margin:10px}.feedback-modal-header h2{font-size:18px}.feedback-submit{padding:12px 20px;font-size:14px}}.limit-reached-overlay{position:fixed;top:0;left:var(--sidebar-width);right:0;bottom:0;background:#ffffff4d;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@media (max-width: 1024px){.limit-reached-overlay{left:0}}.with-beta-banner .limit-reached-overlay{top:40px}.lr-wrapper{position:relative;max-width:820px;width:100%;text-align:center;font-family:DM Sans,sans-serif}.lr-header{display:flex;justify-content:center;align-items:flex-start;margin-bottom:24px;position:relative}.lr-header-center{text-align:center}.lr-header-right{position:absolute;right:0;top:0}.lr-title{font-size:28px;font-weight:600;color:#111827;letter-spacing:-.02em;margin:0 0 8px;line-height:1.2}.lr-count{font-size:16px;color:#6b7280;margin:0}.lr-count-highlight{color:#f97316;font-weight:600}.lr-plans-container{display:flex;gap:24px;align-items:stretch;margin-bottom:20px}.lr-plan-card{flex:1;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:28px;display:flex;flex-direction:column;text-align:left}.lr-plan-solo-wrapper{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.lr-plan-card-solo{border:2px solid #F97316;box-shadow:0 4px 24px #f9731626;flex:1}.lr-recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f97316;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;border-radius:20px;white-space:nowrap;z-index:2;box-shadow:0 2px 8px #f973164d}.lr-plan-agency-wrapper{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.lr-card-header{margin-bottom:20px}.lr-plan-badge{display:inline-block;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:12px}.lr-plan-badge-solo{background:#fff7ed;color:#c2410c}.lr-plan-badge-agency{background:#eef2ff;color:#4f46e5}.lr-card-title{font-size:22px;font-weight:700;color:#111827;margin:0 0 6px;letter-spacing:-.02em}.lr-card-subtitle{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.lr-pricing-section{margin-bottom:20px}.lr-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.lr-price-old{text-decoration:line-through;color:#9ca3af;font-size:18px}.lr-price-current{font-size:36px;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1}.lr-price-subrow{display:flex;align-items:center;gap:8px;margin-bottom:8px}.lr-price-period{font-size:14px;color:#6b7280}.lr-discount-badge{background:#d1fae5;color:#065f46;padding:3px 8px;border-radius:100px;font-size:12px;font-weight:600}.lr-price-monthly{color:#f97316;font-size:15px;font-weight:500}.lr-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px;flex:1}.lr-features li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:#374151;line-height:1.4}.lr-features li svg{color:#059669;flex-shrink:0;margin-top:2px}.lr-cta{width:100%;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .15s;margin-top:auto}.lr-cta-solo{background:#f97316;color:#fff;border:none;box-shadow:0 4px 12px #f9731640}.lr-cta-solo:hover{background:#ea580c;box-shadow:0 6px 16px #f973164d}.lr-cta-agency{background:transparent;color:#4f46e5;border:2px solid #4F46E5}.lr-cta-agency:hover{background:#4f46e5;color:#fff}.lr-slider-section{background:#f9fafb;border-radius:12px;padding:16px;margin-bottom:16px}.lr-slider-label{display:flex;justify-content:space-between;font-size:13px;color:#374151;margin-bottom:10px}.lr-slider-value{font-weight:700;color:#4f46e5;font-size:16px}.lr-slider{-webkit-appearance:none;width:100%;height:8px;border-radius:4px;outline:none;background:linear-gradient(to right,#4F46E5 0%,#4F46E5 var(--fill),#e5e7eb var(--fill),#e5e7eb 100%)}.lr-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #4F46E5;cursor:pointer;box-shadow:0 2px 6px #00000026}.lr-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid #4F46E5;cursor:pointer;box-shadow:0 2px 6px #00000026}.lr-slider-range{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:6px}.lr-agency-pricing{margin-bottom:20px}.lr-agency-price-row{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.lr-agency-price-old{font-size:18px;color:#9ca3af;text-decoration:line-through}.lr-agency-price-amount{font-size:36px;font-weight:700;color:#111827;letter-spacing:-.02em;line-height:1}.lr-agency-price-subrow{display:flex;align-items:center;gap:8px}.lr-agency-price-unit{font-size:14px;color:#6b7280}.lr-agency-discount-badge{background:#d1fae5;color:#065f46;font-size:12px;font-weight:600;padding:3px 8px;border-radius:100px}.lr-agency-price-monthly{color:#f97316;font-size:15px;font-weight:500;margin-top:8px}.lr-time-saved{display:flex;align-items:center;gap:8px;background:#fff7ed;color:#c2410c;font-size:13px;font-weight:500;padding:10px 14px;border-radius:10px;margin-bottom:16px}.lr-shared-footer{text-align:center;margin-bottom:16px}.lr-footer-stats{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#6b7280;margin-bottom:6px}.lr-footer-dot{color:#d1d5db}.lr-footer-secure{font-size:13px;color:#9ca3af;margin:0}.lr-reset{display:flex;align-items:center;justify-content:center;gap:8px;color:#6b7280;font-size:14px}.lr-reset svg{flex-shrink:0;color:#9ca3af}@media (max-width: 820px){.lr-plans-container{flex-direction:column;align-items:center}.lr-plan-solo-wrapper,.lr-plan-agency-wrapper{width:100%;max-width:400px}.lr-footer-stats{flex-direction:column;gap:4px}.lr-footer-dot{display:none}}@media (max-width: 480px){.limit-reached-overlay{padding:16px}.lr-plan-card{padding:24px}.lr-title{font-size:24px}.lr-count{font-size:14px}.lr-card-title{font-size:20px}.lr-price-current{font-size:30px}.lr-features li{font-size:13px}.lr-cta{padding:12px 16px;font-size:14px}}.upload-widget-container{position:fixed;bottom:20px;right:20px;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}.upload-widget-container>*{pointer-events:auto}.upload-widget-collapse-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:20px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.upload-widget-collapse-btn:hover{background:#f9fafb;color:#374151}.upload-widget-cards{display:flex;flex-direction:column;gap:10px}.upload-widget-cards--collapsed{gap:0}.upload-widget-card{position:relative;width:300px;padding:14px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 4px 12px #0000001a,0 2px 4px #0000000d;cursor:pointer;transition:all .2s ease;border-left:4px solid #3434EF}.upload-widget-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f,0 3px 6px #00000014}.upload-widget-card--launching{border-left-color:#3434ef}.upload-widget-card--success{border-left-color:#10b981}.upload-widget-card--partial{border-left-color:#f59e0b}.upload-widget-card--error{border-left-color:#ef4444}.upload-widget-dismiss{position:absolute;top:8px;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;opacity:0;transition:all .15s ease}.upload-widget-card:hover .upload-widget-dismiss{opacity:1}.upload-widget-dismiss:hover{background:#f3f4f6;color:#6b7280}.upload-widget-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-right:20px}.upload-widget-campaign{font-size:13px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-widget-spinner{color:#3434ef;animation:widget-spin 1s linear infinite}@keyframes widget-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-widget-icon-success{color:#10b981}.upload-widget-icon-warning{color:#f59e0b}.upload-widget-icon-error{color:#ef4444}.upload-widget-progress-container{margin-bottom:8px}.upload-widget-progress-bar{position:relative;height:6px;background:#f3f4f6;border-radius:3px;overflow:visible}.upload-widget-progress-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#3434ef,#6366f1);border-radius:3px;transition:width .3s ease}.upload-widget-card--success .upload-widget-progress-fill{background:linear-gradient(90deg,#10b981,#34d399)}.upload-widget-card--error .upload-widget-progress-fill{background:linear-gradient(90deg,#ef4444,#f87171)}.upload-widget-phase-markers{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;transform:translateY(-50%);padding:0 2px}.upload-widget-phase-marker{width:8px;height:8px;background:#e5e7eb;border:2px solid #FFFFFF;border-radius:50%;box-shadow:0 1px 2px #0000001a;transition:all .2s ease}.upload-widget-phase-marker.active{background:#3434ef}.upload-widget-card--success .upload-widget-phase-marker.active{background:#10b981}.upload-widget-card--error .upload-widget-phase-marker.active{background:#ef4444}.upload-widget-status{display:flex;justify-content:space-between;align-items:center;gap:8px}.upload-widget-phase-text{font-size:11px;color:#6b7280}.upload-widget-count{font-size:11px;font-weight:600;color:#374151}.upload-widget-failed{color:#ef4444;font-weight:500}@media (max-width: 768px){.upload-widget-container{bottom:16px;right:16px;left:16px}.upload-widget-card{width:100%}}.beta-banner{position:fixed;top:0;left:0;right:0;height:40px;background:#3434ef;display:flex;align-items:center;z-index:10000;overflow:hidden}.marquee-wrapper{flex:1;overflow:hidden;position:relative;height:100%;display:flex;align-items:center}.marquee-track{display:flex;align-items:center;gap:24px;white-space:nowrap;animation:marquee 30s linear infinite}.marquee-wrapper:hover .marquee-track{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-item{color:#fff;font-size:14px;font-weight:500;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.marquee-item.offer{cursor:pointer;transition:opacity .2s}.marquee-item.offer:hover{opacity:.85;text-decoration:underline;text-underline-offset:2px}.marquee-icon{font-size:16px}.marquee-separator{color:#ffffff80;font-size:12px;flex-shrink:0}.marquee-link{color:#fff;text-decoration:underline;text-underline-offset:2px;transition:opacity .2s}.marquee-link:hover{opacity:.85}.beta-banner-dismiss{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#ffffff26;border:none;border-radius:4px;color:#fff;cursor:pointer;transition:background .2s;z-index:1}.beta-banner-dismiss:hover{background:#ffffff40}.marquee-wrapper:before,.marquee-wrapper:after{content:"";position:absolute;top:0;bottom:0;width:60px;z-index:1;pointer-events:none}.marquee-wrapper:before{left:0;background:linear-gradient(to right,#3434EF,transparent)}.marquee-wrapper:after{right:40px;background:linear-gradient(to left,#3434EF,transparent)}@media (max-width: 768px){.marquee-item{font-size:13px}.marquee-track{gap:16px;animation-duration:25s}.beta-banner-dismiss{right:8px}.marquee-wrapper:after{right:32px}}.oauth-warning-banner{background:#fef3c7;border-bottom:1px solid #F59E0B;padding:12px 24px;position:relative;z-index:100}.oauth-warning-content{display:flex;align-items:center;gap:12px;max-width:1400px;margin:0 auto}.oauth-warning-icon{color:#d97706;flex-shrink:0}.oauth-warning-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.oauth-warning-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#92400e}.oauth-warning-message{font-family:DM Sans,sans-serif;font-size:13px;color:#b45309}.oauth-warning-cta{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#f59e0b;border:none;border-radius:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap;flex-shrink:0}.oauth-warning-cta:hover{background:#d97706}.oauth-warning-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#92400e;cursor:pointer;transition:all .2s ease;flex-shrink:0}.oauth-warning-close:hover{background:#92400e1a}.oauth-critical-warning{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#fee2e2;border:1px solid #FECACA;border-radius:12px;margin-bottom:20px}.oauth-critical-warning .warning-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.oauth-critical-warning .warning-content{display:flex;flex-direction:column;gap:8px;flex:1}.oauth-critical-warning .warning-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#991b1b}.oauth-critical-warning .warning-message{font-family:DM Sans,sans-serif;font-size:13px;color:#b91c1c;line-height:1.4}.oauth-critical-warning .warning-cta{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#dc2626;border:none;border-radius:6px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content}.oauth-critical-warning .warning-cta:hover{background:#b91c1c}@media (max-width: 768px){.oauth-warning-banner{padding:12px 16px}.oauth-warning-content{flex-wrap:wrap;gap:10px}.oauth-warning-text{flex-basis:calc(100% - 50px)}.oauth-warning-cta{flex:1;justify-content:center}.oauth-warning-close{position:absolute;top:8px;right:8px}}.app-container{display:flex;min-height:100vh}.app-container.with-beta-banner{padding-top:40px}.main-content{flex:1;margin-left:var(--sidebar-width);background-color:var(--background);overflow-x:hidden;position:relative;min-height:100vh}.auth-gate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0a0a0a;background-size:cover;background-position:center;background-repeat:no-repeat;display:flex;align-items:center;justify-content:center;z-index:9999}.auth-gate-loading{display:flex;align-items:center;justify-content:center}.auth-gate-loading .spinning{animation:spin 1s linear infinite;color:#8b5cf6}.auth-gate-modal{background:#18181b;border:1px solid #27272A;border-radius:16px;padding:0;width:100%;max-width:400px;text-align:center;overflow:hidden;box-shadow:0 25px 50px -12px #0006}.auth-gate-banner{width:100%;height:auto;display:block;border-radius:0}.auth-gate-content{padding:24px 40px 40px}.auth-gate-title{color:#fff;font-size:24px;font-weight:600;margin:0 0 8px}.auth-gate-subtitle{color:#9ca3af;font-size:14px;margin:0 0 32px;line-height:1.5}.auth-gate-facebook-button{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 24px;background:#1877f2;color:#fff;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.auth-gate-facebook-button:hover{background:#166fe5;transform:translateY(-1px)}.auth-gate-facebook-button:active{transform:translateY(0)}.auth-gate-terms{margin-top:24px;font-size:12px;color:#6b7280;line-height:1.5}.auth-gate-terms a{color:#9ca3af;text-decoration:underline;transition:color .2s ease}.auth-gate-terms a:hover{color:#fff}.app-loader{position:fixed;top:0;right:0;bottom:0;left:0;background:#f7f8fa;display:flex;align-items:center;justify-content:center;z-index:99999;opacity:1;transition:opacity .2s ease-out}.app-loader.fade-out{opacity:0;pointer-events:none}.app-loader-content{display:flex;flex-direction:column;align-items:center;gap:24px}.app-loader-logo{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.95)}}.app-loader-spinner{width:24px;height:24px;border:2px solid rgba(52,52,239,.2);border-top-color:#3434ef;border-radius:50%;animation:spin .8s linear infinite}.app-content.hidden{visibility:hidden;height:0;overflow:hidden}.password-gate-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.password-gate-modal{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:40px;width:100%;max-width:400px;text-align:center;box-shadow:0 25px 50px -12px #00000026;animation:gateSlideIn .3s ease-out}@keyframes gateSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.password-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:14px;color:#fff;margin-bottom:24px}.password-gate-title{font-size:22px;font-weight:600;color:#1f2937;margin:0 0 8px}.password-gate-subtitle{font-size:14px;color:#6b7280;margin:0 0 28px;line-height:1.5}.password-gate-form{display:flex;flex-direction:column;gap:16px}.password-gate-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;background:#fee2e2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:13px}.password-gate-input-wrapper{position:relative}.password-gate-input{width:100%;padding:14px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:15px;color:#1f2937;text-align:center;letter-spacing:2px;transition:all .15s ease}.password-gate-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;background:#fff}.password-gate-input::-moz-placeholder{color:#9ca3af;letter-spacing:normal}.password-gate-input::placeholder{color:#9ca3af;letter-spacing:normal}.password-gate-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#6366f1;border:none;border-radius:10px;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:all .15s ease}.password-gate-button:hover{background:#4f46e5;transform:translateY(-1px)}.password-gate-button:active{transform:translateY(0)}.password-gate-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.password-gate-button .spinning{animation:spin 1s linear infinite}.password-gate-loading{color:#6b7280}.password-gate-loading .spinning{animation:spin 1s linear infinite}.password-gate-input:disabled{opacity:.7;cursor:not-allowed}.password-gate-hint{font-size:12px;color:#6b7280;margin:24px 0 0}.spend-chart-wrapper{display:flex;gap:12px;flex:1;min-height:0}.spend-chart-wrapper.h-64{height:256px}.spend-chart-wrapper.h-48{height:192px}.spend-chart-loading{display:flex;align-items:center;justify-content:center;flex:1}.spend-chart-spinner{width:24px;height:24px;border:2px solid #EBEBEB;border-top-color:#3434ef;border-radius:50%;animation:spend-spin 1s linear infinite}@keyframes spend-spin{to{transform:rotate(360deg)}}.spend-chart-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#9ca3af;font-size:13px}.spend-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:50px;padding-right:8px;padding-bottom:28px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;text-align:right}.spend-chart-main{flex:1;position:relative;display:flex;align-items:flex-end;padding-bottom:28px}.spend-chart-grid{position:absolute;top:0;left:0;right:0;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.spend-grid-line{width:100%;height:0;border-top:1px dashed #F3F4F6}.spend-chart-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;gap:4px;position:relative;z-index:2;padding-bottom:28px}.spend-bar-item{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer;height:100%}.spend-bar-visual{width:100%;max-width:48px;min-width:8px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3434ef,#f7f8ff00);transition:height .6s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:1}.spend-bar-item:hover .spend-bar-visual{opacity:.85}.spend-bar-label{position:absolute;bottom:-28px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;transition:color .2s ease;white-space:nowrap}.spend-bar-item:hover .spend-bar-label{color:#0d0d12}.spend-bar-tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.spend-bar-item:hover .spend-bar-tooltip{opacity:1}.spend-tooltip-content{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;box-shadow:0 10px 25px #00000026;min-width:120px;white-space:nowrap}.spend-tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.spend-tooltip-date{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#0d0d12}.spend-tooltip-row{display:flex;align-items:center;font-family:Inter,sans-serif;font-size:11px;color:#6b7280}.spend-tooltip-label{opacity:.7}.spend-tooltip-value{margin-left:8px;font-weight:600;color:#0d0d12}.home-page{height:100vh;overflow:hidden;padding:16px;background:#f7f8fa;font-family:DM Sans,sans-serif;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr 1fr;gap:12px}.home-greeting{grid-column:1 / -1}.greeting-content h1{font-size:24px;font-weight:700;color:#0d0d12;margin:0 0 2px;letter-spacing:-.02em}.greeting-date{font-size:13px;color:#666d80;margin:0;text-transform:capitalize}.home-card{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}.card-title{font-size:12px;font-weight:600;color:#0d0d12;margin:0 0 10px;text-transform:uppercase;letter-spacing:.05em}.home-actions{grid-column:1;grid-row:2}.home-actions .actions-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;height:100%}.home-actions .action-btn{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:16px 12px!important;background:#f9fafb!important;border:1px solid #EBEBEB!important;border-radius:10px!important;text-decoration:none!important;transition:all .2s ease;width:100%!important;height:100%!important;min-height:80px!important;box-sizing:border-box!important;text-align:center!important}.home-actions .action-btn:hover{background:#fff!important;border-color:var(--action-color, #3434EF)!important;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.home-actions .action-icon{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:10px!important;background:var(--action-color, #3434EF)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.home-actions .action-btn span{font-size:13px!important;font-weight:500!important;color:#374151!important;line-height:1.2!important;display:block!important}.home-stats{grid-column:2;grid-row:2;overflow:hidden}.stats-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.stats-header .card-title{margin:0}.stats-total{font-size:16px;font-weight:700;color:#3434ef}.stats-feedback{margin-top:8px;padding-top:8px;border-top:1px solid #EBEBEB}.feedback-question{font-size:12px;color:#666d80;margin:0 0 8px}.feedback-buttons{display:flex;gap:6px}.feedback-btn{width:36px;height:36px;border:1px solid #EBEBEB;border-radius:8px;background:#f9fafb;font-size:16px;cursor:pointer;transition:all .2s ease}.feedback-btn:hover:not(:disabled){background:#fff;border-color:#d1d5db;transform:scale(1.05)}.feedback-btn.selected{background:#eef2ff;border-color:#3434ef}.feedback-btn:disabled{opacity:.6;cursor:default}.feedback-thanks{font-size:12px;color:#23c16b;margin:8px 0 0}.home-activity{grid-column:1;grid-row:3;display:flex;flex-direction:column}.home-activity .activity-list{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto}.home-activity .activity-item{display:flex;align-items:flex-start;gap:10px;padding:8px;background:#f9fafb;border-radius:8px;min-width:0;flex-shrink:0}.home-activity .activity-icon{width:24px!important;height:24px!important;border-radius:6px!important;background:#ebebeb!important;color:#666d80!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.home-activity .activity-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;overflow:hidden}.home-activity .activity-action{font-size:12px;font-weight:500;color:#0d0d12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-activity .activity-time{font-size:11px;color:#9ca3af}.home-activity .activity-loading,.home-activity .activity-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;color:#9ca3af;font-size:13px}.home-activity .activity-loading .spinning{animation:spin 1s linear infinite}.home-spenders{grid-column:2;grid-row:3}.spenders-list{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;overflow-y:auto}.spender-card{background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:12px;display:flex;flex-direction:row;align-items:center;gap:12px}.spender-thumbnail{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:8px;overflow:hidden;flex-shrink:0;background-color:#f3f4f6}.spender-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.spender-placeholder{width:100%;height:100%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;border-radius:8px}.spender-info{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.spender-name{font-size:13px;font-weight:600;color:#0d0d12;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.spender-metrics{display:flex;flex-direction:row;gap:10px;flex-wrap:wrap}.spender-metrics .metric{font-size:11px;color:#666d80}.spender-metrics .metric strong{color:#0d0d12;margin-right:4px;font-weight:500}.spenders-loading,.spenders-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#9ca3af;font-size:13px}@media (max-width: 1024px){.home-page{padding:16px;gap:12px}.greeting-content h1{font-size:24px}.spend-value{font-size:28px}.home-actions .action-btn{padding:14px 10px;min-height:70px}.home-actions .action-icon{width:36px;height:36px;min-width:36px;min-height:36px}.home-actions .action-btn span{font-size:12px}}@media (max-width: 768px){.home-page{grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;height:auto;min-height:100vh;overflow:auto}.home-greeting,.home-actions,.home-stats,.home-activity,.home-spenders{grid-column:1}.home-actions{grid-row:2}.home-stats{grid-row:3}.home-activity{grid-row:4}.home-spenders{grid-row:5}.home-actions .actions-grid{height:auto}.home-actions .action-btn{min-height:80px;padding:16px 12px}.spender-thumbnail{width:64px;height:64px;min-width:64px;min-height:64px}}.welcome-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;padding:20px}.welcome-modal{position:relative;background:#fff;border:1px solid #E5E7EB;border-radius:16px;max-width:720px;width:100%;animation:welcomeSlideIn .3s ease-out;box-shadow:0 25px 50px -12px #00000026}@keyframes welcomeSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.welcome-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;background:#f3f4f6;border:none;color:#6b7280;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,color .2s}.welcome-close:hover{background:#e5e7eb;color:#1f2937}.welcome-content{padding:48px 40px 40px;text-align:center}.welcome-title{font-size:28px;font-weight:700;color:#1f2937;margin:0 0 12px;font-family:DM Sans,sans-serif}.welcome-subtitle{font-size:16px;color:#6b7280;line-height:1.5;max-width:500px;margin:0 auto 28px}.welcome-video-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#f3f4f6;margin-bottom:28px}.welcome-video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.welcome-cta{display:inline-flex;align-items:center;gap:8px;background:#6366f1;color:#fff;border:none;padding:14px 32px;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:transform .2s,box-shadow .2s}.welcome-cta:hover{transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.welcome-cta:after{content:"→";font-size:18px}@media (max-width: 640px){.welcome-modal{margin:10px}.welcome-content{padding:40px 24px 32px}.welcome-title{font-size:24px}.welcome-subtitle{font-size:14px}.welcome-cta{width:100%;justify-content:center}}.drp-container{position:relative}.drp-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#09090b;cursor:pointer;transition:all .2s ease}.drp-trigger:hover{border-color:#d4d4d8;background:#f9fafb}.drp-trigger svg{color:#666d80}.drp-chevron-rotate{transform:rotate(180deg)}.drp-dropdown{position:absolute;top:calc(100% + 8px);right:0;display:flex;max-width:840px;background:#fff;border-radius:20px;box-shadow:0 20px 40px -4px #00000014;z-index:1000;overflow:hidden}.admin-analytics .drp-dropdown{right:auto;left:0}.drp-sidebar{width:180px;border-right:1px solid #EBEBEB;padding:16px}.drp-presets{display:flex;flex-direction:column;gap:4px}.drp-preset-btn{display:flex;width:100%;align-items:center;border-radius:8px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#666d80;background:transparent;border:none;cursor:pointer;text-align:left;transition:all .15s ease}.drp-preset-btn:hover,.drp-preset-btn.active{background:#f7f7f7;color:#09090b}.drp-calendars-section{flex:1;padding:24px;display:flex;flex-direction:column}.drp-calendars{display:flex;gap:32px;margin-bottom:24px}.drp-calendar{flex:1;min-width:280px}.drp-calendar-header{display:flex;align-items:center;justify-content:space-between;padding:0 4px;margin-bottom:16px}.drp-nav-btn{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:6px;color:#666d80;background:transparent;border:none;cursor:pointer;transition:all .15s ease}.drp-nav-btn:hover{background:#f7f7f7}.drp-nav-spacer{width:32px}.drp-month-label{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#09090b}.drp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;margin-bottom:8px}.drp-weekday{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#a1a1aa}.drp-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0}.drp-day{display:flex;align-items:center;justify-content:center;height:36px;width:100%;font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;color:#09090b;background:transparent;border:none;cursor:pointer;border-radius:0;transition:background .1s ease}.drp-day:hover:not(.drp-day-disabled):not(.drp-day-range-start):not(.drp-day-range-end):not(.drp-day-single){background:#f7f7f7;border-radius:9999px}.drp-day-outside{color:#d4d4d8}.drp-day-disabled{color:#d4d4d8;opacity:.5;cursor:not-allowed}.drp-day-range-start{background:#3434ef;color:#fff;border-radius:9999px 0 0 9999px}.drp-day-range-start:hover{background:#3434ef}.drp-day-range-end{background:#3434ef;color:#fff;border-radius:0 9999px 9999px 0}.drp-day-range-end:hover{background:#3434ef}.drp-day-single{background:#3434ef;color:#fff;border-radius:9999px}.drp-day-single:hover{background:#3434ef}.drp-day-range-middle{background:#3434ef1a;color:#3434ef;border-radius:0}.drp-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #EBEBEB;padding-top:20px;margin-top:auto}.drp-selected-range{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#09090b}.drp-selected-range svg{color:#666d80}.drp-actions{display:flex;gap:12px}.drp-cancel-btn{padding:8px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#09090b;background:#fff;border:1px solid #EBEBEB;border-radius:8px;cursor:pointer;transition:all .15s ease}.drp-cancel-btn:hover{background:#f7f7f7}.drp-apply-btn{padding:8px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#fff;background:#3434ef;border:none;border-radius:8px;cursor:pointer;transition:all .15s ease}.drp-apply-btn:hover{opacity:.9}.drp-apply-btn:disabled{background:#a5b4fc;cursor:not-allowed}.dashboard-page{overflow:hidden;display:flex;flex-direction:column}.dashboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.dashboard-header-left{display:flex;flex-direction:column;gap:4px}.dashboard-header h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#0d0d12;margin:0}.dashboard-header p{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0}.dashboard-content{flex:1;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.date-selector{display:flex;align-items:center;gap:3px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:3px}.date-btn{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;padding:6px 12px;border:none;border-radius:7px;background:transparent;color:#666d80;cursor:pointer;transition:all .2s ease;white-space:nowrap}.date-btn.active{background:#f9fafb;border:1px solid #EBEBEB;color:#0d0d12}.date-btn:not(.active):hover{background:#f9fafb}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px;flex-shrink:0}@media (max-width: 1024px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05;position:relative}.kpi-card:hover{border-color:#d4d4d8;box-shadow:0 4px 8px #1b1c1e0a}.kpi-top{display:flex;justify-content:space-between;align-items:flex-start}.kpi-top-right{display:flex;align-items:center;gap:8px}.icon-container{width:28px;height:28px;border-radius:8px;border:1px solid #EBEBEB;background:#f9fafb;display:flex;align-items:center;justify-content:center;color:#3434ef;transition:transform .2s ease}.kpi-card:hover .icon-container{transform:scale(1.05)}.card-settings-btn{width:24px;height:24px;border-radius:6px;border:none;background:transparent;color:#9ca3af;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;opacity:0}.kpi-card:hover .card-settings-btn{opacity:1}.card-settings-btn:hover{background:#f9fafb;color:#0d0d12}.card-metric-dropdown{position:absolute;top:45px;right:8px;width:220px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;box-shadow:0 10px 30px #00000026;z-index:100}.card-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #EBEBEB;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#0d0d12}.card-metric-list{max-height:280px;overflow-y:auto;padding:6px}.card-metric-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;margin-bottom:2px}.card-metric-item:hover{background:#f9fafb}.card-metric-item.active{background:#f0f0ff;border-color:#3434ef}.card-metric-left{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#0d0d12}.card-metric-left svg{color:#3434ef;flex-shrink:0}.kpi-badge{font-family:Plus Jakarta Sans,sans-serif;font-size:11px;font-weight:600;padding:4px 8px;border-radius:4px;white-space:nowrap}.kpi-badge.positive{background:#e9f9ef;color:#1f9d55}.kpi-badge.negative{background:#fff0f0;color:#e5002b}.kpi-bottom{display:flex;flex-direction:column;gap:6px}.kpi-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#666d80}.kpi-number{font-family:Inter Tight,sans-serif;font-size:20px;font-weight:600;letter-spacing:-.02em;color:#0d0d12}.kpi-subtitle{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:#9ca3af}.analytics-section{background:#fff;border:1px solid #EBEBEB;border-radius:14px;padding:20px;box-shadow:0 2px 4px #1b1c1e05;flex:1;min-height:0;display:flex;flex-direction:column}.analytics-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0;gap:16px}.analytics-left{display:flex;flex-direction:column;gap:8px}.analytics-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#0d0d12;margin:0}.analytics-metric{display:flex;align-items:center;gap:12px}.metric-value{font-family:Inter Tight,sans-serif;font-size:24px;font-weight:600;color:#0d0d12}.metric-change{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.metric-change.negative{color:#e5002b}.metric-change.positive{color:#1f9d55}.analytics-updated{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:#9ca3af;margin:0}.metric-toggle{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:4px}.toggle-option{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;padding:6px 12px;border:none;border-radius:7px;background:transparent;color:#666d80;cursor:pointer;transition:all .2s ease;white-space:nowrap}.toggle-option.active{background:#3434ef;color:#fff}.toggle-option:not(.active):hover{background:#f9fafb}.refresh-btn{width:32px;height:32px;border:1px solid #EBEBEB;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;color:#666d80;cursor:pointer;transition:all .2s ease}.refresh-btn svg{width:18px;height:18px;min-width:18px;min-height:18px;stroke:#666d80!important;stroke-width:2;flex-shrink:0}.refresh-btn:hover{border-color:#d4d4d8;background:#f9fafb}.chart-container-wrapper{display:flex;gap:12px;flex:1;min-height:0;margin-top:16px}.y-axis-labels{display:flex;flex-direction:column;justify-content:space-between;width:40px;padding-right:12px;padding-bottom:32px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;text-align:right}.y-axis-labels.y-axis-right{padding-right:0;padding-left:12px;text-align:left}.chart-main{flex:1;position:relative;display:flex;align-items:flex-end;padding-bottom:32px}.chart-grid{position:absolute;top:0;left:0;right:0;bottom:32px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.grid-line-h{width:100%;height:0;border-top:1px dashed #F3F4F6}.chart-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;gap:4px;position:relative;z-index:2;padding-bottom:32px}.bar-item{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer;height:100%}.bar-visual{width:100%;max-width:48px;min-width:8px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3434ef,#f7f8ff00);transition:height 1s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:1}.bar-item:hover .bar-visual{opacity:.85}.bar-label{position:absolute;bottom:-32px;font-family:Inter,sans-serif;font-size:12px;font-weight:500;color:#9ca3af;transition:color .2s ease;white-space:nowrap}.bar-item:hover .bar-label{color:#0d0d12}.chart-line-overlay{position:absolute;top:0;left:0;right:0;bottom:32px;width:100%;height:calc(100% - 32px);pointer-events:none;z-index:10;overflow:visible}.chart-line-overlay polyline{filter:drop-shadow(0 1px 2px rgba(59,130,246,.3))}.chart-line-points{position:absolute;top:0;left:0;right:0;bottom:32px;width:100%;height:calc(100% - 32px);pointer-events:none;z-index:11}.line-point{position:absolute;width:8px;height:8px;background:#3b82f6;border:2px solid #FFFFFF;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #3b82f666}.bar-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.bar-item:hover .bar-tooltip{opacity:1}.tooltip-aura{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;box-shadow:0 10px 25px #00000026;min-width:140px;white-space:nowrap}.tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.tooltip-header-text{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#0d0d12}.tooltip-icon{color:#9ca3af}.tooltip-rows{display:flex;flex-direction:column;gap:4px}.tooltip-row-item{display:flex;align-items:center;font-family:Inter,sans-serif;font-size:11px;color:#6b7280}.tooltip-label{opacity:.7}.tooltip-value-data{margin-left:8px;font-weight:600;color:#0d0d12}.tooltip-line-metric .tooltip-value-data{color:#000;font-weight:700}.line-chart-overlay{position:absolute;top:0;left:0;right:0;bottom:32px;width:100%;height:calc(100% - 32px);pointer-events:none;z-index:3}.line-chart-area{fill:url(#lineGradient);opacity:1}.line-chart-point{fill:#fb7319;stroke:none;transition:all .2s ease}.bar-item:hover+svg .line-chart-point{r:6}@media (max-width: 1024px){.dashboard-controls{justify-content:center}}@media (max-width: 768px){.kpi-number{font-size:24px}.chart-container-wrapper{overflow-x:auto}.chart-bars{min-width:600px}}.kpi-customization-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-shrink:0}.customize-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;color:#666d80;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.customize-btn:hover{border-color:#d4d4d8;background:#f9fafb}.customize-hint{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.customizer-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.customizer-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:640px;width:100%;max-height:90vh;overflow-y:auto}.customizer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #EBEBEB}.customizer-header h3{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0}.close-btn{width:28px;height:28px;border-radius:6px;border:none;background:#f9fafb;color:#666d80;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.close-btn:hover{background:#ebebeb;color:#0d0d12}.customizer-subtitle{padding:0 24px;margin:16px 0;font-family:DM Sans,sans-serif;font-size:14px;color:#666d80}.metrics-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:0 24px 24px}.metric-option{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border:1.5px solid transparent;border-radius:10px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.metric-option:hover:not(.disabled){background:#fff;border-color:#ebebeb}.metric-option.selected{background:#fff;border-color:#3434ef}.metric-option.disabled{opacity:.5;cursor:not-allowed}.metric-option-left{display:flex;align-items:center;gap:12px}.metric-option-icon{width:32px;height:32px;border-radius:8px;border:1px solid #EBEBEB;background:#fff;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.metric-option-text{display:flex;flex-direction:column;gap:2px}.metric-option-label{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#0d0d12}.metric-option-subtitle{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.check-icon{color:#3434ef;flex-shrink:0}.customizer-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #EBEBEB}.selection-count{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#666d80}.customizer-actions{display:flex;gap:8px}.cancel-btn,.cancel-btn-sm{padding:8px 16px;border:1px solid #EBEBEB;border-radius:8px;background:#fff;color:#666d80;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.cancel-btn:hover,.cancel-btn-sm:hover{background:#f9fafb;border-color:#d4d4d8}.apply-btn,.apply-btn-sm{padding:8px 16px;border:none;border-radius:8px;background:#3434ef;color:#fff;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.apply-btn:hover:not(:disabled),.apply-btn-sm:hover:not(:disabled){background:#2828d0}.apply-btn:disabled,.apply-btn-sm:disabled{opacity:.5;cursor:not-allowed}.analytics-actions{display:flex;align-items:center;gap:8px}.chart-customize-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #EBEBEB;border-radius:8px;background:#fff;color:#666d80;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.chart-customize-btn:hover{border-color:#d4d4d8;background:#f9fafb}.chart-customizer-dropdown{position:absolute;top:60px;right:0;width:280px;background:#fff;border:1px solid #EBEBEB;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:100}.customizer-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #EBEBEB}.customizer-dropdown-header h4{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#0d0d12;margin:0}.customizer-dropdown-subtitle{padding:12px 16px 8px;margin:0;font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.chart-metrics-list{display:flex;flex-direction:column;gap:4px;padding:0 12px 12px;max-height:320px;overflow-y:auto}.chart-metric-option{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f9fafb;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.chart-metric-option:hover:not(.disabled){background:#fff;border-color:#ebebeb}.chart-metric-option.selected{background:#fff;border-color:#3434ef}.chart-metric-option.disabled{opacity:.5;cursor:not-allowed}.chart-metric-left{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#0d0d12}.chart-metric-left svg{color:#3434ef;flex-shrink:0}.metric-position-tag{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;background:#eef2ff;color:#6366f1;margin-left:4px}.customizer-dropdown-footer{display:flex;justify-content:flex-end;gap:8px;padding:12px 16px;border-top:1px solid #EBEBEB}.cancel-btn-sm,.apply-btn-sm{padding:6px 12px;font-size:12px}.insights-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;margin-bottom:16px;font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626}.insights-error button{padding:6px 12px;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:background .2s}.insights-error button:hover{background:#b91c1c}.kpi-card.placeholder{opacity:.7}.kpi-badge.placeholder-badge{background:#f3f4f6;color:#6b7280;border:1px solid #E5E7EB}.metric-placeholder-tag{font-size:10px;padding:2px 6px;background:#f3f4f6;color:#9ca3af;border-radius:4px;margin-left:6px}.no-data-message{display:flex;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.no-data-message p{font-family:DM Sans,sans-serif;font-size:14px;color:#9ca3af;margin:0}.chart-bars-30{gap:4px}.chart-bars-30 .bar-item{min-width:12px}.chart-bars-30 .bar-visual{width:12px;border-radius:4px 4px 0 0}.bar-label-30{font-size:9px!important;white-space:nowrap}@media (max-width: 1200px){.chart-bars-30{gap:2px}.chart-bars-30 .bar-item{min-width:8px}.chart-bars-30 .bar-visual{width:8px}.bar-label-30{font-size:8px!important}}.upload-page{flex:1;padding:24px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,-apple-system,BlinkMacSystemFont,sans-serif}.upload-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;overflow:hidden;min-height:calc(100vh - 48px)}.upload-layout{display:flex;min-height:calc(100vh - 50px);gap:0}.upload-sidebar{width:260px;min-width:260px;background:#fff;border-right:1px solid #E5E7EB;padding:24px 20px;display:flex;flex-direction:column}.step-indicator{display:flex;flex-direction:column;gap:16px}.step-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.step-header-left{display:flex;align-items:center;gap:10px}.progress-circle{flex-shrink:0}.progress-arc{transition:stroke-dasharray .3s ease}.step-header-title{font-size:13px;font-weight:600;color:#111827;letter-spacing:-.01em}.step-header-counter{font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:3px 8px;border-radius:12px}.steps-list{display:flex;flex-direction:column;gap:0}.step-item{display:flex;align-items:center;gap:10px;padding:8px 0;transition:all .2s ease}.step-circle{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s ease}.step-circle.completed{background:#10b981;border:none;color:#fff}.step-circle.active{background:#3434ef;border:none}.step-circle.incomplete{background:transparent;border:2px dashed #D1D5DB}.step-label{font-size:13px;font-weight:500;color:#9ca3af;transition:color .2s ease}.step-item.active .step-label{color:#111827;font-weight:600}.step-item.completed .step-label{color:#10b981}.step-item.clickable{cursor:pointer}.step-item.clickable:hover{background:#3434ef0d;border-radius:6px;margin:0 -8px;padding:8px}.step-item.clickable:hover .step-label{color:#3434ef}.step-item.clickable.completed:hover .step-label{color:#059669}.tutorial-card{position:relative;border-radius:16px;padding:20px 16px;color:#fff;margin:12px 0 8px 22px;overflow:hidden}.tutorial-card img{transition:transform .3s ease}.tutorial-card:hover img{transform:scale(1.05)}.tutorial-card-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(245,168,130,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(200,75,49,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(74,144,217,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(135,206,235,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(26,26,78,.98) 0%,transparent 70%),linear-gradient(145deg,#f5a882,#c84b31 15%,#1a1a4e 40%,#2d3a8c 60%,#4a90d9 85%,#87ceeb);z-index:0}.tutorial-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:14px}.tutorial-pills{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.tutorial-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff;font-size:11px;font-weight:500;padding:10px 16px;border-radius:8px;white-space:nowrap;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.tutorial-description{font-size:11px;line-height:1.5;text-align:center;margin:0;padding:0 4px;color:#ffffffd9}.tutorial-card.gradient-purple .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(192,132,252,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(139,92,246,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(99,102,241,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(167,139,250,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(49,46,129,.98) 0%,transparent 70%),linear-gradient(145deg,#c084fc,#8b5cf6 15%,#312e81 40%,#4338ca 60%,#6366f1 85%,#a78bfa)}.tutorial-card.gradient-teal .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(94,234,212,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(20,184,166,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(6,182,212,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(103,232,249,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(17,94,89,.98) 0%,transparent 70%),linear-gradient(145deg,#5eead4,#14b8a6 15%,#115e59 40%,#0d9488 60%,#06b6d4 85%,#67e8f9)}.tutorial-card.gradient-orange .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(253,186,116,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(251,146,60,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(234,88,12,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(254,215,170,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(124,45,18,.98) 0%,transparent 70%),linear-gradient(145deg,#fdba74,#fb923c 15%,#7c2d12 40%,#ea580c 60%,#f97316 85%,#fed7aa)}.tutorial-card.gradient-green .tutorial-card-gradient{background:radial-gradient(ellipse 80% 60% at 70% 15%,rgba(134,239,172,.95) 0%,transparent 55%),radial-gradient(ellipse 60% 50% at 85% 25%,rgba(34,197,94,.8) 0%,transparent 50%),radial-gradient(ellipse 70% 60% at 25% 85%,rgba(21,128,61,.9) 0%,transparent 55%),radial-gradient(ellipse 50% 40% at 40% 95%,rgba(187,247,208,.7) 0%,transparent 50%),radial-gradient(ellipse 100% 100% at 50% 50%,rgba(20,83,45,.98) 0%,transparent 70%),linear-gradient(145deg,#86efac,#22c55e 15%,#14532d 40%,#15803d 60%,#16a34a 85%,#bbf7d0)}.upload-main{flex:1;padding:24px 32px;display:flex;flex-direction:column;gap:20px;overflow-y:auto;background:#fff}.upload-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.upload-header-left{display:flex;flex-direction:column;gap:4px}.upload-title{font-size:24px;font-weight:700;color:#111827;margin:0;letter-spacing:-.02em}.upload-subtitle{font-size:14px;color:#6b7280;margin:0}.upload-header-actions{display:flex;align-items:center;gap:10px}.btn-previous,.btn-continue{display:flex;align-items:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-previous{background:#fff;border:1px solid #DFE1E7;border-radius:10px;padding:11px 16px;gap:8px;color:#0d0d12;box-shadow:0 1px 2px #0d0d120f}.btn-previous:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-previous:disabled{opacity:.5;cursor:not-allowed}.btn-continue{background:#3434ef;border:1px solid #2A9CFF;color:#fff;padding:11px 16px;gap:4px;border-radius:10px;position:relative;overflow:hidden}.btn-continue:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff1a,#fff0);pointer-events:none}.btn-continue:hover:not(:disabled){background:#2828d6}.btn-continue:disabled{background:#7a7ae8;border-color:#9090f0;cursor:not-allowed;opacity:.7}.upload-sources-wrapper{display:flex;flex-direction:column;gap:20px;flex:1}.upload-sources-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.upload-source-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 16px;background:#fff;border:2px dashed #E5E7EB;border-radius:16px;cursor:default;transition:all .2s ease;position:relative}.upload-source-card:hover{border-color:#3434ef;background:#f8f9ff;box-shadow:0 4px 12px #3434ef14}.upload-source-card.local.dragging{border-color:#3434ef;background:#eef2ff;border-style:solid}.upload-source-card.connected{border-color:#10b981;background:#f0fdf4}.upload-source-card.connected:hover{border-color:#10b981;background:#ecfdf5}.upload-source-card.disabled{opacity:.6;cursor:not-allowed;position:relative}.upload-source-card.disabled:hover{border-color:#e5e7eb;background:#fafafa;transform:none}.upload-source-card.disabled:hover .source-icon{transform:none}.coming-soon-badge{position:absolute;top:-8px;right:-8px;background:#6b7280;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;border-radius:10px;text-transform:uppercase;letter-spacing:.5px;z-index:10}.upload-source-card.disabled .source-action-btn{opacity:.5;cursor:not-allowed;display:flex;align-items:center;gap:6px}.upload-source-card.disabled .source-action-btn:hover{background:#f3f4f6;border-color:#e5e7eb}.source-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#6b7280;transition:all .2s ease}.upload-source-card:hover .source-icon{transform:scale(1.05)}.source-icon.local{background:#eff6ff;color:#3434ef}.source-icon.frameio{background:#6c2bd9;color:#fff}.source-icon.gdrive{background:#f8f9fa;color:#4285f4}.source-icon.dropbox{background:#ebf5ff;color:#0061ff}.source-name{font-size:13px;font-weight:600;color:#111827;text-align:center}.source-hint{font-size:11px;color:#9ca3af;text-align:center}.source-action-btn{background:#3434ef;border:none;color:#fff;padding:10px 16px;font-size:12px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:4px;white-space:nowrap}.source-action-btn:hover{background:#2828d6}.upload-source-card.connected .source-action-btn{background:#6b7280}.upload-source-card.connected .source-action-btn:hover{background:#4b5563}.connected-badge{position:absolute;top:10px;right:10px;background:#10b981;color:#fff;font-size:10px;font-weight:600;padding:4px 10px;border-radius:12px}.source-connected-actions{display:flex;flex-direction:column;gap:6px;width:100%;margin-top:4px}.source-action-btn.browse{background:#10b981}.source-action-btn.browse:hover:not(:disabled){background:#059669}.source-action-btn.browse:disabled{opacity:.7;cursor:wait}.source-action-btn.link{display:flex;align-items:center;justify-content:center;gap:6px;background:#6366f1;font-size:12px}.source-action-btn.link:hover{background:#4f46e5}.gdrive-link-input-wrapper{display:flex;align-items:center;gap:4px;width:100%;padding:6px 8px;background:#fff;border:1px solid #3434EF;border-radius:8px}.gdrive-link-input{flex:1;border:none;outline:none;font-size:11px;font-family:inherit;color:#111827;background:transparent;min-width:0}.gdrive-link-input::-moz-placeholder{color:#9ca3af}.gdrive-link-input::placeholder{color:#9ca3af}.gdrive-link-input:disabled{opacity:.6}.gdrive-link-submit{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:#3434ef;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.gdrive-link-submit:hover:not(:disabled){background:#2828d0}.gdrive-link-submit:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.gdrive-link-submit .spinning{animation:spin 1s linear infinite}.gdrive-link-error{font-size:10px;color:#ef4444;text-align:center;width:100%}.source-disconnect-btn{background:transparent;border:1px solid #EF4444;color:#ef4444;padding:6px 12px;font-size:11px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.source-disconnect-btn:hover{background:#ef4444;color:#fff}.drive-import-panel{margin-top:20px;background:#fff;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 1px 3px #0000001a}.drive-import-panel.all-done{border-color:#10b981}.drive-import-panel.has-failures{border-color:#f59e0b}.import-panel-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb}.import-panel-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#111827}.header-spinner{color:#3434ef}.header-icon-success{color:#10b981}.header-icon-warning{color:#f59e0b}.import-panel-toggle{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#6b7280;font-size:12px;transition:all .2s ease}.import-panel-toggle:hover{background:#f3f4f6;color:#374151}.import-progress-section{padding:16px 20px;border-bottom:1px solid #e5e7eb}.import-progress-bar{height:10px;background:#e5e7eb;border-radius:5px;overflow:hidden;margin-bottom:10px}.import-progress-fill{height:100%;background:#3434ef;border-radius:5px;transition:width .3s ease}.import-progress-fill.success{background:#10b981}.import-progress-fill.warning{background:#f59e0b}.import-progress-stats{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.import-progress-count{font-size:14px;font-weight:600;color:#374151}.import-failed-count{color:#ef4444}.import-timing{font-size:13px;color:#6b7280}.import-panel-content{padding:16px 20px}.import-files-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto;margin-bottom:12px}.import-file-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.import-file-item.status-pending{opacity:.5}.import-file-icon{width:24px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.status-icon-success{color:#10b981}.status-icon-error{color:#ef4444}.import-file-info{flex:1;min-width:0}.import-file-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.import-file-name{flex:1;min-width:0;color:#111827;font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-file-size{flex-shrink:0;color:#6b7280;font-size:12px;margin-left:12px}.import-file-progress-bar{height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.import-file-progress-bar .import-file-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.import-file-progress-bar.pending{height:3px}.import-file-progress-bar.downloading .import-file-progress-fill{background:#3434ef}.import-file-progress-bar.completed .import-file-progress-fill{background:#10b981}.import-file-progress-bar.error .import-file-progress-fill{background:#ef4444}.import-compact-summary{display:flex;gap:12px;padding:10px 12px;background:#f3f4f6;border-radius:6px;font-size:13px;color:#6b7280;margin-bottom:12px}.summary-completed{color:#10b981;font-weight:500}.summary-failed{color:#ef4444;font-weight:500}.import-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:12px;border-top:1px solid #e5e7eb}.import-retry-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#f59e0b;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.import-retry-btn:hover{background:#d97706}.import-dismiss-btn{padding:8px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.import-dismiss-btn:hover{background:#f3f4f6;color:#374151}.status-pending{color:#9ca3af}.status-spinner{color:#3434ef;display:flex;align-items:center;justify-content:flex-end}.status-check{color:#10b981;font-weight:500}.status-error{color:#ef4444;font-weight:500}.drop-zone-wrapper{display:flex;flex-direction:column;gap:20px;flex:1}.drop-zone{flex:1;min-height:350px;background:#fafafa;border:2px dashed #E5E7EB;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.drop-zone:hover{border-color:#3b82f6;background:#f8fafc}.drop-zone.dragging{border-color:#3b82f6;background:#eff6ff;border-style:solid}.drop-zone-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:40px}.upload-icon{width:64px;height:64px;background:#f3f4f6;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#9ca3af}.upload-icon svg{width:32px;height:32px}.drop-zone-content h3{font-size:18px;font-weight:600;color:#111827;margin:0}.supported-formats{font-size:13px;color:#6b7280;margin:0}.upload-btn{background:#3434ef;border:none;color:#fff;padding:10px 20px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;margin-top:4px;display:inline-flex;align-items:center;gap:4px}.upload-btn:hover{background:#2828d6}.integration-zone{cursor:default}.integration-zone:hover{border-color:#e5e7eb;background:#fafafa}.integration-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;padding:40px}.integration-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff}.integration-icon.frameio{background:#6b21a8}.integration-icon.gdrive{background:linear-gradient(135deg,#4285f4,#34a853)}.integration-content h3{font-size:18px;font-weight:600;color:#111827;margin:0}.integration-description{font-size:13px;color:#6b7280;margin:0;max-width:280px}.connect-btn{background:#3434ef;border:none;color:#fff;padding:10px 20px;font-size:13px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:4px}.connect-btn:hover{background:#2828d6}.connect-btn.gdrive{background:#4285f4}.connect-btn.gdrive:hover{background:#3367d6}.uploaded-files{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.files-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #E5E7EB;background:#f9fafb}.files-count{font-size:13px;font-weight:600;color:#111827}.clear-all-btn{font-size:12px;font-weight:500;color:#ef4444;background:none;border:none;cursor:pointer;transition:opacity .2s}.clear-all-btn:hover{opacity:.8}.files-list{max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #F3F4F6;transition:background .15s}.file-item:last-child{border-bottom:none}.file-item:hover{background:#f9fafb}.file-icon{width:36px;height:36px;background:#eff6ff;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#3b82f6;flex-shrink:0}.file-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.file-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-size{font-size:11px;color:#6b7280}.remove-file-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#fee2e2;border:none;border-radius:6px;color:#ef4444;cursor:pointer;opacity:0;transition:all .15s}.file-item:hover .remove-file-btn{opacity:1}.remove-file-btn:hover{background:#fecaca}.files-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:16px;max-height:450px;overflow-y:auto}.file-thumbnail-card{display:flex;flex-direction:column;background:#fff;border-radius:12px;overflow:hidden;transition:all .2s ease;border:1px solid #E5E7EB}.file-thumbnail-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000001a;border-color:#d1d5db}.file-thumbnail-card.is-video{cursor:pointer}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#9ca3af}.video-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .2s ease}.file-thumbnail-card:hover .video-indicator{background:#3434efe6;transform:translate(-50%,-50%) scale(1.1)}.file-thumbnail-card .remove-file-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transition:all .15s;display:flex;align-items:center;justify-content:center;z-index:10}.file-thumbnail-card:hover .remove-file-btn{opacity:1}.file-thumbnail-card .remove-file-btn:hover{background:#ef4444}.thumbnail-info{padding:10px 12px;display:flex;flex-direction:column;gap:4px;background:#fafafa}.thumbnail-info .file-name{font-size:12px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-meta{display:flex;align-items:center;justify-content:space-between;gap:8px}.thumbnail-info .file-size{font-size:10px;color:#6b7280}.dimension-label{font-size:10px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:2px 6px;border-radius:4px}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px}.video-modal{position:relative;max-width:90vw;max-height:90vh;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 25px 50px #00000080}.video-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:10}.video-modal-close:hover{background:#fff3}.video-modal video{display:block;max-width:100%;max-height:80vh}.video-modal-info{padding:16px 20px;background:#111;display:flex;align-items:center;justify-content:space-between;gap:16px}.video-modal-info .file-name{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-modal-info .file-meta{display:flex;align-items:center;gap:12px;color:#9ca3af;font-size:13px}.video-modal-info .dimension-label{background:#3434ef33}.frame-browser-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.frame-browser-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000040}.frame-browser-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#6c2bd9;color:#fff}.frame-browser-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.frame-browser-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.frame-browser-close:hover{background:#fff3}.frame-browser-path{display:flex;align-items:center;gap:4px;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.frame-path-btn{background:none;border:none;font-size:13px;font-weight:500;color:#6c2bd9;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.frame-path-btn:hover{background:#6c2bd91a}.frame-path-item{display:flex;align-items:center;gap:4px}.path-separator{color:#9ca3af;transform:rotate(180deg)}.frame-browser-content{flex:1;overflow-y:auto;padding:20px;min-height:300px}.frame-loading{display:flex;align-items:center;justify-content:center;height:200px;color:#6b7280;font-size:14px}.frame-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.frame-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.frame-item:hover{background:#f3f4f6;border-color:#6c2bd9}.frame-item.selected{background:#6c2bd91a;border-color:#6c2bd9}.frame-item-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#6c2bd9;color:#fff;border-radius:12px}.frame-item-thumb{width:100%;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:8px;overflow:hidden;position:relative;color:#9ca3af}.frame-item-thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.frame-selected-badge{position:absolute;top:6px;right:6px;width:24px;height:24px;background:#6c2bd9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.frame-item-name{font-size:12px;font-weight:500;color:#111827;text-align:center;word-break:break-word;line-height:1.3;max-height:2.6em;overflow:hidden}.frame-browser-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.frame-selected-count{font-size:13px;color:#6b7280}.frame-footer-actions{display:flex;gap:10px}.frame-cancel-btn{padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.frame-cancel-btn:hover{background:#f3f4f6}.frame-import-btn{padding:10px 20px;background:#6c2bd9;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.frame-import-btn:hover:not(:disabled){background:#5b21b6}.frame-import-btn:disabled{opacity:.5;cursor:not-allowed}.dropbox-browser-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.dropbox-browser-modal{background:#fff;border-radius:16px;width:100%;max-width:900px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px #00000040}.dropbox-browser-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#0061ff;color:#fff}.dropbox-browser-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600}.dropbox-browser-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background .2s}.dropbox-browser-close:hover{background:#fff3}.dropbox-header-actions{display:flex;align-items:center;gap:12px}.dropbox-select-all-btn{background:#ffffff26;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.dropbox-select-all-btn:hover{background:#ffffff40;border-color:#ffffff80}.dropbox-browser-path{display:flex;align-items:center;gap:4px;padding:12px 20px;background:#f9fafb;border-bottom:1px solid #e5e7eb;flex-wrap:wrap}.dropbox-path-btn{background:none;border:none;font-size:13px;font-weight:500;color:#0061ff;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.dropbox-path-btn:hover{background:#0061ff1a}.dropbox-path-item{display:flex;align-items:center;gap:4px}.dropbox-browser-content{flex:1;overflow-y:auto;padding:20px;min-height:300px}.dropbox-loading,.dropbox-empty{display:flex;align-items:center;justify-content:center;height:200px;color:#6b7280;font-size:14px}.dropbox-items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px}.dropbox-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#f9fafb;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s}.dropbox-item:hover{background:#f3f4f6;border-color:#0061ff}.dropbox-item.selected{background:#0061ff1a;border-color:#0061ff}.dropbox-item-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;color:#0061ff;position:relative}.dropbox-item.folder .dropbox-item-icon{color:#0061ff}.dropbox-item.file .dropbox-item-icon{color:#6b7280}.dropbox-file-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:6px}.dropbox-selected-badge{position:absolute;top:-4px;right:-4px;width:24px;height:24px;background:#0061ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.dropbox-item-name{font-size:12px;font-weight:500;color:#111827;text-align:center;word-break:break-word;line-height:1.3;max-height:2.6em;overflow:hidden}.dropbox-browser-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb}.dropbox-selected-count{font-size:13px;color:#6b7280}.dropbox-footer-actions{display:flex;gap:10px}.dropbox-cancel-btn{padding:10px 16px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.dropbox-cancel-btn:hover{background:#f3f4f6}.dropbox-import-btn{padding:10px 20px;background:#0061ff;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.dropbox-import-btn:hover:not(:disabled){background:#0052d4}.dropbox-import-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.upload-page{padding:16px}.upload-card{min-height:calc(100vh - 32px)}.upload-layout{flex-direction:column;min-height:auto}.upload-sidebar{width:100%;min-width:auto;border-right:none;border-bottom:1px solid #E5E7EB;padding:20px}.steps-list{flex-direction:row;flex-wrap:wrap;gap:8px}.step-item{padding:6px 0}.tutorial-card{margin:12px 0 0}.upload-main{padding:20px}}@media (max-width: 900px){.upload-sources-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.upload-header{flex-direction:column;gap:16px}.upload-header-actions{width:100%;justify-content:space-between}.drop-zone{min-height:280px}.upload-sources-grid{grid-template-columns:repeat(2,1fr)}.upload-source-card{min-height:80px;padding:16px 12px}}.loom-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999}.loom-modal-content{position:relative;width:80vw;max-width:900px;aspect-ratio:16 / 9}.loom-modal-close{position:absolute;top:-40px;right:0;background:none;border:none;color:#fff;font-size:24px;cursor:pointer;padding:8px;transition:opacity .2s}.loom-modal-close:hover{opacity:.7}.nomenclature-bar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}.nomenclature-bar-left{display:flex;align-items:center;gap:12px}.nomenclature-selector{position:relative;min-width:220px}.nomenclature-select{width:100%;padding:10px 36px 10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .15s ease}.nomenclature-select:hover{border-color:#d1d5db}.nomenclature-select:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.nomenclature-selector .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.btn-create-nomenclature{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#fff;border:1px solid #3434EF;border-radius:10px;font-size:13px;font-weight:600;color:#3434ef;cursor:pointer;transition:all .15s ease}.btn-create-nomenclature:hover{background:#3434ef;color:#fff}.nomenclature-bar-right{display:flex;align-items:center}.matching-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:13px;font-weight:600}.matching-badge.good{background:#22c55e1a;color:#22c55e}.matching-badge.medium{background:#f59e0b1a;color:#f59e0b}.matching-badge.low{background:#ef44441a;color:#ef4444}.matching-value{font-weight:700}.matching-label{font-weight:500}.file-structure{flex:1;display:flex;flex-direction:column;gap:16px}.file-grid-header{display:flex;align-items:center;justify-content:space-between}.file-grid-header h3{font-size:15px;font-weight:600;color:#111827;margin:0}.file-count{font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 10px;border-radius:10px}.file-simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.no-nomenclature-hint{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:#f9fafb;border:1px dashed #E5E7EB;border-radius:12px;text-align:center}.no-nomenclature-hint p{font-size:13px;color:#6b7280;margin:0}.btn-primary-sm{display:flex;align-items:center;gap:6px;padding:10px 18px;background:#3434ef;border:none;border-radius:10px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-primary-sm:hover{background:#2828d6}.concepts-list{display:flex;flex-direction:column;gap:12px}.concept-group{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.concept-group.expanded{border-color:#d1d5db}.concept-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;transition:background .15s ease}.concept-header:hover{background:#f9fafb}.concept-header-left{display:flex;align-items:center;gap:8px}.expand-chevron{display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.concept-group.expanded .expand-chevron{color:#3434ef}.concept-name{font-size:14px;font-weight:600;color:#111827}.concept-meta-inline{font-size:13px;color:#6b7280}.concept-badge{display:flex;align-items:center;gap:5px;padding:5px 10px;border-radius:16px;font-size:11px;font-weight:600}.concept-badge.matched{background:#22c55e1a;color:#22c55e}.concept-badge.unmatched{background:#f59e0b1a;color:#f59e0b}.concept-content{padding:0 16px 16px}.iteration-section{margin-top:12px}.iteration-section:first-child{margin-top:0}.iteration-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f3f4f6;border-radius:8px;margin-bottom:10px}.iteration-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.iteration-name{font-size:13px;font-weight:600;color:#374151}.iteration-files{display:flex;flex-wrap:wrap;gap:10px}.iteration-files .format-thumbnail-card{width:110px;flex-shrink:0}.iteration-files .thumbnail-preview{height:90px;aspect-ratio:auto}.iteration-files .thumbnail-info{padding:6px 8px}.iteration-files .thumbnail-filename{font-size:10px;margin-bottom:2px}.iteration-files .video-play-overlay{width:24px;height:24px}.iteration-files .video-play-overlay svg{width:10px;height:10px}.format-thumbnail-card{background:#fff;border:2px solid #E5E7EB;border-radius:10px;overflow:hidden;transition:all .2s ease}.format-thumbnail-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.format-thumbnail-card.unmatched{border-color:#f59e0b}.thumbnail-preview{position:relative;width:100%;aspect-ratio:1 / 1;background:#f5f5f5;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail-preview img{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;background:#0009;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.thumbnail-info{padding:8px 10px;background:#fafafa}.thumbnail-filename{display:block;font-size:11px;font-weight:500;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.thumbnail-meta{display:flex;align-items:center;justify-content:space-between}.format-badge{font-size:10px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:2px 6px;border-radius:4px}.format-badge.format-auto{color:#6b7280;background:#6b72801a}.status-icon{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon.matched{background:#e5e7eb;color:#6b7280}.status-icon.unmatched{background:#f59e0b;color:#fff}.unmatched-section{margin-top:16px;padding:16px;background:#fffbeb;border:1px solid #FDE68A;border-radius:12px}.unmatched-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.unmatched-header h3{font-size:14px;font-weight:600;color:#92400e;margin:0}.unmatched-count{font-size:12px;color:#b45309;background:#f59e0b33;padding:3px 8px;border-radius:10px}.unmatched-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.ai-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:24px}.ai-popup{width:100%;max-width:960px;max-height:85vh;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden}.ai-popup.ai-popup-wizard{max-width:960px}.ai-popup-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.ai-popup-header-left{display:flex;align-items:center;gap:12px}.ai-icon{width:40px;height:40px;background:#f3f4f6;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef}.ai-popup-title h2{font-size:16px;font-weight:600;color:#111827;margin:0}.ai-popup-title span{font-size:13px;color:#6b7280}.ai-popup-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .15s ease}.ai-popup-close:hover{background:#f3f4f6;color:#374151}.ai-progress-circle{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.ai-progress-step-number{position:absolute;font-size:13px;font-weight:600;color:#3434ef}.ai-popup-title{font-size:16px;font-weight:600;color:#111827}.ai-popup-subtitle{font-size:13px;color:#6b7280}.ai-stepper{display:flex;align-items:center;justify-content:center;padding:16px 24px;background:#f9fafb;border-bottom:1px solid #E5E7EB;gap:0}.ai-stepper-step{display:flex;align-items:center;gap:8px}.ai-stepper-circle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0;transition:all .2s ease}.ai-stepper-circle.active{background:#3434ef;color:#fff}.ai-stepper-circle.completed{background:#10b981;color:#fff}.ai-stepper-circle.pending{background:#e5e7eb;color:#9ca3af}.ai-stepper-label{font-size:13px;color:#9ca3af;font-weight:500}.ai-stepper-label.active{color:#111827;font-weight:600}.ai-stepper-line{width:32px;height:2px;margin:0 8px;transition:background .2s ease}.ai-stepper-line.completed{background:#10b981}.ai-stepper-line.pending{background:#e5e7eb}.ai-step-content{flex:1;overflow-y:auto;min-height:0;padding:24px}.ai-step-start{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px}.ai-start-icon{width:64px;height:64px;background:linear-gradient(135deg,#3434ef,#3434ef);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}.ai-step-start h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.ai-step-start p{font-size:14px;color:#6b7280;margin:0 0 24px;max-width:400px}.ai-files-preview{display:flex;flex-direction:column;gap:6px;margin-bottom:24px;align-items:center}.ai-files-preview code{font-family:SF Mono,Consolas,monospace;font-size:12px;color:#374151;background:#f3f4f6;padding:6px 12px;border-radius:6px}.ai-files-preview .ai-files-more{font-size:12px;color:#6b7280;margin-top:4px}.ai-btn-analyze{padding:14px 28px;font-size:15px}.ai-step-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:300px}.ai-step-loading h3{font-size:18px;font-weight:600;color:#111827;margin:16px 0 8px}.ai-step-loading p{font-size:14px;color:#6b7280;margin:0}.ai-step-review{display:flex;flex-direction:column;gap:16px}.ai-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:10px;gap:16px}.ai-banner.success{background:#ecfdf5;border:1px solid #A7F3D0}.ai-banner.warning{background:#fffbeb;border:1px solid #FDE68A}.ai-banner-content{display:flex;flex-direction:column;gap:2px}.ai-banner-title{font-size:14px;font-weight:600}.ai-banner.success .ai-banner-title{color:#166534}.ai-banner.warning .ai-banner-title{color:#92400e}.ai-banner-subtitle{font-size:13px}.ai-banner.success .ai-banner-subtitle{color:#15803d}.ai-banner.warning .ai-banner-subtitle{color:#a16207}.ai-banner-pattern{font-family:SF Mono,Consolas,monospace;font-size:12px;background:#fff;padding:6px 10px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.ai-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ai-stat-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:14px;text-align:center}.ai-stat-value{display:block;font-size:20px;font-weight:700;color:#111827}.ai-stat-label{font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ai-file-table{border:1px solid #E5E7EB;border-radius:10px;overflow:hidden}.ai-file-table-header{display:grid;grid-template-columns:5fr 1.2fr .8fr .8fr;gap:8px;padding:10px 14px;background:#f9fafb;border-bottom:1px solid #E5E7EB;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.ai-file-table-body{max-height:200px;overflow-y:auto}.ai-file-table-row{display:grid;grid-template-columns:5fr 1.2fr .8fr .8fr;gap:8px;padding:10px 14px;align-items:center;font-size:13px}.ai-file-table-row.even{background:#fff}.ai-file-table-row.odd{background:#fafafa}.ai-file-name{font-family:SF Mono,Consolas,monospace;font-size:12px;color:#374151;white-space:normal;word-break:break-all;line-height:1.4}.ai-badge-concept{display:inline-block;font-size:11px;font-weight:600;color:#3434ef;background:#eef;padding:3px 8px;border-radius:4px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-badge-iteration{display:inline-block;font-size:11px;font-weight:600;color:#92400e;background:#fef3c7;padding:3px 8px;border-radius:4px}.ai-badge-format{display:inline-block;font-size:11px;font-weight:600;color:#166534;background:#dcfce7;padding:3px 8px;border-radius:4px}.ai-badge-iteration-sm,.ai-badge-format-sm{font-size:10px;padding:2px 6px}.ai-badge-iteration-sm{color:#92400e;background:#fef3c7;border-radius:3px}.ai-badge-format-sm{color:#166534;background:#dcfce7;border-radius:3px}.ai-refine-section{margin-top:8px}.ai-refine-input{display:flex;gap:10px}.ai-refine-input input{flex:1;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827}.ai-refine-input input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ai-refine-input input::-moz-placeholder{color:#9ca3af}.ai-refine-input input::placeholder{color:#9ca3af}.ai-refine-input input:disabled{background:#e5e7eb}.ai-refine-send{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#3434ef;border:none;border-radius:10px;color:#fff;cursor:pointer;transition:background .15s;flex-shrink:0}.ai-refine-send:hover:not(:disabled){background:#2828d0}.ai-refine-send:disabled{background:#bfbfff;cursor:not-allowed}.ai-error-message{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:13px}.ai-step-organize h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 4px}.ai-step-subtitle{font-size:14px;color:#6b7280;margin:0 0 20px}.ai-concept-list{display:flex;flex-direction:column;gap:8px}.ai-concept-accordion{border:1px solid #E5E7EB;border-radius:10px;overflow:hidden}.ai-concept-header{display:flex;align-items:flex-start;flex-wrap:wrap;gap:10px;width:100%;padding:14px 16px;background:#fafafa;border:none;cursor:pointer;text-align:left;transition:background .15s}.ai-concept-header:hover{background:#f3f4f6}.ai-concept-toggle{color:#6b7280;flex-shrink:0;margin-top:2px}.ai-badge-concept-header{display:inline;font-size:13px;font-weight:600;color:#3434ef;background:#eef;padding:4px 10px;border-radius:6px;word-break:break-word;line-height:1.4}.ai-concept-meta{margin-left:auto;font-size:13px;color:#6b7280;flex-shrink:0}.ai-concept-count{margin-left:auto;font-size:13px;color:#6b7280}.ai-concept-files{padding:12px 16px;background:#fff;border-top:1px solid #E5E7EB;display:flex;flex-direction:column;gap:8px}.ai-concept-file{display:flex;align-items:center;gap:10px}.ai-concept-file-thumb{width:32px;height:32px;background:#e5e7eb;border-radius:6px;flex-shrink:0}.ai-concept-file-name{flex:1;font-size:13px;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-step-save{display:flex;flex-direction:column;align-items:center;text-align:center}.ai-save-icon{width:64px;height:64px;background:#dcfce7;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#16a34a;margin-bottom:16px}.ai-step-save h3{font-size:20px;font-weight:600;color:#111827;margin:0 0 8px}.ai-save-summary{font-size:14px;color:#6b7280;margin:0 0 24px}.ai-save-form{width:100%;max-width:360px;text-align:left;margin-bottom:20px}.ai-save-form label{display:block;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.ai-save-input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827}.ai-save-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ai-save-input::-moz-placeholder{color:#9ca3af}.ai-save-input::placeholder{color:#9ca3af}.ai-save-card{width:100%;max-width:360px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;padding:16px;text-align:left}.ai-save-card-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #E5E7EB;font-size:13px}.ai-save-card-row:last-child{border-bottom:none}.ai-save-card-row span:first-child{color:#6b7280}.ai-save-card-row span:last-child,.ai-save-card-row code{color:#111827;font-weight:500}.ai-save-card-row code{font-family:SF Mono,Consolas,monospace;font-size:12px;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #E5E7EB}.ai-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-top:1px solid #E5E7EB;background:#fff;flex-shrink:0}.ai-footer-left,.ai-footer-right{display:flex;align-items:center;gap:12px}.ai-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.ai-btn-primary:hover{background:#2828d0}.ai-btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s}.ai-btn-secondary:hover{background:#e5e7eb}.ai-btn-success{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#10b981;border:none;border-radius:8px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .15s}.ai-btn-success:hover:not(:disabled){background:#059669}.ai-btn-success:disabled{background:#a7f3d0;cursor:not-allowed}.ai-btn-link{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:transparent;border:none;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:color .15s}.ai-btn-link:hover{color:#374151}.ai-popup-chat{flex:1;padding:20px;background:#f9fafb;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ai-message-bubble{display:flex;align-items:flex-start;gap:10px}.ai-message-icon{width:28px;height:28px;background:#fff;border:1px solid #E5E7EB;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.ai-message-content{flex:1;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;color:#374151;white-space:pre-wrap}.ai-message-content.typing{display:flex;align-items:center;gap:4px;padding:16px}.user-message-bubble{margin-left:auto;max-width:80%;background:#3434ef;border-radius:12px;padding:12px 16px;font-size:14px;line-height:1.5;color:#fff}.ai-message-actions{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #E5E7EB}.ai-action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s ease}.ai-action-btn.primary{background:#3434ef;border:none;color:#fff}.ai-action-btn.primary:hover{background:#2828d6}.ai-action-btn.primary:disabled{background:#a5b4fc;cursor:not-allowed}.ai-action-btn.secondary{background:#fff;border:1px solid #3434EF;color:#3434ef}.ai-action-btn.secondary:hover{background:#eef}.pattern-preview{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;margin-left:38px}.pattern-files,.pattern-detected,.pattern-format{margin-bottom:12px}.pattern-files:last-child,.pattern-detected:last-child,.pattern-format:last-child{margin-bottom:0}.pattern-label{display:block;font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.pattern-preview code{display:block;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#374151;background:#f3f4f6;padding:6px 10px;border-radius:6px;margin-bottom:4px}.pattern-detected p{font-size:13px;color:#374151;margin:4px 0}.pattern-detected strong{color:#3434ef}.pattern-code{font-size:14px!important;font-weight:600;color:#3434ef!important;background:#eef!important}.files-preview{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;margin-left:38px}.files-preview code{display:block;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#374151;background:#f3f4f6;padding:6px 10px;border-radius:6px;margin-bottom:4px}.files-preview code:last-child{margin-bottom:0}.save-prompt{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:16px;margin-left:38px}.save-input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827;margin-bottom:12px}.save-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.save-input::-moz-placeholder{color:#9ca3af}.save-input::placeholder{color:#9ca3af}.save-actions{display:flex;gap:8px}.pattern-success-banner{display:flex;align-items:center;gap:14px;padding:16px 20px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:12px;margin-left:38px}.pattern-success-banner .success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:12px;color:#fff;flex-shrink:0}.pattern-success-banner .success-content h4{font-size:15px;font-weight:600;color:#166534;margin:0 0 4px}.pattern-success-banner .success-content p{font-size:13px;color:#15803d;margin:0}.pattern-success-banner .success-percentage{font-weight:700;color:#166534}.save-nomenclature-form{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;margin-left:38px}.save-form-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid #E5E7EB}.save-form-header>svg{color:#3434ef;flex-shrink:0;margin-top:2px}.save-form-title span{display:block;font-size:15px;font-weight:600;color:#111827}.save-form-title p{font-size:13px;color:#6b7280;margin:2px 0 0}.save-form-fields{display:flex;flex-direction:column;gap:14px;margin-bottom:14px}.save-field{display:flex;flex-direction:column;gap:6px}.save-field label{font-size:13px;font-weight:500;color:#374151}.save-field .required{color:#ef4444}.save-field .optional{color:#9ca3af;font-weight:400}.save-form-info{margin-bottom:16px;padding:10px 12px;background:#f9fafb;border-radius:8px}.save-form-info p{font-size:12px;color:#6b7280;margin:0;line-height:1.5}.save-actions{display:flex;gap:10px}.btn-save-apply{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:12px 16px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-save-apply:hover:not(:disabled){background:#2828d6}.btn-save-apply:disabled{background:#a5b4fc;cursor:not-allowed}.btn-apply-only{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.btn-apply-only:hover{background:#f9fafb;border-color:#d1d5db}.ai-message-bubble.error{background:#fef2f2;border:1px solid #FECACA}.ai-message-icon.error{background:#dc2626}.ai-message-content.error{color:#dc2626}.typing-dot{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.7)}40%{transform:scale(1)}}.ai-files-list{padding:12px 20px;background:#f9fafb;border-bottom:1px solid #E5E7EB;display:flex;flex-wrap:wrap;gap:8px}.ai-file-item code{display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:11px;color:#374151;background:#fff;border:1px solid #E5E7EB;padding:4px 8px;border-radius:6px}.ai-files-more{font-size:12px;color:#6b7280;padding:4px 8px}.ai-files-toggle{background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;padding:4px 12px;font-size:12px;color:#6b7280;cursor:pointer;transition:all .15s}.ai-files-toggle:hover{background:#e5e7eb;color:#374151}.ai-conversation{flex:1;min-height:0;padding:20px;background:#f9fafb;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.ai-msg{display:flex;gap:10px;align-items:flex-start}.ai-msg.user{justify-content:flex-end}.ai-msg-icon{width:32px;height:32px;background:#eef;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.ai-msg.error .ai-msg-icon{background:#fee2e2;color:#dc2626}.ai-msg-content{max-width:80%;background:#fff;border:1px solid #E5E7EB;border-radius:16px 16px 16px 4px;padding:12px 16px;font-size:14px;line-height:1.5;color:#374151}.ai-msg.error .ai-msg-content{background:#fef2f2;border-color:#fecaca;color:#991b1b}.ai-msg.user .ai-msg-content{background:#3434ef;border-color:#3434ef;color:#fff;border-radius:16px 16px 4px}.ai-msg-content p{margin:0}.ai-parsed-preview{margin-top:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #E5E7EB}.ai-parsed-preview h4{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px}.ai-parsed-file{font-family:SF Mono,Consolas,monospace;font-size:12px;display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.ai-parsed-file .filename{color:#374151;background:#fff;padding:2px 6px;border-radius:4px;border:1px solid #E5E7EB}.ai-parsed-file .arrow{color:#9ca3af}.ai-parsed-file .parsed{color:#6b7280}.ai-parsed-file .parsed strong{color:#3434ef}.ai-format-badge{display:inline-block;font-size:10px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:2px 6px;border-radius:4px;margin-left:6px;font-family:DM Sans,sans-serif}.ai-format-badge.auto{color:#6b7280;background:#6b72801a}.ai-parsed-more{font-size:12px;color:#9ca3af;margin-top:4px}.ai-parsed-more-btn{background:transparent;border:none;font-size:12px;color:#3434ef;margin-top:8px;padding:0;cursor:pointer;text-decoration:underline;transition:color .15s}.ai-parsed-more-btn:hover{color:#2525b8}.ai-typing{display:flex;gap:4px;padding:4px 0}.ai-typing span{width:8px;height:8px;background:#9ca3af;border-radius:50%;animation:aiTyping 1.4s infinite ease-in-out both}.ai-typing span:nth-child(1){animation-delay:-.32s}.ai-typing span:nth-child(2){animation-delay:-.16s}@keyframes aiTyping{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.ai-input-area{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #E5E7EB;background:#fff}.ai-input-area input{flex:1;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#111827}.ai-input-area input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ai-input-area input::-moz-placeholder{color:#9ca3af}.ai-input-area input::placeholder{color:#9ca3af}.ai-input-area input:disabled{background:#e5e7eb;cursor:not-allowed}.ai-helper-hint{font-size:12px;color:#6b7280;margin:0;padding:8px 20px 0;font-style:italic;text-align:center}.ai-match-summary{display:flex;align-items:center;gap:10px;font-size:14px;color:#166534}.ai-match-summary .success-icon{color:#22c55e}.ai-config-name-input{width:100%}.ai-config-name-input .config-name-field{width:100%;padding:10px 14px;border:1px solid #D1D5DB;border-radius:8px;font-size:14px;background:#fff;transition:border-color .15s,box-shadow .15s}.ai-config-name-input .config-name-field:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ai-config-name-input .config-name-field::-moz-placeholder{color:#9ca3af}.ai-config-name-input .config-name-field::placeholder{color:#9ca3af}.ai-confirm-section{padding:16px 24px;border-top:1px solid #E5E7EB;background:#fef3c7;display:flex;flex-direction:column;align-items:center;gap:12px}.ai-confirm-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;background:#f59e0b;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.ai-confirm-btn:hover{background:#d97706}.ai-confirm-hint{font-size:12px;color:#92400e;text-align:center;margin:0}.ai-popup-actions{padding:16px 24px;border-top:1px solid #E5E7EB;background:#ecfdf5;display:flex;flex-direction:column;gap:12px}.ai-action-buttons{display:flex;gap:12px}.ai-apply-btn{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:14px 24px;background:#22c55e;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.ai-apply-btn:hover{background:#16a34a}.ai-save-config-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#fff;border:1px solid #3434EF;border-radius:10px;font-size:14px;font-weight:600;color:#3434ef;cursor:pointer;transition:all .15s ease}.ai-save-config-btn:hover{background:#3434ef1a}.ai-saved-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;background:#dcfce7;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#16a34a;cursor:not-allowed}.save-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100}.save-modal{background:#fff;padding:24px;border-radius:16px;width:100%;max-width:420px;box-shadow:0 20px 40px #00000026}.save-modal h3{font-size:18px;font-weight:700;color:#111827;margin:0 0 8px}.save-modal>p{font-size:14px;color:#6b7280;margin:0 0 20px}.save-modal input{width:100%;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#111827;margin-bottom:20px}.save-modal input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.save-modal input::-moz-placeholder{color:#9ca3af}.save-modal input::placeholder{color:#9ca3af}.modal-actions{display:flex;justify-content:flex-end;gap:12px}.modal-cancel-btn{padding:10px 20px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.modal-cancel-btn:hover{background:#f9fafb;border-color:#d1d5db}.modal-save-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.modal-save-btn:hover:not(:disabled){background:#2828d6}.modal-save-btn:disabled{background:#a5b4fc;cursor:not-allowed}.modal-save-btn .spinning{animation:spin 1s linear infinite}.ai-popup-input{display:flex;align-items:center;gap:12px;padding:16px 20px;border-top:1px solid #E5E7EB;background:#fff}.ai-popup-input input{flex:1;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;color:#111827}.ai-popup-input input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ai-popup-input input::-moz-placeholder{color:#9ca3af}.ai-popup-input input::placeholder{color:#9ca3af}.ai-send-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#3434ef;border:none;border-radius:12px;color:#fff;cursor:pointer;transition:all .15s ease}.ai-send-btn:hover:not(:disabled){background:#2828d6}.ai-send-btn:disabled{background:#a5b4fc;cursor:not-allowed}@media (max-width: 768px){.nomenclature-bar{flex-direction:column;gap:12px}.nomenclature-bar-left{width:100%;flex-direction:column}.nomenclature-selector{width:100%;min-width:auto}.btn-create-nomenclature,.nomenclature-bar-right{width:100%;justify-content:center}.ai-popup{max-width:100%;margin:16px}.file-simple-grid,.iteration-files,.unmatched-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}}.sub-step-tabs{display:flex;gap:8px;margin-bottom:20px}.sub-step-tab{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease;flex:1}.sub-step-tab:hover:not(:disabled){border-color:#d1d5db;background:#f9fafb}.sub-step-tab.active{background:#fff;border-color:#3434ef;color:#3434ef;font-weight:600;box-shadow:0 0 0 3px #3434ef1a}.sub-step-tab.completed:not(.active){border-color:#22c55e;background:#f0fdf4}.sub-step-tab.locked{opacity:.6;cursor:not-allowed;background:#f9fafb}.sub-step-tab.locked:hover{border-color:#e5e7eb;background:#f9fafb}.sub-step-indicator{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f3f4f6;color:#6b7280;flex-shrink:0;transition:all .2s ease}.sub-step-tab.active .sub-step-indicator{background:#3434ef;color:#fff}.sub-step-tab.completed:not(.active) .sub-step-indicator{background:#22c55e;color:#fff}.sub-step-tab.locked .sub-step-indicator{background:#e5e7eb;color:#9ca3af}.step-number{font-size:12px;font-weight:600}.locked-hint{margin-left:auto;font-size:11px;font-weight:500;color:#9ca3af;background:#f3f4f6;padding:4px 8px;border-radius:6px}.matching-complete-cta{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:14px;margin-top:16px}.matching-complete-content{display:flex;align-items:center;gap:16px}.matching-complete-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:12px;color:#fff}.matching-complete-text h4{font-size:15px;font-weight:600;color:#166534;margin:0 0 2px}.matching-complete-text p{font-size:13px;color:#15803d;margin:0}.btn-continue-naming{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#22c55e;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-continue-naming:hover{background:#16a34a;transform:translate(2px)}.nomenclature-dropdown{position:relative;min-width:320px}.nomenclature-dropdown-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;cursor:pointer;transition:all .15s ease}.nomenclature-dropdown-trigger:hover{border-color:#d1d5db}.nomenclature-dropdown-trigger.open{border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.dropdown-trigger-content{display:flex;align-items:center;gap:10px}.dropdown-icon{color:#3434ef}.dropdown-value{font-weight:500;color:#111827}.dropdown-placeholder{color:#9ca3af}.dropdown-chevron{color:#6b7280;transition:transform .2s ease}.dropdown-chevron.rotated{transform:rotate(180deg)}.nomenclature-dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:320px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a;z-index:100;overflow:hidden}.dropdown-empty{padding:24px 16px;text-align:center}.dropdown-empty span{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:4px}.dropdown-empty p{font-size:13px;color:#9ca3af;margin:0}.dropdown-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;cursor:pointer;transition:all .15s ease}.dropdown-item:hover{background:#f9fafb}.dropdown-item.selected{background:#eef}.dropdown-item-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.item-icon{color:#6b7280;flex-shrink:0}.dropdown-item.selected .item-icon{color:#3434ef}.item-details{display:flex;flex-direction:column;gap:2px;min-width:0}.item-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-pattern{font-size:12px;color:#6b7280;font-family:SF Mono,Consolas,monospace}.dropdown-item-actions{display:flex;align-items:center;gap:8px}.check-icon{color:#3434ef}.item-match-badge{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px}.item-match-badge.good{background:#dcfce7;color:#166534}.item-match-badge.medium{background:#fef3c7;color:#92400e}.item-match-badge.low{background:#fee2e2;color:#991b1b}.delete-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;opacity:0;transition:all .15s ease}.dropdown-item:hover .delete-btn{opacity:1}.delete-btn:hover{background:#fee2e2;color:#ef4444}.dropdown-divider{height:1px;background:#e5e7eb;margin:4px 0}.dropdown-item.clear-option{color:#6b7280;font-size:13px}.video-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:10000;padding:24px}.video-modal{width:100%;max-width:900px;background:#000;border-radius:16px;overflow:hidden}.video-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#111;border-bottom:1px solid #333}.video-filename{font-size:14px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#999;cursor:pointer;transition:all .15s ease}.video-modal-close:hover{background:#222;color:#fff}.video-container{position:relative;background:#000;cursor:pointer}.video-container video{width:100%;max-height:70vh;display:block}.video-play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-controls{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#111;border-top:1px solid #333}.video-control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#999;cursor:pointer;transition:all .15s ease}.video-control-btn:hover{background:#222;color:#fff}.video-progress{flex:1;height:6px;background:#333;border-radius:3px;cursor:pointer;overflow:hidden}.video-progress-bar{height:100%;background:#3434ef;border-radius:3px;transition:width .1s linear}.format-thumbnail-card.clickable{cursor:pointer}.format-thumbnail-card.clickable .video-play-overlay{transition:all .2s ease}.format-thumbnail-card.clickable:hover .video-play-overlay{transform:translate(-50%,-50%) scale(1.1);background:#3434efcc}.ad-naming-section{flex:1;min-height:400px;display:flex;flex-direction:column;gap:16px}.ad-naming-header{margin-bottom:4px}.ad-naming-header h3{font-size:16px;font-weight:600;color:#111827;margin:0 0 4px}.ad-naming-header p{font-size:14px;color:#6b7280;margin:0}.naming-mode-tabs-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.naming-mode-tabs{display:flex;gap:8px}button.display-id-toggle{display:inline-flex;align-items:center;gap:8px;padding:4px 10px;border:1px solid #E5E7EB!important;border-radius:6px;background:transparent;cursor:pointer;white-space:nowrap;font-family:inherit;transition:background .15s ease,border-color .15s ease}button.display-id-toggle:hover{background:#f3f4f6}button.display-id-toggle.on{border-color:#3434ef!important;background:#eef}.display-id-toggle-label{font-size:12px;font-weight:500;color:#374151}.display-id-toggle-track{display:inline-block;width:36px;height:20px;background:#d1d5db;border-radius:10px;position:relative;transition:background .25s ease;flex-shrink:0}.display-id-toggle-track.on{background:#3434ef}.display-id-toggle-thumb{display:block;position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000026;transition:transform .25s cubic-bezier(.4,0,.2,1)}.display-id-toggle-track.on .display-id-toggle-thumb{transform:translate(16px)}.naming-mode-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;min-width:140px;background:transparent;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.naming-mode-tab:hover{color:#374151;background:#f9fafb}.naming-mode-tab.active{background:#eef;color:#3434ef;border-color:#3434ef}.naming-mode-content{background:#fff;border:1px solid #E5E7EB;border-radius:12px}.filename-mode{padding:24px}.filename-mode-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;color:#3434ef}.filename-mode-header h4{margin:0 0 4px;font-size:16px;font-weight:600;color:#111827}.filename-mode-header p{margin:0;font-size:13px;color:#6b7280}.filename-preview-list{background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;margin-bottom:20px}.filename-preview-header{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;padding:10px 16px;background:#f3f4f6;border-bottom:1px solid #E5E7EB;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.filename-preview-row{display:grid;grid-template-columns:1fr 30px 1fr;gap:8px;padding:10px 16px;border-bottom:1px solid #E5E7EB;font-size:13px}.filename-preview-row:last-child{border-bottom:none}.filename-original{color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filename-arrow{color:#9ca3af;text-align:center}.filename-cleaned{color:#111827;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filename-preview-more{padding:12px 16px;text-align:center;font-size:13px;color:#6b7280;background:#f3f4f6}.filename-continue-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:background .2s}.filename-continue-btn:hover{background:#2828c9}.manual-edit-mode{height:100%;display:flex;flex-direction:column}.manual-edit-header{display:flex;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.column-header{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.preview-col{width:80px;flex-shrink:0}.file-col{flex:1;padding-left:12px}.name-col{flex:1.5;padding-left:12px}.manual-edit-list{flex:1;overflow-y:auto;max-height:400px}.manual-edit-row{display:flex;align-items:center;padding:10px 16px;border-bottom:1px solid #F3F4F6;transition:background .15s ease}.manual-edit-row:hover{background:#f9fafb}.manual-edit-row:last-child{border-bottom:none}.preview-cell{width:80px;flex-shrink:0;position:relative}.preview-cell img{width:48px;height:48px;-o-object-fit:cover;object-fit:cover;border-radius:6px;border:1px solid #E5E7EB}.thumbnail-placeholder-small{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:6px;color:#9ca3af}.format-badge-small{position:absolute;bottom:0;left:0;font-size:9px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:2px 4px;border-radius:4px}.file-cell{flex:1;padding-left:12px;min-width:0}.file-name{font-size:13px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.name-cell{flex:1.5;padding-left:12px}.ad-name-input{width:100%;padding:10px 12px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#111827;transition:all .15s ease}.ad-name-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.ad-name-input::-moz-placeholder{color:#9ca3af}.ad-name-input::placeholder{color:#9ca3af}.manual-edit-mode.grouped{padding:16px;display:flex;flex-direction:column;gap:16px;max-height:500px;overflow-y:auto}.manual-concept-group{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.manual-concept-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f9fafb;cursor:pointer;transition:background .15s ease}.manual-concept-header:hover{background:#f3f4f6}.concept-info{display:flex;align-items:center;gap:12px;flex:1}.concept-label{font-size:14px;font-weight:600;color:#111827}.concept-files{font-size:12px;color:#9ca3af}.manual-concept-content{padding:16px;background:#fff}.concept-name-row{margin-bottom:20px}.concept-name-label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.label-text{font-size:13px;font-weight:600;color:#374151}.label-hint{font-size:11px;color:#9ca3af}.concept-name-input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.concept-name-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.concept-name-input::-moz-placeholder{color:#9ca3af}.concept-name-input::placeholder{color:#9ca3af}.iterations-section{border-top:1px solid #E5E7EB;padding-top:16px}.iterations-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.iterations-title{font-size:13px;font-weight:600;color:#374151}.iterations-hint{font-size:11px;color:#9ca3af}.iteration-group{margin-bottom:12px}.iteration-group:last-child{margin-bottom:0}.iteration-label{margin-bottom:8px}.iteration-name{font-size:12px;font-weight:600;color:#3434ef;background:#eef;padding:4px 10px;border-radius:6px}.iterations-list{display:flex;flex-direction:column;gap:10px}.iteration-row{display:flex;align-items:center;gap:12px}.iteration-label-inline{display:flex;align-items:center;gap:8px;min-width:100px}.iteration-badge-small{font-size:13px;font-weight:600;color:#3434ef;background:#eef;padding:6px 12px;border-radius:6px;min-width:50px;text-align:center}.iteration-file-count{font-size:11px;color:#9ca3af}.iteration-name-input{flex:1;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.iteration-name-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.iteration-name-input::-moz-placeholder{color:#9ca3af}.iteration-name-input::placeholder{color:#9ca3af}.iteration-files{display:flex;flex-direction:column;gap:8px;padding-left:16px}.iteration-file-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:8px}.preview-cell.small{width:40px;flex-shrink:0}.preview-cell.small img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #E5E7EB}.format-badge-tiny{position:absolute;bottom:-2px;left:0;font-size:8px;font-weight:600;color:#3434ef;background:#3434ef1a;padding:1px 3px;border-radius:3px}.file-info{flex:1;min-width:0}.file-name-small{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.ad-name-input-small{flex:1;min-width:150px;padding:8px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;color:#111827;transition:all .15s ease}.ad-name-input-small:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 2px #3434ef1a}.ad-name-input-small::-moz-placeholder{color:#9ca3af}.ad-name-input-small::placeholder{color:#9ca3af}.detected-names-mode{padding:16px;display:flex;flex-direction:column;gap:16px}.detected-names-list{display:flex;flex-direction:column;gap:16px}.detected-names-empty{padding:40px 24px;text-align:center}.detected-names-empty p{font-size:15px;font-weight:500;color:#374151;margin:0 0 4px}.detected-names-empty span{font-size:13px;color:#9ca3af}.detected-names-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#f3f4f6;border-radius:10px;margin-bottom:16px}.detected-names-info .info-icon{color:#6b7280;flex-shrink:0}.detected-names-info span{font-size:13px;color:#6b7280}.detected-concept-group{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.detected-concept-header{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#f9fafb}.detected-concept-header.clickable{cursor:pointer;transition:background .15s ease}.detected-concept-header.clickable:hover{background:#f3f4f6}.concept-toggle{color:#6b7280}.concept-label-static{font-size:14px;font-weight:600;color:#111827;flex:1}.concept-count{font-size:12px;color:#9ca3af}.detected-concept-content{padding:16px;background:#fff}.detected-concept-name-row{margin-bottom:20px}.detected-input-label{display:flex;align-items:center;gap:8px;margin-bottom:8px}.label-main{font-size:13px;font-weight:600;color:#374151}.label-sub{font-size:11px;color:#9ca3af}.detected-concept-input{width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.detected-concept-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.detected-concept-input::-moz-placeholder{color:#9ca3af}.detected-concept-input::placeholder{color:#9ca3af}.detected-iterations-section{border-top:1px solid #E5E7EB;padding-top:16px}.detected-iterations-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.iterations-label{font-size:13px;font-weight:600;color:#374151}.iterations-sublabel{font-size:11px;color:#9ca3af}.detected-iteration-group{margin-bottom:12px}.detected-iteration-group:last-child{margin-bottom:0}.iteration-badge{margin-bottom:0}.iteration-badge span{font-size:12px;font-weight:600;color:#3434ef;background:#eef;padding:4px 10px;border-radius:6px}.iteration-header-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.format-badges{display:flex;gap:4px}.iteration-name-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:8px}.iteration-thumbnails{display:flex;gap:4px;flex-shrink:0}.iteration-thumbnails .detected-preview{width:32px;height:32px}.iteration-thumbnails .more-files{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#e5e7eb;border-radius:4px;font-size:10px;color:#6b7280;font-weight:500}.iteration-name-row .detected-ad-input{flex:1}.iteration-files-list{display:flex;flex-direction:column;gap:8px;padding-left:16px}.detected-file-row{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#f9fafb;border-radius:8px}.detected-preview{flex-shrink:0}.detected-preview img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid #E5E7EB}.thumbnail-placeholder-tiny{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#e5e7eb;border-radius:4px;color:#9ca3af}.detected-file-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.detected-filename{font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detected-ad-input{flex:1;min-width:150px;padding:8px 10px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;font-size:12px;color:#111827;transition:all .15s ease}.detected-ad-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 2px #3434ef1a}.detected-ad-input::-moz-placeholder{color:#9ca3af}.detected-ad-input::placeholder{color:#9ca3af}.detected-names-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #A7F3D0;border-radius:14px;margin-top:16px}.detected-names-cta-content{display:flex;align-items:center;gap:16px}.detected-names-cta-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:12px;color:#fff;flex-shrink:0}.detected-names-cta-text h4{font-size:15px;font-weight:600;color:#166534;margin:0 0 2px}.detected-names-cta-text p{font-size:13px;color:#15803d;margin:0}.btn-continue-step3{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#22c55e;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;white-space:nowrap}.btn-continue-step3:hover{background:#16a34a;transform:translate(2px)}.bulk-paste-mode{padding:20px;min-height:400px;display:flex;flex-direction:column}.bulk-paste-instructions{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#eef;border-radius:10px;margin-bottom:16px}.bulk-paste-instructions svg{color:#3434ef;flex-shrink:0;margin-top:2px}.instructions-text p{font-size:13px;color:#374151;margin:0 0 6px}.instructions-text code{display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:12px;color:#3434ef;background:#fff;padding:4px 8px;border-radius:4px}.instruction-hint{font-size:12px;color:#6b7280;margin-top:4px}.detected-concepts{display:inline-block;font-family:SF Mono,Consolas,monospace;font-size:11px;color:#3434ef;background:#fff;padding:3px 8px;border-radius:4px;margin-left:6px}.bulk-paste-area{position:relative}.bulk-paste-input{width:100%;min-height:180px;padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-family:SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:#374151;resize:vertical;transition:all .15s ease}.bulk-paste-input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.bulk-paste-input::-moz-placeholder{color:#9ca3af}.bulk-paste-input::placeholder{color:#9ca3af}.bulk-paste-btn{position:absolute;bottom:12px;right:12px;display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:12px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.bulk-paste-btn:hover{border-color:#3434ef;color:#3434ef}.bulk-paste-result{margin-top:16px}.result-success,.result-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:10px;margin-bottom:12px}.result-success{background:#ecfdf5}.result-success svg{color:#22c55e;flex-shrink:0}.result-success span{font-size:13px;font-weight:500;color:#166534}.result-warning{background:#fffbeb;flex-direction:column}.result-warning>svg{color:#f59e0b}.result-warning>span{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:#92400e}.not-found-list{margin-top:8px;padding-left:26px}.not-found-list code{display:inline;font-family:SF Mono,Consolas,monospace;font-size:11px;color:#b45309;margin-right:6px}.not-found-item{display:flex;align-items:center;gap:6px;margin-bottom:4px;flex-wrap:wrap}.not-found-text{font-size:11px;color:#92400e;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.not-found-reason{font-size:10px;color:#b45309;font-style:italic}.more-count{font-size:12px;color:#9ca3af;font-style:italic}.result-preview{background:#fff;border:1px solid #E5E7EB;border-radius:10px;padding:16px}.result-preview h4{font-size:13px;font-weight:600;color:#374151;margin:0 0 12px}.preview-list{margin-bottom:16px}.preview-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid #F3F4F6}.preview-row:last-child{border-bottom:none}.preview-file{flex:1;font-size:12px;color:#6b7280;font-family:SF Mono,Consolas,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-arrow{color:#d1d5db;font-size:12px}.preview-name{flex:1.5;font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-concept{padding:12px;background:#f9fafb;border-radius:8px;margin-bottom:8px}.preview-concept:last-child{margin-bottom:0}.preview-concept-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.preview-concept-id{font-size:12px;font-weight:600;color:#3434ef;background:#eef;padding:3px 8px;border-radius:4px}.preview-concept-header svg{color:#9ca3af}.preview-concept-name{font-size:13px;font-weight:500;color:#111827;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-concept-meta{display:flex;gap:12px;font-size:11px;color:#6b7280}.preview-iterations{color:#9ca3af}.btn-apply-bulk{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 16px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-apply-bulk:hover{background:#2828d6}.btn-apply-bulk:disabled{opacity:.5;cursor:not-allowed}.btn-match-nomenclatures{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;margin-top:16px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-match-nomenclatures:hover:not(:disabled){background:#2828d6}.btn-match-nomenclatures:disabled{opacity:.5;cursor:not-allowed}.phase-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.phase-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1}.btn-back{display:flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-back:hover{border-color:#3434ef;color:#3434ef}.match-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.match-badge.success{background:#d1fae5;color:#059669}.match-badge.warning{background:#fef3c7;color:#d97706}.matching-summary{padding:16px 20px;border-radius:12px;margin-bottom:20px}.matching-summary.success{background:#d1fae5}.matching-summary.warning{background:#fef3c7}.matching-count{display:flex;align-items:center;gap:10px}.matching-summary.success .matching-count svg{color:#059669}.matching-summary.warning .matching-count svg{color:#d97706}.count-text{font-size:16px;font-weight:600;color:#111827}.matching-section{margin-bottom:20px}.matching-section h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.matching-section.matched h4{color:#059669}.matching-section.matched h4 svg{color:#059669}.matching-section.unmatched h4,.matching-section.errors h4{color:#d97706}.matching-section.unmatched h4 svg,.matching-section.errors h4 svg{color:#d97706}.matching-list{display:flex;flex-direction:column;gap:8px}.matching-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;font-size:13px}.matching-item.success{background:#ecfdf5}.matching-item.warning{background:#fffbeb}.matching-item.error{background:#fef3c7}.matching-concept-id{font-weight:600;color:#3434ef;background:#eef;padding:3px 8px;border-radius:4px;font-size:12px}.matching-name{flex:1;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.matching-status{flex:1;color:#9ca3af;font-style:italic}.matching-files{font-size:11px;color:#9ca3af;white-space:nowrap}.matching-text{flex:1;color:#92400e;font-family:SF Mono,Consolas,monospace;font-size:12px}.matching-reason{font-size:11px;color:#b45309;font-style:italic}.matching-item code{font-family:SF Mono,Consolas,monospace;font-size:11px;color:#b45309}.btn-preview-results{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-preview-results:hover:not(:disabled){background:#2828d6}.btn-preview-results:disabled{opacity:.5;cursor:not-allowed}.preview-ad-names{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.preview-concept-group{border:1px solid #E5E7EB;border-radius:10px;overflow:hidden}.preview-concept-group.matched{border-color:#a7f3d0}.preview-concept-group.unmatched{border-color:#fcd34d}.preview-concept-header.clickable{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#f9fafb;cursor:pointer;transition:background .15s ease}.preview-concept-group.matched .preview-concept-header.clickable{background:#ecfdf5}.preview-concept-group.unmatched .preview-concept-header.clickable{background:#fffbeb}.preview-concept-header.clickable:hover{background:#f3f4f6}.preview-concept-group.matched .preview-concept-header.clickable:hover{background:#d1fae5}.preview-concept-group.unmatched .preview-concept-header.clickable:hover{background:#fef3c7}.preview-concept-title{font-size:14px;font-weight:600;color:#111827;flex:1}.status-icon.success{color:#059669}.status-icon.warning{color:#d97706}.preview-concept-content{padding:12px 16px;background:#fff}.preview-concept-name-row{display:flex;align-items:flex-start;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:6px;margin-bottom:8px}.preview-concept-name-row.unmatched{background:#fffbeb}.preview-label{font-size:12px;font-weight:500;color:#6b7280;white-space:nowrap}.preview-value{font-size:13px;color:#111827;word-break:break-all}.preview-value.unmatched{color:#d97706;font-style:italic}.preview-iteration-row{display:flex;align-items:center;gap:8px;padding:6px 12px;font-size:12px}.preview-iteration-row.unmatched{opacity:.6}.preview-iteration-label{font-weight:600;color:#3434ef;background:#eef;padding:2px 8px;border-radius:4px}.preview-iteration-row svg{color:#d1d5db}.preview-ad-name{flex:1;color:#374151;font-family:SF Mono,Consolas,monospace;font-size:12px}.preview-ad-name.unmatched{color:#9ca3af;font-style:italic;font-family:inherit}.btn-apply-continue{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#6b7280;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .15s ease}.btn-apply-continue:hover:not(:disabled){background:#4b5563}.btn-apply-continue.success{background:#059669}.btn-apply-continue.success:hover:not(:disabled){background:#047857}.btn-apply-continue:disabled{opacity:.5;cursor:not-allowed}.campaign-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.campaign-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}.campaign-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.campaign-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.campaign-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.campaign-modal-close:hover{background:#f3f4f6;color:#111827}.campaign-modal-search{padding:16px 24px;border-bottom:1px solid #E5E7EB;position:relative}.campaign-modal-search .search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.campaign-modal-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;transition:all .15s ease}.campaign-modal-search input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.campaign-modal-search input::-moz-placeholder{color:#9ca3af}.campaign-modal-search input::placeholder{color:#9ca3af}.campaign-modal-list{flex:1;overflow-y:auto;padding:8px;min-height:200px;max-height:400px}.campaign-modal-list{scrollbar-width:none;-ms-overflow-style:none}.campaign-modal-list::-webkit-scrollbar{display:none}.campaign-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;gap:12px}.campaign-modal-loading .spinning{animation:spin 1s linear infinite}.campaign-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#ef4444;gap:12px;text-align:center}.campaign-modal-empty{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;text-align:center;font-size:14px}.campaign-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.campaign-item:hover{background:#f9fafb}.campaign-item.selected{background:#eef2ff;border-color:#3434ef}.campaign-item-main{flex:1;min-width:0}.campaign-item-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-item-meta{display:flex;align-items:center;gap:8px}.campaign-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.campaign-status.status-active{background:#d1fae5;color:#059669}.campaign-status.status-paused{background:#f3f4f6;color:#6b7280}.campaign-status.status-archived{background:#fee2e2;color:#dc2626}.campaign-objective{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.campaign-objective svg{flex-shrink:0}.campaign-budget-type{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.campaign-budget-type.cbo{background:#eff6ff;color:#1d4ed8}.campaign-budget-type.abo{background:#fff7ed;color:#c2410c}.campaign-item-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3434ef;color:#fff;border-radius:50%;flex-shrink:0;margin-left:12px}.campaign-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.campaign-modal-footer .btn-cancel{padding:10px 20px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.campaign-modal-footer .btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.campaign-modal-footer .btn-confirm{padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.campaign-modal-footer .btn-confirm:hover:not(:disabled){background:#2828d0}.campaign-modal-footer .btn-confirm:disabled{background:#d1d5db;cursor:not-allowed}.create-campaign-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-campaign-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}.create-campaign-modal.wide{max-width:800px}.create-campaign-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.create-campaign-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.create-campaign-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-campaign-close:hover{background:#f3f4f6;color:#111827}.create-campaign-close:disabled{opacity:.5;cursor:not-allowed}.create-campaign-form{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.create-campaign-form{scrollbar-width:none;-ms-overflow-style:none}.create-campaign-form::-webkit-scrollbar{display:none}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:32px}.form-column{display:flex;flex-direction:column;gap:20px}.create-campaign-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:13px}.create-campaign-error.full-width{grid-column:1 / -1}.form-section{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#374151}.form-label .required{color:#ef4444}.form-input,.form-select{width:100%;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.form-input:focus,.form-select:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-input:disabled,.form-select:disabled{background:#f9fafb;cursor:not-allowed}.form-hint{font-size:12px;color:#6b7280;line-height:1.4}.objective-cards{display:flex;flex-direction:column;gap:12px}.objective-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#fff;border:2px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .15s ease;text-align:left;position:relative}.objective-card:hover{background:#f9fafb;border-color:#d1d5db}.objective-card.selected{background:#eef2ff;border-color:#3434ef}.objective-card:disabled{opacity:.5;cursor:not-allowed}.objective-card-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#f3f4f6;border-radius:12px;color:#6b7280;flex-shrink:0}.objective-card.selected .objective-card-icon{background:#3434ef;color:#fff}.objective-card-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.objective-card-label{font-size:15px;font-weight:600;color:#111827}.objective-card-desc{font-size:13px;color:#6b7280;line-height:1.4}.objective-card-check{position:absolute;top:12px;right:12px;width:24px;height:24px;background:#3434ef;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.objective-card-header{display:flex;align-items:center;gap:8px}.objective-card.coming-soon{opacity:.6;cursor:not-allowed}.objective-card.coming-soon:hover{background:#fff;border-color:#e5e7eb}.coming-soon-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#6b7280;color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.3px}.form-checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;cursor:pointer;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;transition:all .15s ease}.form-checkbox-wrapper:hover{background:#f3f4f6}.form-checkbox{width:18px;height:18px;margin:0;accent-color:#3434EF;cursor:pointer;flex-shrink:0}.form-checkbox-label{font-size:14px;font-weight:500;color:#111827;line-height:1.4}.budget-type-tabs{display:flex;gap:10px}.budget-type-tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 12px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .15s ease}.budget-type-tab:hover{background:#f9fafb;border-color:#d1d5db}.budget-type-tab.active{background:#eef2ff;border-color:#3434ef}.budget-type-tab:disabled{opacity:.5;cursor:not-allowed}.budget-type-tab .tab-label{font-size:14px;font-weight:600;color:#111827}.budget-type-tab.active .tab-label{color:#3434ef}.budget-type-tab .tab-desc{font-size:11px;color:#6b7280}.budget-mode-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.budget-mode-btn{flex:1;padding:8px 12px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.budget-mode-btn:hover{color:#374151}.budget-mode-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.budget-mode-btn:disabled{opacity:.5;cursor:not-allowed}.budget-input-group{display:flex;align-items:center;gap:0;margin-top:8px}.budget-currency{display:flex;align-items:center;justify-content:center;width:40px;height:42px;background:#f3f4f6;border:1px solid #E5E7EB;border-right:none;border-radius:8px 0 0 8px;font-size:14px;font-weight:500;color:#6b7280}.budget-input{flex:1;border-radius:0 8px 8px 0!important}.status-toggle{display:flex;background:#f3f4f6;border-radius:8px;padding:4px;gap:4px}.status-btn{flex:1;padding:10px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.status-btn:hover{color:#374151}.status-btn.active{background:#fff;color:#111827;box-shadow:0 1px 2px #0000000d}.status-btn:disabled{opacity:.5;cursor:not-allowed}.create-campaign-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:20px;border-top:1px solid #E5E7EB;margin-top:auto}.create-campaign-footer .btn-cancel{padding:10px 20px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-campaign-footer .btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.create-campaign-footer .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.create-campaign-footer .btn-create{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-campaign-footer .btn-create:hover:not(:disabled){background:#2828d0}.create-campaign-footer .btn-create:disabled{background:#d1d5db;cursor:not-allowed}.create-campaign-footer .btn-create .spinning{animation:spin 1s linear infinite}@media (max-width: 840px){.create-campaign-modal.wide{max-width:100%}.form-columns{grid-template-columns:1fr;gap:20px}}@media (max-width: 560px){.create-campaign-modal{max-width:100%;max-height:100vh;border-radius:0}}.adset-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.adset-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:adsetModalSlideIn .2s ease-out}@keyframes adsetModalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.adset-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.adset-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.adset-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.adset-modal-close:hover{background:#f3f4f6;color:#111827}.adset-modal-close:disabled{opacity:.5;cursor:not-allowed}.adset-modal-info{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#eef2ff;color:#3434ef;font-size:13px;border-bottom:1px solid #E5E7EB}.adset-modal-search{padding:16px 24px;border-bottom:1px solid #E5E7EB;position:relative}.adset-modal-search .search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.adset-modal-search input{width:100%;padding:10px 12px 10px 36px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;transition:all .15s ease}.adset-modal-search input:focus{outline:none;border-color:#3434ef;background:#fff;box-shadow:0 0 0 3px #3434ef1a}.adset-modal-search input::-moz-placeholder{color:#9ca3af}.adset-modal-search input::placeholder{color:#9ca3af}.adset-modal-search input:disabled{opacity:.5;cursor:not-allowed}.adset-modal-error-banner{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef2f2;color:#dc2626;font-size:13px;border-bottom:1px solid #FECACA}.adset-modal-list{flex:1;overflow-y:auto;padding:8px;min-height:200px;max-height:350px}.adset-modal-list{scrollbar-width:none;-ms-overflow-style:none}.adset-modal-list::-webkit-scrollbar{display:none}.adset-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;gap:12px}.adset-modal-loading .spinning{animation:spin 1s linear infinite}.adset-modal-empty{display:flex;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;text-align:center;font-size:14px}.adset-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s ease;border:2px solid transparent}.adset-item:hover{background:#f9fafb}.adset-item.selected{background:#eef2ff;border-color:#3434ef}.adset-item-main{flex:1;min-width:0}.adset-item-name{font-size:14px;font-weight:500;color:#111827;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.adset-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.adset-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.adset-status.status-active{background:#d1fae5;color:#059669}.adset-status.status-paused{background:#f3f4f6;color:#6b7280}.adset-status.status-archived{background:#fee2e2;color:#dc2626}.adset-goal,.adset-budget{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.adset-goal svg,.adset-budget svg{flex-shrink:0}.adset-item-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3434ef;color:#fff;border-radius:50%;flex-shrink:0;margin-left:12px}.adset-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.adset-modal-footer .btn-cancel{padding:10px 20px;border:1px solid #E5E7EB;background:#fff;color:#374151;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.adset-modal-footer .btn-cancel:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.adset-modal-footer .btn-cancel:disabled{opacity:.5;cursor:not-allowed}.adset-modal-footer .btn-confirm{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.adset-modal-footer .btn-confirm:hover:not(:disabled){background:#2828d0}.adset-modal-footer .btn-confirm:disabled{background:#d1d5db;cursor:not-allowed}.adset-modal-footer .btn-confirm .spinning{animation:spin 1s linear infinite}.adset-modal-filter{padding:12px 24px;border-bottom:1px solid #E5E7EB}.filter-toggle{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f9fafb;border-radius:8px;cursor:pointer;transition:all .15s ease;font-size:13px;color:#374151}.filter-toggle:hover:not(.disabled){background:#f3f4f6}.filter-toggle.active{background:#fff7ed;color:#c2410c}.filter-toggle.disabled{opacity:.5;cursor:not-allowed}.filter-toggle svg{flex-shrink:0}.filter-toggle span{flex:1}.toggle-switch{width:40px;height:22px;border-radius:11px;background:#d1d5db;position:relative;transition:all .2s ease;flex-shrink:0}.toggle-switch.on{background:#f97316}.toggle-knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:left .2s ease;box-shadow:0 1px 3px #0003}.toggle-switch.on .toggle-knob{left:20px}.filter-campaign-name{margin-top:8px;font-size:12px;color:#6b7280}.filter-campaign-name strong{color:#374151}.adset-item-campaign{margin-top:4px;font-size:11px;color:#9ca3af}.create-adset-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-adset-modal{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:createAdsetSlideIn .2s ease-out}@keyframes createAdsetSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-adset-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.create-adset-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.create-adset-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-adset-close:hover{background:#f3f4f6;color:#111827}.create-adset-close:disabled{opacity:.5;cursor:not-allowed}.create-adset-form{flex:1;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:20px}.create-adset-form{scrollbar-width:none;-ms-overflow-style:none}.create-adset-form::-webkit-scrollbar{display:none}.create-adset-error,.create-adset-warning{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px;font-size:13px}.create-adset-error{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.create-adset-warning{background:#fef3c7;border:1px solid #FCD34D;color:#d97706}.create-adset-info{display:flex;align-items:center;gap:8px;padding:12px 14px;border-radius:8px;font-size:13px;background:#eef2ff;border:1px solid #C7D2FE;color:#4338ca}.form-section{margin-bottom:0;padding:20px;background:#fafafa;border-radius:12px;border:1px solid #e5e7eb}.section-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;margin:0 0 20px;color:#111827}.section-title svg{color:#3434ef}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}.form-group{display:flex;flex-direction:column;margin-bottom:16px}.form-grid .form-group{margin-bottom:0}.form-group label{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;color:#374151}.form-group label svg{color:#6b7280}.required{color:#ef4444}.label-info{color:#9ca3af;cursor:help;font-size:12px}.form-group input[type=number],.form-group input[type=text]{width:100%;padding:12px 14px;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.form-group input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-group input::-moz-placeholder{color:#9ca3af}.form-group input::placeholder{color:#9ca3af}.form-group input:disabled{background:#f9fafb;cursor:not-allowed}.form-group select{width:100%;padding:12px 40px 12px 14px;border:1px solid #e5e7eb;border-radius:10px;background-color:#fff;font-size:14px;color:#111827;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:all .2s ease}.form-group select:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-group select:hover:not(:disabled){border-color:#c7c7c7}.form-group select:disabled{background-color:#f9fafb;cursor:not-allowed}.form-hint{font-size:12px;color:#6b7280;line-height:1.4;margin-top:4px}.form-hint.error{color:#dc2626}.budget-info{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#eff6ff,#f0f9ff);border:1px solid #bfdbfe;border-radius:10px;color:#1e40af;font-size:14px;font-weight:500}.budget-info svg{flex-shrink:0}.country-chips{display:flex;flex-wrap:wrap;gap:8px}.country-chip{padding:6px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:20px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.country-chip:hover{border-color:#3434ef;color:#3434ef}.country-chip.selected{background:#3434ef;border-color:#3434ef;color:#fff}.country-chip:disabled{opacity:.5;cursor:not-allowed}.age-range-inputs{display:flex;align-items:center;gap:12px}.age-input-group{display:flex;flex-direction:column;gap:4px}.age-input-group label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;margin-bottom:0}.age-input{width:80px;text-align:center;padding:10px 12px!important}.age-separator{font-size:13px;color:#6b7280;margin-top:20px}.loading-text{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;padding:10px 0}.loading-text .spinning,.spinning{animation:spin 1s linear infinite}.collapse-toggle{background:none;border:none;color:#3434ef;cursor:pointer;font-size:14px;font-weight:500;padding:8px 0;display:flex;align-items:center;gap:6px;transition:color .2s ease}.collapse-toggle:hover{color:#2020c0}.toggle-arrow{transition:transform .2s ease}.toggle-arrow.open{transform:rotate(180deg)}.attribution-settings{margin-top:16px;padding:20px;background:#fff;border:1px solid #e5e7eb;border-radius:10px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.attribution-settings .form-group{margin-bottom:0}.attribution-settings .form-group label{font-size:13px}.modal-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 0 0;border-top:1px solid #e5e7eb;margin-top:auto}.btn-secondary{padding:10px 20px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}@media (max-width: 768px){.form-grid,.attribution-settings{grid-template-columns:1fr}.create-adset-modal{max-width:100%;margin:10px}}.autocomplete-container{position:relative}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-input-wrapper .search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.search-input-wrapper .input-loader{position:absolute;right:12px;color:#9ca3af}.search-input-wrapper input{width:100%;padding:12px 40px!important;border:1px solid #e5e7eb;border-radius:10px;font-size:14px;color:#111827;background:#fff;transition:all .2s ease}.search-input-wrapper input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.autocomplete-dropdown{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 25px #0000001a;max-height:200px;overflow-y:auto;z-index:100;margin-top:4px}.autocomplete-item{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;transition:background .15s ease}.autocomplete-item:hover{background:#f3f4f6}.autocomplete-item-name{font-size:14px;color:#111827}.autocomplete-item-type{font-size:11px;color:#9ca3af;text-transform:uppercase;padding:2px 6px;background:#f3f4f6;border-radius:4px;margin-left:auto}.autocomplete-empty{padding:16px;text-align:center;color:#9ca3af;font-size:13px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{display:flex;align-items:center;gap:6px;padding:6px 10px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:20px;font-size:13px;color:#3434ef;font-weight:500}.tag.include{background:#d1fae5;border-color:#6ee7b7;color:#059669}.tag.exclude{background:#fee2e2;border-color:#fecaca;color:#dc2626}.tag button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:inherit;opacity:.7;transition:opacity .15s ease}.tag button:hover{opacity:1}.age-dropdowns{display:flex;align-items:center;gap:12px}.age-dropdown-group{display:flex;flex-direction:column;gap:6px;flex:1}.age-dropdown-group label{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase;margin-bottom:0!important}.age-dropdown-group select{padding:10px 14px}.age-separator-text{font-size:13px;color:#6b7280;margin-top:24px}.gender-selector{display:flex;background:#f3f4f6;border-radius:10px;padding:4px;gap:4px}.gender-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.gender-btn:hover{color:#374151}.gender-btn.active{background:#fff;color:#3434ef;box-shadow:0 1px 3px #0000001a}.audience-tabs{display:flex;gap:0;background:#f3f4f6;border-radius:8px;padding:4px;margin-bottom:12px}.audience-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;background:transparent;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.audience-tab:hover{color:#374151}.audience-tab.active{background:#fff;box-shadow:0 1px 3px #0000001a}.audience-tab.active.include{color:#059669}.audience-tab.active.exclude{color:#dc2626}.targeting-types{display:flex;flex-direction:column;gap:12px;margin-top:12px}.targeting-type{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:12px}.targeting-type-header{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;margin-bottom:8px}.targeting-type-header svg{color:#9ca3af}.targeting-group{display:flex;flex-wrap:wrap;gap:6px}.targeting-badge{display:flex;align-items:center;gap:4px;padding:4px 10px;background:#f3f4f6;border-radius:16px;font-size:12px;color:#374151}.targeting-badge button{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:0;color:#9ca3af;transition:color .15s ease}.targeting-badge button:hover{color:#dc2626}.targeting-empty{font-size:13px;color:#9ca3af;font-style:italic}.tag-label{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;padding-right:4px}.tag.interest{background:#fef3c7;border-color:#fcd34d;color:#92400e}.tag.behavior{background:#dbeafe;border-color:#93c5fd;color:#1e40af}.tag.demographic{background:#fce7f3;border-color:#f9a8d4;color:#9d174d}.tag-type{font-size:9px;font-weight:600;text-transform:uppercase;opacity:.7;margin-right:2px}.targeting-dropdown{max-height:300px}.targeting-dropdown .targeting-group{padding:0}.targeting-group-header{font-size:11px;font-weight:600;color:#6b7280;text-transform:uppercase;padding:10px 14px 6px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.targeting-type{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;margin-right:8px;flex-shrink:0}.targeting-type.interest{background:#fef3c7;color:#92400e}.targeting-type.behavior{background:#dbeafe;color:#1e40af}.targeting-type.demographic{background:#fce7f3;color:#9d174d}.audience-item-info{display:flex;flex-direction:column;gap:2px}.audience-size{font-size:11px;color:#9ca3af}.include-tags,.exclude-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.instant-form-info{display:flex;align-items:center;gap:10px;padding:14px 16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #C7D2FE;border-radius:10px;font-size:13px;color:#4338ca;margin-top:8px}.instant-form-info svg{flex-shrink:0;color:#6366f1}.ad-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.ad-modal{background:#fff;border-radius:16px;width:100%;max-width:560px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0003}.ad-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.ad-modal-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.ad-modal-count{display:block;font-size:13px;font-weight:400;color:#6b7280;margin-top:2px}.ad-modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;border-radius:8px;color:#6b7280;transition:all .2s}.ad-modal-close:hover{background:#f3f4f6;color:#111827}.ad-modal-search{position:relative;padding:16px 24px;border-bottom:1px solid #e5e7eb}.ad-modal-search .search-icon{position:absolute;left:40px;top:50%;transform:translateY(-50%);color:#9ca3af}.ad-modal-search input{width:100%;padding:12px 16px 12px 44px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:all .2s}.ad-modal-search input:focus{background:#fff;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.ad-modal-search input::-moz-placeholder{color:#9ca3af}.ad-modal-search input::placeholder{color:#9ca3af}.ad-modal-error-banner{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fef2f2;border-bottom:1px solid #fee2e2;color:#dc2626;font-size:14px}.ad-modal-list{flex:1;overflow-y:auto;padding:8px}.ad-modal-loading,.ad-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;font-size:14px}.ad-modal-loading .spinning{animation:spin 1s linear infinite;margin-bottom:12px}.ad-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;cursor:pointer;transition:all .15s}.ad-item:hover{background:#f9fafb}.ad-item.selected{background:#eef2ff}.ad-item-preview{width:48px;height:48px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#f3f4f6}.ad-item-preview img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ad-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af}.ad-item-main{flex:1;min-width:0}.ad-item-name{font-size:14px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.ad-item-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ad-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;text-transform:uppercase}.ad-status.status-active{background:#d1fae5;color:#059669}.ad-status.status-paused{background:#f3f4f6;color:#6b7280}.ad-status.status-archived{background:#fee2e2;color:#dc2626}.ad-creative-id{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}.badge-partnership{display:inline-flex;align-items:center;padding:2px 8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.03em}.ad-item-check{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#3434ef;border-radius:50%;color:#fff;flex-shrink:0}.ad-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb}.ad-modal-footer .btn-cancel{padding:10px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s}.ad-modal-footer .btn-cancel:hover{background:#f9fafb;border-color:#d1d5db}.ad-modal-footer .btn-confirm{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.ad-modal-footer .btn-confirm:hover{background:#2828d0}.ad-modal-footer .btn-confirm:disabled{background:#9ca3af;cursor:not-allowed}.ad-modal-filter{padding:8px 24px;border-bottom:1px solid #E5E7EB}.ad-filter-row{display:flex;align-items:center;gap:8px}.ad-filter-row .filter-icon{font-size:13px;color:#6b7280;flex-shrink:0}.ad-filter-row select{flex:1;padding:8px 12px;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#334155;background:#fff;cursor:pointer;outline:none;transition:border-color .15s}.ad-filter-row select:focus{border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}@media (max-width: 640px){.ad-modal{max-height:100vh;border-radius:0}}.create-ad-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.create-ad-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:createAdSlideIn .2s ease-out}.create-ad-modal.large{max-width:700px}@keyframes createAdSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.create-ad-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.create-ad-header h2{font-size:18px;font-weight:600;color:#111827;margin:0}.create-ad-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.create-ad-close:hover{background:#f3f4f6;color:#111827}.create-ad-body{flex:1;overflow-y:auto;padding:24px}.create-ad-body::-webkit-scrollbar{width:6px}.create-ad-body::-webkit-scrollbar-track{background:transparent}.create-ad-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.create-ad-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.create-ad-error{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:13px;margin-bottom:20px}.create-ad-error button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:18px;padding:0;line-height:1}.form-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E5E7EB}.form-section.last{border-bottom:none;margin-bottom:0;padding-bottom:0}.section-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.form-group .required{color:#ef4444}.form-group .text-count{color:#9ca3af;font-weight:400;font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#fff;transition:all .15s ease;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.form-group input::-moz-placeholder,.form-group textarea::-moz-placeholder{color:#9ca3af}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-group textarea{resize:vertical;min-height:60px}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-hint{display:block;font-size:12px;color:#6b7280;margin-top:4px}.loading-field{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#6b7280}.loading-field .spinning{animation:spin 1s linear infinite}.toggle-group{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.toggle-group>div:first-child{flex:1}.toggle-group label{margin-bottom:2px}.toggle-group .form-hint{margin-top:2px}.toggle{width:44px;height:24px;background:#d1d5db;border-radius:12px;cursor:pointer;position:relative;transition:background .2s ease;flex-shrink:0}.toggle.active{background:#3434ef}.toggle-slider{width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.toggle.active .toggle-slider{transform:translate(20px)}.variations-warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fffbeb;border:1px solid #FDE68A;border-radius:10px;margin-bottom:16px;font-size:13px;color:#92400e;line-height:1.4}.variations-warning>svg{flex-shrink:0;margin-top:1px}.variations-warning-text{flex:1;display:flex;flex-direction:column;gap:2px}.variations-warning-text strong{font-weight:600}.variations-warning-text span{color:#a16207}.variations-warning-text svg{display:inline;vertical-align:-2px;margin:0 2px}.variations-warning-close{background:none;border:none;color:#a16207;cursor:pointer;padding:2px;flex-shrink:0;border-radius:4px;display:flex;align-items:center;justify-content:center}.variations-warning-close:hover{background:#92400e1a}.multi-input-row{display:flex;gap:8px;margin-bottom:8px}.multi-input-row:last-of-type{margin-bottom:0}.multi-input-row input,.multi-input-row textarea{flex:1}.btn-remove{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fee2e2;color:#dc2626;border-radius:8px;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-remove:hover{background:#fecaca}.multi-input-row textarea+.btn-remove{height:auto;min-height:60px;align-self:stretch}.btn-add{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 14px;margin-top:8px;background:none;border:1px dashed #D1D5DB;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-add:hover{border-color:#3434ef;color:#3434ef;background:#3434ef05}.btn-edit-destinations{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;color:#374151;font-size:14px;cursor:pointer;transition:all .15s ease}.btn-edit-destinations:hover{background:#f3f4f6;border-color:#d1d5db}.btn-edit-destinations span{flex:1;text-align:left}.btn-edit-destinations .rotated{transform:rotate(180deg)}.personalized-destinations{margin-top:12px;padding:16px;background:#f9fafb;border-radius:8px;display:flex;flex-direction:column;gap:16px}.create-ad-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #E5E7EB;flex-shrink:0}.footer-actions{display:flex;gap:12px}.btn-secondary{padding:10px 20px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#374151;font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 24px;border:none;background:#3434ef;color:#fff;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s ease}.btn-primary:hover:not(:disabled){background:#2828d0}.btn-primary:disabled{background:#d1d5db;cursor:not-allowed}.advantage-header{display:flex;justify-content:space-between;align-items:center}.btn-edit{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#f3f4f6;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .15s ease}.btn-edit:hover{background:#e5e7eb;border-color:#d1d5db}.advantage-summary{font-size:12px;color:#6b7280;margin-top:4px}.sub-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1100;padding:20px}.sub-modal{background:#fff;border-radius:12px;width:100%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:createAdSlideIn .2s ease-out}.sub-modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #E5E7EB;flex-shrink:0}.sub-modal-header h3{font-size:16px;font-weight:600;color:#111827;margin:0}.sub-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:transparent;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .15s ease}.sub-modal-close:hover{background:#f3f4f6;color:#111827}.sub-modal-body{flex:1;overflow-y:auto;padding:20px}.sub-modal-body::-webkit-scrollbar{width:6px}.sub-modal-body::-webkit-scrollbar-track{background:transparent}.sub-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.enhancement-section{margin-bottom:24px}.enhancement-section:last-child{margin-bottom:0}.enhancement-section h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #F3F4F6}.toggle-row:last-child{border-bottom:none}.toggle-row span{font-size:14px;color:#374151}.sub-modal-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-top:1px solid #E5E7EB;flex-shrink:0}.btn-reset{padding:8px 16px;background:none;border:1px solid #E5E7EB;border-radius:6px;font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .15s ease}.btn-reset:hover{background:#f9fafb;border-color:#d1d5db}.btn-done{padding:8px 20px;background:#3434ef;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .15s ease}.btn-done:hover{background:#2828d0}.field-description{font-size:13px;color:#6b7280;margin:4px 0 0;line-height:1.5}.toggle-with-label-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.toggle-with-label{display:flex;align-items:center;gap:8px;flex-shrink:0}.toggle-with-label>span{font-size:13px;color:#6b7280;min-width:24px}.partnership-options{margin-top:16px}.subsection-label{font-size:14px;font-weight:500;color:#374151;margin:0 0 12px}.option-card{padding:14px 16px;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;margin-bottom:8px;font-size:14px;color:#374151;transition:all .15s ease}.option-card:hover{border-color:#3434ef}.option-card.selected{border-color:#3434ef;background:#3434ef0d}.partnership-identities{margin-top:8px}.identity-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:8px}.identity-number{width:24px;height:24px;background:#f3f4f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#374151;flex-shrink:0}.identity-info{flex:1;display:flex;align-items:center;gap:10px}.identity-details{display:flex;flex-direction:column;gap:2px}.page-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.page-name{font-size:14px;font-weight:500;color:#111827}.instagram-handle{font-size:13px;color:#6b7280}.no-selection{color:#9ca3af;font-size:14px}.warning-message{padding:12px 14px;border-radius:8px;font-size:14px;margin-top:12px}.warning-message.red{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.partnership-config{margin-top:16px;padding:16px;background:#f9fafb;border-radius:10px;display:flex;flex-direction:column;gap:20px}.partnership-config .form-group{margin-bottom:0}.partnership-config label{font-size:14px;font-weight:500;color:#374151;margin-bottom:10px;display:block}.radio-group{display:flex;flex-direction:column;gap:8px}.radio-option{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .15s ease}.radio-option:hover{border-color:#d1d5db}.radio-option:has(input:checked){border-color:#3434ef;background:#3434ef05}.radio-option input[type=radio]{width:18px;height:18px;margin:0;flex-shrink:0;cursor:pointer;accent-color:#3434EF}.radio-option>div{display:flex;flex-direction:column;gap:2px}.radio-label{font-size:14px;font-weight:500;color:#111827}.radio-desc{font-size:12px;color:#6b7280;line-height:1.4}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid #E5E7EB;border-radius:6px;background:#fff;color:#6b7280;cursor:pointer;transition:all .15s ease;flex-shrink:0}.btn-icon:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.sub-modal.large{max-width:900px}.partnership-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:24px;min-height:400px}.partnership-input-section{padding-right:24px;border-right:1px solid #E5E7EB}.info-text{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.6}.partnership-input{width:100%;padding:12px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.partnership-input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.partnership-input::-moz-placeholder{color:#9ca3af}.partnership-input::placeholder{color:#9ca3af}.partnership-preview-section h4{font-size:14px;font-weight:600;color:#111827;margin:0 0 12px}.preview-placement{width:100%;padding:10px 40px 10px 14px;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;background:#fff;cursor:pointer;margin-bottom:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.preview-placeholder{background:#f3f4f6;border:2px dashed #D1D5DB;border-radius:8px;height:300px;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:14px}.page-dropdown-container{position:relative}.page-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .15s ease;text-align:left}.page-dropdown-trigger:hover{border-color:#d1d5db}.page-dropdown-trigger.open{border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.page-dropdown-selected{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.page-dropdown-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.page-dropdown-avatar-fallback{width:28px;height:28px;border-radius:50%;background:#3434ef;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-dropdown-name{font-size:14px;font-weight:500;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-dropdown-placeholder{font-size:14px;color:#9ca3af}.page-dropdown-chevron{color:#6b7280;flex-shrink:0;transition:transform .2s ease}.page-dropdown-chevron.rotated{transform:rotate(180deg)}.page-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid #E5E7EB;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;z-index:100;overflow:hidden;animation:pageDropdownSlideIn .15s ease-out}@keyframes pageDropdownSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.page-dropdown-search{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid #E5E7EB}.page-dropdown-search svg{color:#9ca3af;flex-shrink:0}.page-dropdown-search input{flex:1;border:none;outline:none;font-size:13px;color:#111827;background:transparent}.page-dropdown-search input::-moz-placeholder{color:#9ca3af}.page-dropdown-search input::placeholder{color:#9ca3af}.page-dropdown-list{max-height:280px;overflow-y:auto}.page-dropdown-list::-webkit-scrollbar{width:6px}.page-dropdown-list::-webkit-scrollbar-track{background:transparent}.page-dropdown-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.page-dropdown-empty{padding:24px;text-align:center;font-size:13px;color:#6b7280}.page-dropdown-group{border-bottom:1px solid #F3F4F6}.page-dropdown-group:last-child{border-bottom:none}.page-dropdown-group-header{padding:10px 12px 6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;background:#f9fafb}.page-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background .1s ease}.page-dropdown-item:hover{background:#f3f4f6}.page-dropdown-item.selected{background:#3434ef0d}.page-dropdown-item-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.page-dropdown-item-avatar-fallback{width:28px;height:28px;border-radius:50%;background:#e5e7eb;color:#374151;font-size:11px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.page-dropdown-avatar-fallback.instagram-gradient,.page-dropdown-item-avatar-fallback.instagram-gradient{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff}.badge-ig-only{display:inline-flex;align-items:center;margin-left:6px;padding:2px 6px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;font-size:10px;font-weight:600;border-radius:4px;text-transform:uppercase;letter-spacing:.02em}.page-dropdown-item-name{flex:1;font-size:14px;color:#111827;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-dropdown-check{color:#3434ef;flex-shrink:0}.page-whitelist-warning{display:flex;align-items:flex-start;gap:8px;margin-top:8px;padding:10px 12px;background:#fffbeb;border:1px solid #FDE68A;border-radius:8px;font-size:12px;color:#92400e;line-height:1.4}.page-whitelist-warning svg{flex-shrink:0;margin-top:1px}.linked-account{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;font-size:14px}.linked-account>span:first-child{font-weight:500;color:#166534}.linked-badge{font-size:12px;color:#15803d;background:#dcfce7;padding:2px 8px;border-radius:4px;flex-shrink:0}.linked-account.instagram-linked{gap:12px}.instagram-account-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.instagram-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.instagram-avatar-fallback{width:28px;height:28px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.instagram-username{font-weight:500;color:#166534;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-account.threads-linked{gap:12px}.threads-account-info{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.threads-avatar{width:28px;height:28px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.threads-avatar-fallback{width:28px;height:28px;border-radius:50%;background:#000;color:#fff;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}.threads-username{font-weight:500;color:#166534;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-account{padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;color:#6b7280}@media (max-width: 640px){.create-ad-modal{max-height:100vh;border-radius:0}.create-ad-modal.large{max-width:100%}.toggle-group{flex-direction:column;align-items:flex-start;gap:8px}.toggle-group>div:first-child{width:100%}.create-ad-footer{flex-direction:column;gap:12px}.footer-actions{width:100%;flex-direction:column}.footer-actions .btn-secondary,.footer-actions .btn-primary{width:100%;justify-content:center}.create-ad-footer>.btn-secondary{width:100%}.sub-modal.large{max-width:100%;max-height:100vh;border-radius:0}.partnership-modal-content{grid-template-columns:1fr;gap:16px}.partnership-input-section{padding-right:0;border-right:none;border-bottom:1px solid #E5E7EB;padding-bottom:16px}.toggle-with-label{margin-top:8px}}.form-value-display{display:flex;align-items:center;padding:10px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#374151;min-height:42px}.no-forms-message{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef3c7;border:1px solid #FCD34D;border-radius:8px;font-size:13px;color:#92400e}.no-forms-message svg{flex-shrink:0;color:#d97706}.configure-testing-page .configure-main{padding:24px 32px;overflow-y:auto}.configure-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}.configure-column{display:flex;flex-direction:column;gap:20px}.configure-section{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:20px;overflow:hidden}.section-title{font-size:15px;font-weight:600;color:#111827;margin:0;margin-bottom:16px!important;padding-bottom:0}.option-buttons{display:flex;gap:10px}.option-buttons.two-options .option-btn,.option-buttons.three-options .option-btn{flex:1}.option-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .15s ease}.option-btn:hover{background:#f3f4f6;border-color:#d1d5db}.option-btn.selected{background:#eef2ff;border-color:#3434ef}.option-btn svg{color:#6b7280;transition:color .15s ease}.option-btn.selected svg{color:#3434ef}.option-btn span{font-size:12px;font-weight:500;color:#374151;text-align:center;line-height:1.3}.option-btn.selected span{color:#3434ef}.option-btn.disabled,.option-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.test-structure-grid{display:flex;flex-direction:column;gap:10px}.structure-card{position:relative;padding:20px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;cursor:pointer;transition:all .15s ease}.structure-card:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.structure-card.selected{background:#3434ef;border-color:#3434ef}.structure-card.disabled{opacity:.5;cursor:not-allowed}.structure-card.disabled:hover{transform:none;box-shadow:0 2px 8px #0000000f}.disabled-hint{display:block;font-size:11px;color:#f59e0b;margin-top:8px;font-style:italic}.structure-card-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 6px}.structure-card.selected .structure-card-title{color:#fff}.structure-card-desc{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.structure-card.selected .structure-card-desc{color:#fffc}.budget-fields{display:flex;flex-direction:column;gap:16px}.budget-field{display:flex;flex-direction:column;gap:8px}.budget-field label{font-size:13px;font-weight:500;color:#374151}.budget-input-wrapper,.date-input-wrapper,.time-input-wrapper{position:relative}.budget-input-wrapper input,.date-input-wrapper input,.time-input-wrapper input{width:100%;padding:12px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:border-color .15s ease}.budget-input-wrapper input:focus,.date-input-wrapper input:focus,.time-input-wrapper input:focus{border-color:#3434ef}.budget-input-wrapper input::-moz-placeholder{color:#9ca3af}.budget-input-wrapper input::placeholder{color:#9ca3af}.budget-input-wrapper.disabled input,.date-input-wrapper.disabled input,.time-input-wrapper.disabled input{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.budget-input-wrapper.disabled input::-moz-placeholder,.date-input-wrapper.disabled input::-moz-placeholder,.time-input-wrapper.disabled input::-moz-placeholder{color:#9ca3af}.budget-input-wrapper.disabled input::placeholder,.date-input-wrapper.disabled input::placeholder,.time-input-wrapper.disabled input::placeholder{color:#9ca3af}.info-box.cbo-notice{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:8px;font-size:13px;color:#1d4ed8;margin-bottom:16px}.info-box.cbo-notice .info-icon{font-size:16px}.no-scheduling-message{display:flex;align-items:center;gap:10px;padding:16px 18px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;font-size:14px;font-weight:500;color:#166534}.no-scheduling-message .info-icon{font-size:18px}.launch-status-section{margin-top:20px;padding-top:20px;border-top:1px solid #E5E7EB}.launch-status-section .section-label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:12px}.status-options{display:flex;gap:12px}.status-option{flex:1;display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#fff;border:2px solid #E5E7EB;border-radius:10px;cursor:pointer;transition:all .15s ease}.status-option:hover{border-color:#d1d5db;background:#f9fafb}.status-option.selected.paused{border-color:#3434ef;background:#3434ef0d}.status-option.selected.active{border-color:#22c55e;background:#22c55e0d}.status-option .status-icon{font-size:20px;line-height:1;flex-shrink:0}.status-option .status-content{display:flex;flex-direction:column;gap:2px}.status-option .status-title{font-size:14px;font-weight:600;color:#111827}.status-option.selected.paused .status-title{color:#3434ef}.status-option.selected.active .status-title{color:#16a34a}.status-option .status-desc{font-size:12px;color:#6b7280;line-height:1.4}.selected-entity{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:12px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;width:100%;max-width:100%;overflow:hidden}.selected-entity-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0;max-width:calc(100% - 120px);overflow:hidden}.selected-entity-label{font-size:12px;color:#6b7280;flex-shrink:0}.selected-entity-name{display:block;max-width:400px;font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-entity-status{font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;flex-shrink:0}.selected-entity-status.active{background:#d1fae5;color:#059669}.selected-entity-status.paused{background:#f3f4f6;color:#6b7280}.selected-entity-change{font-size:12px;font-weight:500;color:#3434ef;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s ease;flex-shrink:0}.selected-entity-change:hover{background:#eef2ff}.entity-warning{display:flex;align-items:center;margin-top:12px;padding:10px 14px;background:#fef3c7;border:1px solid #FCD34D;border-radius:8px;font-size:12px;color:#92400e}.all-in-one-name-input{margin-top:16px;padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:10px}.all-in-one-name-input label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:8px}.all-in-one-name-input label .required{color:#ef4444}.all-in-one-name-input input{width:100%;padding:10px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;transition:all .15s ease}.all-in-one-name-input input:focus{outline:none;border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.all-in-one-name-input input::-moz-placeholder{color:#9ca3af}.all-in-one-name-input input::placeholder{color:#9ca3af}.all-in-one-name-input.has-error input{border-color:#dc2626;background:#fef2f2}.all-in-one-name-input.has-error input:focus{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261a}.field-error{display:block;font-size:12px;color:#dc2626;margin-top:6px;font-weight:500}.template-selector{margin-top:16px;display:flex;flex-direction:column;gap:8px}.template-selector label{font-size:13px;font-weight:500;color:#374151}.template-selector select{width:100%;padding:12px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;outline:none;cursor:pointer;transition:border-color .15s ease}.template-selector select:focus{border-color:#3434ef}.loading-templates{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#6b7280}.loading-templates .spinning{animation:spin 1s linear infinite}.no-templates{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#6b7280}.create-template-link{background:none;border:none;color:#3434ef;font-size:13px;font-weight:500;cursor:pointer;padding:0}.create-template-link:hover{text-decoration:underline}.selected-entity-badge{font-size:11px;font-weight:500;padding:2px 8px;background:#eef2ff;color:#3434ef;border-radius:4px;flex-shrink:0}.selected-entity-badge.products{background:#fff7ed;color:#ea580c}.ad-option-info{margin-top:16px}.info-box{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;border-radius:8px}.info-box.coming-soon{background:#fef3c7;border:1px solid #FCD34D}.info-box.success{background:#d1fae5;border:1px solid #6EE7B7}.info-box .info-icon{font-size:18px;flex-shrink:0}.info-box .info-content{flex:1}.info-box .info-content strong{display:block;font-size:13px;font-weight:600;color:#111827;margin-bottom:2px}.info-box .info-content p{font-size:12px;color:#6b7280;margin:0;line-height:1.4}.info-box.coming-soon .info-content strong{color:#92400e}.info-box.coming-soon .info-content p{color:#a16207}.info-box.success .info-content strong{color:#065f46}.info-box.success .info-content p{color:#047857}.create-ad-form{margin-top:16px;display:flex;flex-direction:column;gap:12px}.create-ad-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.create-ad-form .form-group{display:flex;flex-direction:column;gap:6px}.create-ad-form label{font-size:13px;font-weight:500;color:#374151}.create-ad-form label .required{color:#dc2626}.create-ad-form input,.create-ad-form select,.create-ad-form textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;color:#111827;outline:none;transition:border-color .15s ease}.create-ad-form input:focus,.create-ad-form select:focus,.create-ad-form textarea:focus{border-color:#3434ef}.create-ad-form input::-moz-placeholder,.create-ad-form textarea::-moz-placeholder{color:#9ca3af}.create-ad-form input::placeholder,.create-ad-form textarea::placeholder{color:#9ca3af}.create-ad-form textarea{resize:vertical;min-height:80px}@media (max-width: 900px){.configure-grid{grid-template-columns:1fr}.option-buttons.three-options{flex-direction:column}.option-buttons.three-options .option-btn{flex-direction:row;justify-content:flex-start;padding:12px 16px}.create-ad-form .form-row{grid-template-columns:1fr}}.csp-container{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.csp-campaign-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f9fafb;border-bottom:1px solid #E5E7EB}.csp-campaign-icon{width:36px;height:36px;border-radius:8px;background:#eef2ff;color:#3434ef;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csp-campaign-info{display:flex;flex-direction:column;flex:1;min-width:0}.csp-campaign-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:uppercase;letter-spacing:.03em}.csp-campaign-name{font-size:15px;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-status-dot{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.csp-status-dot:before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0}.csp-status-dot.active{background:#ecfdf5;color:#059669}.csp-status-dot.active:before{background:#10b981}.csp-status-dot.paused{background:#fef3c7;color:#d97706}.csp-status-dot.paused:before{background:#f59e0b}.csp-status-dot.draft{background:#f3f4f6;color:#6b7280}.csp-status-dot.draft:before{background:#9ca3af}.csp-adsets-container{display:flex;flex-direction:column}.csp-adset{border-bottom:1px solid #E5E7EB}.csp-adset:last-child{border-bottom:none}.csp-adset-header{display:flex;align-items:center;gap:8px;padding:12px 20px;cursor:pointer;transition:background .15s ease}.csp-adset-header:hover{background:#f9fafb}.csp-adset-toggle{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.csp-adset-icon{width:28px;height:28px;border-radius:6px;background:#f3f4f6;color:#6b7280;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csp-adset-info{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.csp-adset-name{font-size:13px;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-adset-budget{font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:4px;flex-shrink:0}.csp-adset-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.csp-ad-count{font-size:12px;color:#6b7280}.csp-existing-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#e5e7eb;color:#6b7280}.csp-new-badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#dbeafe;color:#2563eb}.csp-ads-container{padding:4px 20px 12px 60px;display:flex;flex-direction:column;gap:6px}.csp-ad{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f9fafb;border-radius:6px;transition:background .15s ease}.csp-ad:hover{background:#f3f4f6}.csp-ad-icon{width:24px;height:24px;border-radius:4px;background:#fff;border:1px solid #E5E7EB;color:#9ca3af;display:flex;align-items:center;justify-content:center;flex-shrink:0}.csp-ad-name{font-size:12px;font-weight:400;color:#6b7280;min-width:120px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-ad-creatives{display:flex;gap:6px;flex:1;min-width:0}.csp-creative-thumb{position:relative;width:40px;height:40px;border-radius:6px;overflow:hidden;border:1px solid #E5E7EB;background:#f9fafb;flex-shrink:0}.csp-creative-thumb img,.csp-creative-thumb video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.csp-creative-thumb__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f3f4f6;color:#9ca3af}.csp-creative-thumb__format{position:absolute;bottom:1px;left:1px;right:1px;font-size:8px;font-weight:600;background:#000000bf;color:#fff;padding:1px 3px;border-radius:2px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.csp-format-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;background:#eef2ff;color:#3434ef;flex-shrink:0}.csp-summary{padding:12px 20px;background:#f9fafb;border-top:1px solid #E5E7EB}.csp-summary p{margin:0;font-size:13px;color:#6b7280}.csp-summary strong{color:#111827;font-weight:600}.csp-empty{padding:40px 20px;text-align:center}.csp-empty p{margin:0;font-size:14px;color:#9ca3af}@media (max-width: 768px){.csp-campaign-header{padding:12px 16px}.csp-adset-header{padding:10px 16px}.csp-ads-container{padding-left:48px;padding-right:16px}.csp-adset-info{flex-direction:column;align-items:flex-start;gap:4px}.csp-adset-meta{flex-wrap:wrap}}.city-duplication-section{margin-top:0}.city-duplication-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.city-duplication-title{display:flex;align-items:center;gap:8px}.city-duplication-title h2.section-title{margin:0;font-size:14px;font-weight:600;color:#111827}.city-duplication-title svg{color:#3434ef}.city-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:4px}.city-toggle-track{width:36px;height:20px;background:#e5e7eb;border-radius:10px;position:relative;transition:background .2s ease}.city-toggle.on .city-toggle-track{background:#3434ef}.city-toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.city-toggle.on .city-toggle-thumb{transform:translate(16px)}.city-toggle-label{font-size:12px;color:#6b7280;min-width:24px}.city-duplication-content{display:flex;flex-direction:column;gap:16px}.city-default-radius{display:flex;align-items:center;gap:12px}.city-default-radius label{font-size:13px;color:#6b7280}.radius-input-wrapper{display:flex;align-items:center;gap:4px;background:#fff;border:1px solid #E5E7EB;border-radius:6px;padding:4px 8px}.radius-input-wrapper input{width:50px;background:transparent;border:none;color:#111827;font-size:13px;text-align:right;outline:none}.radius-input-wrapper input::-webkit-inner-spin-button,.radius-input-wrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.radius-unit{font-size:12px;color:#6b7280}.city-bulk-input{display:flex;flex-direction:column;gap:12px}.city-bulk-input textarea{width:100%;min-height:160px;padding:12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;color:#111827;font-size:13px;font-family:inherit;resize:vertical;outline:none;transition:border-color .15s ease}.city-bulk-input textarea:focus{border-color:#3434ef}.city-bulk-input textarea::-moz-placeholder{color:#9ca3af}.city-bulk-input textarea::placeholder{color:#9ca3af}.city-bulk-input textarea:disabled{opacity:.6;cursor:not-allowed}.city-apply-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.city-apply-btn:hover:not(:disabled){background:#2828d0}.city-apply-btn:disabled{opacity:.5;cursor:not-allowed}.city-not-found-list{background:#fef2f2;border:1px solid #FECACA;border-radius:8px;padding:12px}.city-not-found-header{display:flex;align-items:center;gap:6px;color:#dc2626;font-size:13px;font-weight:500;margin-bottom:8px}.city-not-found-item{font-size:12px;color:#991b1b;padding:4px 0 4px 20px}.city-list{display:flex;flex-direction:column;gap:8px}.city-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.city-list-header>span{font-size:13px;color:#6b7280;font-weight:500}.city-edit-btn{display:flex;align-items:center;gap:4px;padding:4px 8px;background:transparent;border:1px solid #E5E7EB;border-radius:6px;color:#6b7280;font-size:12px;cursor:pointer;transition:all .15s ease}.city-edit-btn:hover{background:#f3f4f6;border-color:#d1d5db;color:#374151}.city-item{background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:10px 12px}.city-item-main{display:flex;align-items:center;justify-content:space-between}.city-item-name{display:flex;align-items:center;gap:6px;color:#111827;font-size:13px;font-weight:500}.city-item-name svg{color:#3434ef}.city-item-controls{display:flex;align-items:center;gap:8px}.city-radius-input{display:flex;align-items:center;gap:4px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:4px;padding:3px 6px}.city-radius-input input{width:40px;background:transparent;border:none;color:#111827;font-size:12px;text-align:right;outline:none}.city-radius-input input::-webkit-inner-spin-button,.city-radius-input input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.city-radius-input span{font-size:11px;color:#6b7280}.city-remove-btn{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.city-remove-btn:hover{background:#fee2e2;color:#dc2626}.city-item-adset-preview{margin-top:6px;font-size:11px;color:#9ca3af;padding-left:20px}.city-item-text-preview{margin-top:8px;padding:8px;background:#f9fafb;border-radius:6px;font-size:11px}.preview-line{display:flex;gap:8px;margin-bottom:4px}.preview-line:last-child{margin-bottom:0}.preview-label{color:#9ca3af;min-width:70px}.preview-text{color:#6b7280}.city-search-wrapper{position:relative}.city-search-input{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:10px 12px;transition:border-color .15s ease}.city-search-input:focus-within{border-color:#3434ef}.city-search-input svg{color:#9ca3af;flex-shrink:0}.city-search-input input{flex:1;background:transparent;border:none;color:#111827;font-size:13px;outline:none}.city-search-input input::-moz-placeholder{color:#9ca3af}.city-search-input input::placeholder{color:#9ca3af}.city-search-input .spinning{animation:spin 1s linear infinite}.city-search-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:4px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;max-height:200px;overflow-y:auto;z-index:100;box-shadow:0 4px 12px #0000001a}.city-search-result{display:flex;align-items:center;gap:8px;padding:10px 12px;cursor:pointer;transition:background .15s ease}.city-search-result:hover{background:#f3f4f6}.city-search-result.already-added{opacity:.5;cursor:default}.city-search-result svg{color:#3434ef;flex-shrink:0}.result-name{color:#111827;font-size:13px}.result-region{color:#9ca3af;font-size:11px;margin-left:auto}.already-added-badge{font-size:10px;color:#3434ef;background:#3434ef1a;padding:2px 6px;border-radius:4px;margin-left:auto}.city-no-results{padding:16px;text-align:center;color:#9ca3af;font-size:13px}.city-placeholder-hint{font-size:11px;color:#6b7280;padding:8px 12px;background:#3434ef0d;border:1px solid rgba(52,52,239,.1);border-radius:6px}.city-placeholder-hint code{background:#f3f4f6;padding:2px 6px;border-radius:4px;color:#3434ef;font-family:monospace}.launch-progress-page{display:flex;flex-direction:column;height:100%;max-height:100%;padding:16px 20px;overflow:hidden!important;min-height:0!important}.launch-progress-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(135deg,#eef2ff,#e0e7ff);border:1px solid #C7D2FE;border-radius:10px;margin-bottom:12px;flex-shrink:0;flex-grow:0}.launch-progress-header--complete{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-color:#a7f3d0}.launch-progress-header--error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca}.launch-progress-header__left{display:flex;align-items:center;gap:12px}.launch-progress-header__left>svg{flex-shrink:0}.launch-progress-header__left .text-green{color:#059669}.launch-progress-header__left .text-red{color:#dc2626}.launch-progress-header__left .text-blue{color:#3434ef}.launch-progress-title{font-size:16px;font-weight:600;color:#111827;margin:0}.launch-progress-subtitle{font-size:12px;color:#6b7280;margin:2px 0 0}.launch-progress-header--complete .launch-progress-title{color:#065f46}.launch-progress-header--complete .launch-progress-subtitle{color:#047857}.launch-progress-header--error .launch-progress-title{color:#991b1b}.launch-progress-header--error .launch-progress-subtitle{color:#b91c1c}.launch-status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.launch-status-badge--active{background:#eef2ff;color:#3434ef}.launch-status-badge--success{background:#d1fae5;color:#059669}.launch-status-badge--error{background:#fee2e2;color:#dc2626}.launch-progress-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1;min-height:0!important;max-height:100%;overflow:hidden!important}.launch-quadrant{background:#fff!important;border:1px solid #E5E7EB!important;border-radius:10px;display:flex;flex-direction:column;overflow:hidden!important;min-height:0!important;height:100%;max-height:100%}.quadrant-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #F3F4F6!important;flex-shrink:0;flex-grow:0}.quadrant-header svg{color:#6b7280!important}.quadrant-header h3{font-size:12px;font-weight:600;color:#111827!important;margin:0;flex:1}.quadrant-count{font-size:10px;font-weight:500;color:#6b7280!important;background:#f3f4f6!important;padding:2px 8px;border-radius:10px}.quadrant-count-failed{color:#ef4444!important;font-weight:600}.quadrant-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 16px;background:#fff;min-height:0!important;max-height:100%}.quadrant-content--log{font-family:SF Mono,JetBrains Mono,Fira Code,Monaco,monospace;font-size:11px;flex:1 1 0!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important}.quadrant-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:12px}.info-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #F9FAFB!important;background:transparent}.info-row:last-child{border-bottom:none!important}.info-label{font-size:11px;color:#6b7280!important}.info-value{font-size:11px;font-weight:500;color:#111827!important;display:flex;align-items:center;gap:4px}.info-value svg{color:#9ca3af!important}.upload-progress-bar-wrapper{display:flex;align-items:center;gap:10px;margin-bottom:10px}.upload-progress-bar{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.upload-progress-bar__fill{height:100%;background:linear-gradient(90deg,#3434ef,#6366f1);border-radius:3px;transition:width .3s ease}.upload-progress-percent{font-size:11px;font-weight:600;color:#3434ef;min-width:32px;text-align:right}.upload-files-list{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.upload-file-item{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#f9fafb;border-radius:6px;font-size:11px}.upload-file-item--done{background:#f0fdf4}.upload-file-item--uploading{background:#eef2ff}.upload-file-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.upload-file-item--done .upload-file-icon{color:#10b981}.upload-file-item--uploading .upload-file-icon{color:#3434ef}.upload-file-icon .dot{width:5px;height:5px;background:#d1d5db;border-radius:50%}.upload-file-name{flex:1;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.upload-file-speed{font-size:10px;color:#f59e0b}.upload-more{font-size:10px;color:#9ca3af;padding:4px 8px}.upload-stats{display:flex;align-items:center;gap:6px;font-size:10px;color:#6b7280;padding-top:8px;border-top:1px solid #F3F4F6}.structure-row{display:flex;align-items:center;gap:6px;padding:4px 0;font-size:11px}.structure-row--campaign{padding:8px 0;border-bottom:1px solid #F3F4F6;margin-bottom:4px}.structure-row--campaign>svg{color:#3434ef}.structure-row--adset>svg{color:#6b7280}.structure-row--ad>svg{color:#9ca3af}.structure-row__connector{font-family:SF Mono,monospace;color:#d1d5db;font-size:10px;white-space:pre;flex-shrink:0}.structure-row__name{flex:1;font-weight:500;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.structure-tree{padding-left:4px}.structure-group{margin-bottom:2px}.structure-more{font-size:10px;color:#9ca3af;padding:2px 0 2px 20px}.status-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;border-radius:4px;font-size:9px;font-weight:500;margin-left:auto;flex-shrink:0}.status-badge--pending{background:#f3f4f6;color:#6b7280}.status-badge--creating{background:#eef2ff;color:#3434ef}.status-badge--success{background:#d1fae5;color:#059669}.status-badge--error{background:#fee2e2;color:#dc2626}.activity-log{font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:10px;line-height:1.6;display:flex;flex-direction:column;gap:2px}.log-entry{display:flex;gap:8px;padding:2px 0}.log-time{color:#9ca3af;flex-shrink:0;font-size:9px}.log-message{color:#6b7280;display:flex;align-items:center;gap:4px;word-break:break-word}.log-entry--success .log-message{color:#10b981}.log-entry--success .log-message>svg{color:#10b981}.log-entry--error .log-message{color:#ef4444}.log-entry--error .log-message>svg{color:#ef4444}.log-entry--warning .log-message{color:#f59e0b}.launch-errors{background:#fef2f2;border:1px solid #FECACA;border-radius:10px;margin-top:12px;overflow:hidden;flex-shrink:0}.launch-errors__header{display:flex;align-items:center;gap:6px;padding:10px 12px;background:#fee2e2;border-bottom:1px solid #FECACA;font-size:12px;font-weight:600;color:#991b1b}.launch-errors__header>svg{color:#dc2626}.btn-copy{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:4px 8px;background:#fff;border:1px solid #FECACA;border-radius:4px;font-size:10px;font-weight:500;color:#991b1b;cursor:pointer;transition:all .15s ease}.btn-copy:hover{background:#fef2f2}.launch-errors__content{padding:12px;max-height:100px;overflow-y:auto}.error-block{margin-bottom:10px}.error-block:last-child{margin-bottom:0}.error-block__message{font-size:11px;font-weight:500;color:#991b1b;margin-bottom:4px}.error-block__details{background:#fff;border:1px solid #FECACA;border-radius:6px;padding:8px;font-size:10px;font-family:SF Mono,monospace;color:#7f1d1d;overflow-x:auto;white-space:pre-wrap;word-break:break-all;margin:0}.launch-progress-footer{display:flex;justify-content:center;gap:10px;padding-top:12px;flex-shrink:0;flex-grow:0}.launch-progress-page .btn-primary,.launch-progress-page .btn-secondary{display:flex;align-items:center;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none}.launch-progress-page .btn-primary{background:#3434ef;border:1px solid #2A9CFF;color:#fff;padding:11px 16px;gap:4px;border-radius:10px;position:relative;overflow:hidden}.launch-progress-page .btn-primary:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#ffffff1a,#fff0);pointer-events:none}.launch-progress-page .btn-primary:hover{background:#2828d6}.launch-progress-page .btn-secondary{background:#fff;border:1px solid #DFE1E7;border-radius:10px;padding:11px 16px;gap:8px;color:#0d0d12;box-shadow:0 1px 2px #0d0d120f}.launch-progress-page .btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.spin{animation:spin 1s linear infinite}@media (max-width: 1024px){.launch-progress-grid{grid-template-columns:1fr;grid-template-rows:repeat(4,minmax(200px,300px));gap:12px;overflow-y:auto}.launch-quadrant{min-height:200px;max-height:300px;overflow:hidden}.launch-quadrant .quadrant-content{flex:1;min-height:0;overflow-y:auto}}@media (max-width: 768px){.launch-progress-page{padding:12px 16px}.launch-progress-header{flex-direction:column;align-items:flex-start;gap:10px}.launch-progress-footer{flex-direction:column}.launch-progress-footer button,.launch-progress-footer a{width:100%;justify-content:center}}.preview-page .preview-main{padding:24px 32px;overflow-y:auto}.preview-content{margin-top:24px}.preview-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px}.preview-empty-state p{color:#6b7280;font-size:14px;margin-bottom:20px}.preview-empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.preview-empty-state .btn-primary:hover{background:#2828d0}.preview-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.preview-summary-card{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:16px 20px}.summary-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.summary-card-title{font-size:13px;font-weight:500;color:#6b7280}.summary-card-value{font-size:20px;font-weight:700;color:#111827}.summary-card-detail{display:flex;align-items:center;gap:6px;font-size:12px;color:#9ca3af}.preview-section{background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px;padding:20px;margin-bottom:20px}.preview-section .section-title{font-size:15px;font-weight:600;color:#111827;margin:0 0 16px}.section-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header-row .section-title{margin:0}.creatives-count{font-size:13px;font-weight:500;color:#6b7280}.creatives-preview-container{max-height:400px;overflow-y:auto;border-radius:8px}.creatives-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.creative-thumbnail{aspect-ratio:1;border-radius:8px;overflow:hidden;background:#000;position:relative}.creative-thumbnail img,.creative-thumbnail video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.creative-thumbnail__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#1f1f23;color:#6b7280}.creative-thumbnail__name{position:absolute;bottom:0;left:0;right:0;padding:6px 8px;background:linear-gradient(transparent,#000c);font-size:11px;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-creatives-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.preview-creative-card{background:#fff;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden}.preview-thumbnail{width:100%;aspect-ratio:1;background:#f3f4f6;display:flex;align-items:center;justify-content:center}.preview-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.preview-placeholder{color:#9ca3af}.preview-filename{display:block;padding:8px 10px;font-size:11px;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-more-card{background:#f3f4f6;border:1px dashed #D1D5DB;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:500;color:#6b7280;aspect-ratio:1}.config-summary-list{display:flex;flex-direction:column;gap:12px}.config-summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#fff;border:1px solid #E5E7EB;border-radius:8px}.config-label{font-size:13px;font-weight:500;color:#6b7280}.config-value{font-size:13px;font-weight:600;color:#111827}.config-value.config-on{color:#ea580c}.config-value.config-off{color:#6b7280}.preview-ready-banner{display:flex;align-items:center;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #86EFAC;border-radius:12px}.ready-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;color:#fff;flex-shrink:0}.ready-text h4{font-size:15px;font-weight:600;color:#111827;margin:0 0 4px}.ready-text p{font-size:13px;color:#6b7280;margin:0}.btn-launch{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-launch:hover:not(:disabled){background:#16a34a}.btn-launch:disabled{background:#9ca3af;cursor:not-allowed}.btn-launch .spinner{animation:spin 1s linear infinite}.btn-success{background:linear-gradient(135deg,#059669,#10b981)!important;text-decoration:none}.btn-success:hover{background:linear-gradient(135deg,#047857,#059669)!important;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.preview-warning-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #FCD34D;border-radius:12px;margin-bottom:20px}.warning-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f59e0b;border-radius:50%;color:#fff;flex-shrink:0}.warning-text{flex:1}.warning-text h4{font-size:14px;font-weight:600;color:#92400e;margin:0 0 4px}.warning-text p{font-size:13px;color:#b45309;margin:0}.warning-text strong{color:#92400e}.btn-configure{padding:8px 16px;background:#f59e0b;border:none;border-radius:6px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s}.btn-configure:hover{background:#d97706}.preview-error-banner{display:flex;align-items:center;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #FECACA;border-radius:12px;margin-bottom:20px}.error-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#dc2626;border-radius:50%;color:#fff;flex-shrink:0}.error-text{flex:1}.error-text h4{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 4px}.error-text p{font-size:13px;color:#dc2626;margin:0}.btn-dismiss{padding:6px 12px;background:transparent;border:1px solid #FECACA;border-radius:6px;font-size:12px;font-weight:500;color:#991b1b;cursor:pointer;transition:all .2s}.btn-dismiss:hover{background:#fee2e2}.preview-success-banner{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86EFAC;border-radius:12px;margin-bottom:20px}.success-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;color:#fff;flex-shrink:0}.success-text{flex:1}.success-text h4{font-size:16px;font-weight:600;color:#166534;margin:0 0 6px}.success-text p{font-size:14px;color:#15803d;margin:0 0 16px}.success-actions{display:flex;gap:12px}.btn-view-meta{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#166534;color:#fff;text-decoration:none;border-radius:6px;font-size:13px;font-weight:500;transition:background .2s}.btn-view-meta:hover{background:#14532d}.btn-new-test{padding:8px 16px;background:transparent;border:1px solid #86EFAC;border-radius:6px;font-size:13px;font-weight:500;color:#166534;cursor:pointer;transition:all .2s}.btn-new-test:hover{background:#dcfce7}.launch-elapsed{font-size:12px;color:#ffffffb3;margin-left:8px}.launch-activity-section{margin:16px 0;padding:12px 16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px}.launch-long-wait-message{font-size:13px;color:#f59e0b;margin-bottom:12px;display:flex;align-items:center;gap:8px}.launch-long-wait-message:before{content:"⏳"}.launch-activity-log{display:flex;flex-direction:column;gap:4px;font-family:SF Mono,Monaco,monospace;font-size:11px}.activity-log-entry{display:flex;gap:12px}.activity-log-time{color:#9ca3af;flex-shrink:0}.activity-log-message{color:#374151}@media (max-width: 900px){.preview-summary-grid{grid-template-columns:1fr}.preview-creatives-grid{grid-template-columns:repeat(2,1fr)}.creatives-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.section-header-row{flex-direction:column;align-items:flex-start;gap:8px}}.launch-page.upload-page{height:100vh!important;min-height:unset!important;max-height:100vh!important;overflow:hidden!important}.launch-page .upload-card,.launch-page .upload-layout{height:100%!important;min-height:unset!important;max-height:100%!important;overflow:hidden!important}.launch-page .upload-main.launch-main{height:100%!important;min-height:unset!important;display:flex!important;flex-direction:column!important;overflow:hidden!important}.launch-page .launch-grid{flex:1!important;min-height:0!important;display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr!important;gap:12px!important;overflow:hidden!important}.launch-page .launch-quadrant{display:flex!important;flex-direction:column!important;min-height:0!important;max-height:100%!important;overflow:hidden!important}.launch-page .quadrant-header{flex-shrink:0!important}.launch-page .quadrant-content{flex:1!important;min-height:0!important;max-height:100%!important;overflow-y:auto!important;overflow-x:hidden!important}.launch-page .activity-log-card{display:flex!important;flex-direction:column!important;min-height:0!important;overflow:hidden!important}.launch-page .activity-log-card .quadrant-content.activity-log{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important}.launch-page .launch-footer{flex-shrink:0!important}.launch-page .launch-main{display:flex;flex-direction:column;padding:16px 20px}.launch-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;flex-shrink:0}.launch-header-left{display:flex;align-items:center;gap:12px}.btn-back{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-back:hover{background:#e5e7eb;color:#374151}.launch-title{font-size:18px;font-weight:600;color:#111827;margin:0}.launch-subtitle{font-size:12px;color:#6b7280;margin:2px 0 0}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.launch-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;flex:1;min-height:0;height:calc(100vh - 220px);overflow:hidden}.launch-quadrant{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%}.quadrant-header{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid #f3f4f6;flex-shrink:0}.quadrant-header svg{color:#6b7280}.quadrant-header h3{font-size:13px;font-weight:600;color:#111827;margin:0;flex:1}.quadrant-count{font-size:11px;font-weight:500;color:#6b7280;background:#f3f4f6;padding:2px 8px;border-radius:10px}.quadrant-content{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding:12px 16px}.quadrant-content::-webkit-scrollbar{width:6px}.quadrant-content::-webkit-scrollbar-track{background:transparent}.quadrant-content::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.quadrant-content::-webkit-scrollbar-thumb:hover{background:#9ca3af}.info-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f9fafb}.info-row:last-child{border-bottom:none}.info-label{font-size:12px;color:#6b7280}.info-value{font-size:12px;font-weight:500;color:#111827;display:flex;align-items:center;gap:6px}.progress-bar-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:12px}.progress-bar{flex:1;height:8px;background:#f3f4f6;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#3434ef,#6366f1);border-radius:4px;transition:width .3s ease}.progress-percent{font-size:12px;font-weight:600;color:#3434ef;min-width:36px;text-align:right}.upload-stats{display:flex;flex-direction:column;gap:8px;font-size:12px;color:#6b7280}.current-file{display:flex;align-items:center;gap:6px;color:#f59e0b;font-weight:500}.testing-progress{display:flex;flex-direction:column;gap:16px}.progress-section{display:flex;flex-direction:column;gap:8px}.progress-section-header{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#374151;text-transform:uppercase;letter-spacing:.5px}.progress-count{font-size:11px;font-weight:500;color:#6b7280}.failed-count{color:#ef4444;margin-left:4px}.progress-items{display:flex;flex-direction:column;gap:4px;max-height:120px;overflow-y:auto}.progress-item{display:flex;align-items:center;gap:8px;padding:4px 8px;background:#f9fafb;border-radius:6px;font-size:11px}.progress-item.success{background:#f0fdf4}.progress-item.error{background:#fef2f2}.progress-item-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px}.progress-item.success .progress-item-icon{color:#10b981}.progress-item.error .progress-item-icon{color:#ef4444}.progress-item-icon .dot{width:6px;height:6px;background:#d1d5db;border-radius:50%}.progress-item-name{flex:1;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-item-error{font-size:10px;color:#ef4444;max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.progress-item-status{margin-left:auto;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:500;flex-shrink:0}.progress-item-status.pending{background:#f3f4f6;color:#6b7280}.progress-item-status.creating{background:#dbeafe;color:#3b82f6}.progress-item-status.success{background:#d1fae5;color:#10b981}.progress-item-status.error{background:#fee2e2;color:#ef4444}.more-items{font-size:11px;color:#9ca3af;padding:4px 8px}.activity-log{display:flex;flex-direction:column;gap:4px;font-family:SF Mono,Monaco,Inconsolata,monospace;font-size:11px;line-height:1.6}.activity-log-card .quadrant-content{padding:8px 12px}.log-empty{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-family:inherit;font-size:12px}.log-entry{display:flex;gap:10px;padding:2px 0}.log-time{color:#9ca3af;flex-shrink:0}.log-message{color:#6b7280;word-break:break-word}.log-entry.success .log-message{color:#10b981}.log-entry.error .log-message{color:#ef4444}.log-entry.warning .log-message{color:#f59e0b}.launch-footer{display:flex;justify-content:center;gap:12px;padding-top:16px;margin-top:auto;flex-shrink:0}.btn-launch{display:flex;align-items:center;gap:8px;padding:12px 32px;background:linear-gradient(135deg,#3434ef,#6366f1);border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-launch:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3434ef4d}.btn-launch:disabled{opacity:.7;cursor:not-allowed}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;border:none;border-radius:8px;font-size:13px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#2828c9}.btn-secondary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-size:13px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e5e7eb}@media (max-width: 1024px){.launch-page.upload-page{height:auto!important;min-height:100vh!important;max-height:none!important;overflow-y:auto!important}.launch-page .upload-card{height:auto!important;min-height:auto!important;max-height:none!important}.launch-page .upload-layout{height:auto!important;min-height:auto!important;max-height:none!important;overflow-y:auto!important}.launch-page .launch-grid{flex:none!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;gap:12px!important}.launch-page .launch-quadrant{min-height:200px!important;max-height:300px!important;flex-shrink:0!important}.launch-page .quadrant-content{flex:1!important;min-height:0!important;max-height:200px!important;overflow-y:auto!important}}@media (max-width: 768px){.launch-page .launch-main{padding:12px 16px}.launch-header{flex-direction:column;align-items:flex-start;gap:12px}.launch-footer{flex-direction:column}.launch-footer button{width:100%;justify-content:center}}.notifications-settings{margin-bottom:32px}.settings-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.card-header{margin-bottom:24px}.card-title{font-size:18px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;margin-bottom:4px}.card-subtitle{font-size:13px;color:#666d80;font-family:DM Sans,sans-serif}.channels-section{display:flex;flex-direction:column;gap:16px}.channel-item{border:1px solid #EBEBEB;border-radius:12px;padding:16px;background:#fafafa;transition:all .2s ease}.channel-item:hover{border-color:#d4d4d8;background:#fff}.channel-main{display:flex;align-items:center;gap:16px;margin-bottom:12px}.channel-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;border:1px solid #EBEBEB;background:#fff}.discord-icon{color:#5865f2}.slack-icon{color:#4a154b}.email-icon{color:#3434ef}.channel-info{flex:1;display:flex;flex-direction:column;gap:4px}.channel-name{font-size:15px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif}.channel-status{font-size:13px;color:#666d80;display:flex;align-items:center;gap:6px}.channel-status.connected{color:#23c16b}.status-dot{width:6px;height:6px;border-radius:50%;background:#23c16b}.email-input{border:1px solid #EBEBEB;border-radius:8px;padding:8px 12px;font-size:13px;font-family:DM Sans,sans-serif;color:#0d0d12;background:#fff;width:280px;transition:all .2s ease}.email-input:focus{outline:none;border-color:#3434ef;background:#fff}.email-input::-moz-placeholder{color:#9ca3af}.email-input::placeholder{color:#9ca3af}.channel-toggle{display:flex;align-items:center}.toggle-switch{position:relative;width:44px;height:24px;background:#e5e7eb;border-radius:12px;cursor:pointer;transition:background .3s ease}.toggle-switch.active{background:#3434ef}.toggle-slider{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .3s ease}.toggle-switch.active .toggle-slider{transform:translate(20px)}.channel-configure-btn{padding:8px 16px;background:transparent;border:1px solid #EBEBEB;border-radius:8px;font-size:13px;font-weight:500;color:#666d80;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:4px}.channel-configure-btn:hover{background:#f7f8fa;border-color:#d4d4d8;color:#0d0d12}.content-settings-section{padding-top:24px;border-top:1px solid #EBEBEB;margin-bottom:24px}.section-title{font-size:16px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif;margin-bottom:4px}.section-subtitle{font-size:13px;color:#666d80;font-family:DM Sans,sans-serif;margin-bottom:16px}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-item{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-item input[type=checkbox]{width:18px;height:18px;border:2px solid #D4D4D8;border-radius:4px;cursor:pointer;accent-color:#3434EF}.checkbox-label{font-size:14px;color:#0d0d12;font-family:DM Sans,sans-serif}.settings-footer{padding-top:24px;border-top:1px solid #EBEBEB;display:flex;justify-content:flex-end}.save-preferences-btn{padding:12px 24px;background:#3434ef;border:none;border-radius:10px;font-size:14px;font-weight:600;color:#fff;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3434ef33}.save-preferences-btn:hover{background:#2929d9;box-shadow:0 4px 12px #3434ef4d}.notifications-history{margin-bottom:32px}.history-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.history-list{display:flex;flex-direction:column;gap:0}.history-item{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #F7F8FA;transition:all .2s ease;cursor:pointer}.history-item:last-child{border-bottom:none}.history-item:hover{background:#fafafa;border-radius:8px}.history-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#f7f8fa;border:1px solid #EBEBEB;flex-shrink:0}.history-content{flex:1;display:flex;flex-direction:column;gap:4px}.history-channel{font-size:13px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif}.history-message{font-size:13px;color:#666d80;font-family:DM Sans,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px}.history-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.history-timestamp{font-size:12px;color:#9ca3af;font-family:Inter Tight,sans-serif}.history-status{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:500;font-family:DM Sans,sans-serif}.history-status.sent{background:#23c16b1a;color:#23c16b}.history-status.failed{background:#e5002b1a;color:#e5002b}.history-status.pending{background:#fb73191a;color:#fb7319}.status-icon-sent{color:#23c16b}.status-icon-failed{color:#e5002b}.status-icon-pending{color:#fb7319}.status-text{font-size:11px}.history-footer{padding-top:16px;display:flex;justify-content:center}.load-more-btn{padding:10px 20px;background:transparent;border:1px solid #EBEBEB;border-radius:8px;font-size:13px;font-weight:500;color:#666d80;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s ease}.load-more-btn:hover{background:#f7f8fa;border-color:#d4d4d8;color:#0d0d12}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.modal-content{background:#fff;border-radius:16px;border:1px solid #EBEBEB;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px;border-bottom:1px solid #EBEBEB}.modal-title-section{display:flex;align-items:center;gap:12px}.modal-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;border:1px solid #EBEBEB;background:#f7f8fa}.modal-title{font-size:18px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;margin:0}.modal-close-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:#666d80;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close-btn:hover{background:#f7f8fa;color:#0d0d12}.modal-body{padding:24px;display:flex;flex-direction:column;gap:24px}.connection-section{padding:16px;background:#23c16b0d;border:1px solid rgba(35,193,107,.2);border-radius:12px;display:flex;align-items:center;justify-content:space-between}.connection-status{display:flex;align-items:center;gap:8px;color:#23c16b;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif}.disconnect-btn{padding:8px 16px;background:transparent;border:1px solid #FECACA;border-radius:8px;font-size:13px;font-weight:500;color:#dc2626;font-family:DM Sans,sans-serif;cursor:pointer;transition:all .2s ease}.disconnect-btn:hover{background:#fef2f2;border-color:#f87171}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-size:13px;font-weight:600;color:#0d0d12;font-family:DM Sans,sans-serif}.form-select,.form-input{padding:12px 16px;border:1px solid #EBEBEB;border-radius:10px;font-size:14px;font-family:DM Sans,sans-serif;color:#0d0d12;background:#fff;transition:all .2s ease}.form-select:focus,.form-input:focus{outline:none;border-color:#3434ef;background:#fff}.form-select{cursor:pointer}.form-input::-moz-placeholder{color:#9ca3af}.form-input::placeholder{color:#9ca3af}.content-toggles-section{padding-top:16px;border-top:1px solid #EBEBEB}.toggle-list{display:flex;flex-direction:column;gap:16px;margin-top:16px}.toggle-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:10px;transition:all .2s ease}.toggle-item:hover{background:#fafafa;border-color:#d4d4d8}.toggle-info{flex:1;display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:14px;font-weight:500;color:#0d0d12;font-family:DM Sans,sans-serif}.toggle-description{font-size:12px;color:#666d80;font-family:DM Sans,sans-serif}.modal-footer{padding:24px;border-top:1px solid #EBEBEB;display:flex;justify-content:flex-end;gap:12px}.btn-secondary,.btn-primary{padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;font-family:Plus Jakarta Sans,sans-serif;cursor:pointer;transition:all .2s ease;border:none}.btn-secondary{background:transparent;border:1px solid #EBEBEB;color:#666d80}.btn-secondary:hover{background:#f7f8fa;border-color:#d4d4d8;color:#0d0d12}.btn-primary{background:#3434ef;color:#fff;box-shadow:0 2px 8px #3434ef33}.btn-primary:hover{background:#2929d9;box-shadow:0 4px 12px #3434ef4d}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;color:#666d80}.loading-state p{margin-top:16px;font-size:14px;font-family:DM Sans,sans-serif}.loading-state.small{padding:40px 24px}.empty-state{display:flex;align-items:center;justify-content:center;padding:40px 24px;color:#9ca3af;font-size:14px;font-family:DM Sans,sans-serif}@media (max-width: 768px){.notifications-page{padding:16px}.page-title{font-size:20px}.channel-main{flex-wrap:wrap}.email-input{width:100%}.history-message{max-width:200px}.modal-overlay{padding:16px}.modal-header,.modal-body{padding:20px}.modal-footer{padding:20px;flex-direction:column}.btn-secondary,.btn-primary{width:100%}.toggle-item{padding:12px}}.coming-soon-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:40px;background:#f7f8fa}.coming-soon-card{text-align:center;max-width:480px;padding:48px;background:#fff;border:1px solid #EBEBEB;border-radius:20px;box-shadow:0 4px 24px #00000014}.coming-soon-icon{font-size:64px;margin-bottom:24px}.coming-soon-card h1{font-size:28px;font-weight:700;margin-bottom:12px;color:#0d0d12}.coming-soon-description{color:#666d80;font-size:16px;margin-bottom:24px;line-height:1.6}.coming-soon-badge{display:inline-flex;align-items:center;gap:8px;background:#eef2ff;color:#3434ef;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:32px;border:1px solid rgba(52,52,239,.2)}.coming-soon-btn{display:inline-flex;align-items:center;gap:8px;background:#3434ef;color:#fff;border:none;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.coming-soon-btn:hover{background:#2828d0;transform:translateY(-2px);box-shadow:0 8px 20px #3434ef4d}.coming-soon-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.coming-soon-joined{display:inline-flex;align-items:center;gap:8px;background:#f0fdf4;color:#16a34a;font-weight:500;font-size:15px;padding:12px 24px;border-radius:12px;border:1px solid #BBF7D0}.bs-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:64px 24px;color:var(--text-secondary);font-size:14px}.bs-spinner{animation:bs-spin 1s linear infinite}@keyframes bs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bs-section{margin-bottom:32px}.bs-header{margin-bottom:16px}.bs-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.bs-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.bs-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.bs-quick-setup{margin-bottom:0}.bs-quick-label{font-size:13px;color:var(--text-secondary);margin:0 0 10px}.bs-quick-row{display:flex;gap:8px}.bs-quick-input{flex:1}.bs-analyze-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0}.bs-analyze-btn:hover:not(:disabled){background:var(--primary-hover)}.bs-analyze-btn:disabled{opacity:.6;cursor:not-allowed}.bs-lang-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--surface);min-width:80px;outline:none;cursor:pointer;flex-shrink:0}.bs-lang-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bs-found-logos{margin-top:12px}.bs-found-logos-label{font-size:12px;color:var(--text-tertiary);margin:0 0 8px;display:block}.bs-found-logos-row{display:flex;gap:8px;flex-wrap:wrap}.bs-found-logo-item{display:flex;flex-direction:column;align-items:center;gap:4px}.bs-found-logo-type{font-size:10px;color:var(--text-tertiary);text-transform:lowercase}.bs-found-logo-thumb{width:40px;height:40px;border-radius:8px;border:1px solid var(--border);-o-object-fit:contain;object-fit:contain;background:var(--background);cursor:pointer;transition:border-color .2s,box-shadow .2s}.bs-found-logo-thumb:hover{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bs-logo-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:pointer}.bs-logo-expanded{max-width:320px;max-height:320px;border-radius:var(--radius-lg);background:var(--surface);padding:16px;box-shadow:var(--shadow-lg);-o-object-fit:contain;object-fit:contain}.bs-separator{display:flex;align-items:center;gap:16px;margin:24px 0}.bs-separator:before,.bs-separator:after{content:"";flex:1;height:1px;background:var(--border)}.bs-separator span{font-size:13px;color:var(--text-tertiary)}.bs-row{margin-bottom:20px}.bs-row:last-of-type{margin-bottom:16px}.bs-row-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.bs-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.bs-field{display:flex;flex-direction:column}.bs-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.bs-required{color:var(--error)}.bs-input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--background);outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.bs-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bs-input::-moz-placeholder{color:var(--text-tertiary)}.bs-input::placeholder{color:var(--text-tertiary)}.bs-textarea{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--background);outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;resize:vertical;line-height:1.5}.bs-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.bs-textarea::-moz-placeholder{color:var(--text-tertiary)}.bs-textarea::placeholder{color:var(--text-tertiary)}.bs-color-row{display:flex;align-items:center;gap:8px}.bs-color-picker{width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:2px;cursor:pointer;background:none;flex-shrink:0}.bs-color-picker::-webkit-color-swatch-wrapper{padding:0}.bs-color-picker::-webkit-color-swatch{border:none;border-radius:3px}.bs-color-hex{flex:1;font-family:DM Sans,monospace}.bs-logo-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:32px 16px;border:1px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;color:var(--text-tertiary);text-align:center}.bs-logo-drop:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.bs-logo-text{font-size:13px;font-weight:500;color:var(--text-secondary)}.bs-logo-drop:hover .bs-logo-text{color:var(--primary)}.bs-logo-hint{font-size:12px;color:var(--text-tertiary)}.bs-logo-filename{font-size:12px;color:var(--primary);font-weight:500;margin-top:4px}.bs-message{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px}.bs-message-error{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border)}.bs-message-success{background:var(--success-bg);color:var(--success-text);border:1px solid var(--success-border)}.bs-actions{display:flex;justify-content:flex-end}.bs-save{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.bs-save:hover:not(:disabled){background:var(--primary-hover)}.bs-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.bs-row-2,.bs-row-3{grid-template-columns:1fr}.bs-card{padding:16px}.bs-quick-row{flex-direction:column}}.pp-section{margin-bottom:32px}.pp-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px;gap:16px}.pp-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.pp-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.pp-generate-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;white-space:nowrap;flex-shrink:0}.pp-generate-btn:hover:not(:disabled){background:var(--primary-hover)}.pp-generate-btn:disabled{opacity:.6;cursor:not-allowed}.pp-lang-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--surface);min-width:80px;outline:none;cursor:pointer;flex-shrink:0}.pp-lang-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pp-spinner{animation:pp-spin 1s linear infinite}@keyframes pp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pp-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-secondary);font-size:14px}.pp-error{padding:10px 14px;background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius-md);font-size:13px;margin-bottom:16px}.pp-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 24px;text-align:center}.pp-empty p{font-size:14px;color:var(--text-secondary);margin:0}.pp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;display:flex;flex-direction:column;justify-content:space-between}.pp-card-body{margin-bottom:12px}.pp-persona{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 10px}.pp-field{margin-bottom:4px;font-size:13px;line-height:1.5}.pp-field-label{font-weight:500;color:var(--text-secondary);margin-right:4px}.pp-field-value{color:var(--text-primary)}.pp-hook{font-style:italic}.pp-card-actions{display:flex;gap:8px;border-top:1px solid var(--border);padding-top:12px}.pp-action-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.pp-action-btn:hover{background:var(--background);color:var(--text-primary);border-color:var(--text-tertiary)}.pp-action-danger:hover{background:var(--error-bg);color:var(--error-text);border-color:var(--error-border)}.pp-add-btn{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 16px;background:none;border:1px dashed var(--border);border-radius:var(--radius-md);font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.pp-add-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.pp-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000}.pp-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);max-width:500px;width:calc(100% - 32px);max-height:calc(100vh - 64px);overflow-y:auto}.pp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 0}.pp-modal-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.pp-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all .2s}.pp-modal-close:hover{background:var(--background);color:var(--text-primary)}.pp-modal-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.pp-modal-field{display:flex;flex-direction:column}.pp-modal-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.pp-required{color:var(--error)}.pp-modal-input{padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--background);outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit}.pp-modal-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.pp-modal-input::-moz-placeholder{color:var(--text-tertiary)}.pp-modal-input::placeholder{color:var(--text-tertiary)}.pp-modal-actions{display:flex;justify-content:flex-end;gap:8px;padding:0 24px 20px}.pp-modal-cancel{padding:10px 20px;background:none;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.pp-modal-cancel:hover{background:var(--background);color:var(--text-primary)}.pp-modal-save{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.pp-modal-save:hover:not(:disabled){background:var(--primary-hover)}.pp-modal-save:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.pp-grid{grid-template-columns:1fr}.pp-header{flex-direction:column}.pp-generate-btn{width:100%;justify-content:center}}.tp-section{margin-bottom:32px}.tp-header{margin-bottom:16px}.tp-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.tp-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.tp-error{padding:10px 14px;background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius-md);font-size:13px;margin-bottom:12px}.tp-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:16px}.tp-tab{padding:10px 16px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary);display:flex;align-items:center;gap:6px;border-bottom:2px solid transparent;transition:all .15s}.tp-tab:hover{color:var(--text-primary)}.tp-tab--active{color:var(--primary);border-bottom-color:var(--primary)}.tp-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;border:1px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;color:var(--text-tertiary);font-size:14px;text-align:center;margin-bottom:16px}.tp-drop-zone:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.tp-spinner{animation:tp-spin 1s linear infinite}@keyframes tp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.tp-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-secondary);font-size:14px}.tp-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 24px;text-align:center}.tp-empty p{font-size:14px;color:var(--text-secondary);margin:0}.tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tp-card{position:relative;background:var(--surface);border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .15s,box-shadow .15s}.tp-card:hover{border-color:var(--border)}.tp-card--selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.tp-check-overlay{position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}.tp-thumb-wrap{position:relative;height:160px;background:var(--background)}.tp-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tp-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s}.tp-card:hover .tp-delete{opacity:1}.tp-delete:hover{background:var(--error)}.tp-name{display:block;padding:8px 10px;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-card-info{padding:8px;display:flex;flex-direction:column;gap:2px}.tp-card-name{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-card-subtitle{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tp-card-badges{display:flex;gap:6px;margin-top:4px;flex-wrap:wrap}.tp-grid-meta{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.tp-card-meta{position:relative;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;background:var(--surface);transition:all .15s}.tp-card-meta:hover{border-color:var(--border);box-shadow:0 2px 8px #0000000f}.tp-card-meta.tp-card--selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.tp-card-meta .tp-card-img-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden}.tp-card-meta .tp-card-img-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.tp-card-stats{display:flex;gap:8px;margin-top:4px}.tp-meta-spend,.tp-meta-impressions{font-size:13px;font-weight:600;color:var(--text-primary)}.tp-meta-spend small,.tp-meta-impressions small{font-size:10px;font-weight:400;color:var(--text-tertiary);margin-left:2px}.tp-meta-roas{font-size:11px;font-weight:600}.tp-meta-roas small{font-size:9px;font-weight:400;color:var(--text-tertiary);margin-left:2px}.tp-meta-roas--good{color:#16a34a}.tp-meta-roas--bad{color:#dc2626}.tp-sort-select{padding:6px 10px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:13px;margin-bottom:12px}.tp-library-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-secondary)}.tp-use-btn{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);width:100%;font-weight:600;font-size:14px;cursor:pointer;margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.tp-use-btn:hover:not(:disabled){background:var(--primary-hover)}.tp-use-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.tp-grid-meta{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.tp-grid{grid-template-columns:repeat(2,1fr)}.tp-grid-meta{grid-template-columns:repeat(3,1fr)}}@media (max-width: 480px){.tp-grid-meta{grid-template-columns:repeat(2,1fr)}}.ap-section{margin-bottom:32px}.ap-header{margin-bottom:16px}.ap-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.ap-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.ap-error{padding:10px 14px;background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius-md);font-size:13px;margin-bottom:12px}.ap-scraper{margin-bottom:16px}.ap-scraper-row{display:flex;gap:8px;margin-bottom:12px}.ap-scraper-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--background);outline:none;transition:border-color .2s}.ap-scraper-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.ap-scraper-input::-moz-placeholder{color:var(--text-tertiary)}.ap-scraper-input::placeholder{color:var(--text-tertiary)}.ap-scraper-btn{padding:10px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;white-space:nowrap;transition:background .2s}.ap-scraper-btn:hover:not(:disabled){background:var(--primary-hover)}.ap-scraper-btn:disabled{opacity:.6;cursor:not-allowed}.ap-scraped-results{margin-bottom:16px}.ap-scraped-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ap-scraped-card{position:relative;cursor:pointer;border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:1 / 1;background:var(--surface);transition:all .15s}.ap-scraped-card:hover{border-color:var(--border)}.ap-scraped-card--selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.ap-scraped-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ap-check-overlay{position:absolute;top:8px;right:8px;width:22px;height:22px;background:var(--primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;z-index:2}.ap-use-btn{padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);width:100%;font-weight:600;font-size:14px;cursor:pointer;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:8px;transition:background .2s}.ap-use-btn:hover{background:var(--primary-hover)}.ap-drop-zone{display:flex;align-items:center;justify-content:center;gap:8px;padding:32px 16px;border:1px dashed var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s;color:var(--text-tertiary);font-size:14px;text-align:center;margin-bottom:16px}.ap-drop-zone:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.ap-spinner{animation:ap-spin 1s linear infinite}@keyframes ap-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ap-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:48px 24px;color:var(--text-secondary);font-size:14px}.ap-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px 24px;text-align:center}.ap-empty p{font-size:14px;color:var(--text-secondary);margin:0}.ap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ap-card{background:var(--surface);border:2px solid transparent;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:border-color .2s,box-shadow .2s}.ap-card:hover{border-color:var(--border)}.ap-card-selected{border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.ap-thumb-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--background)}.ap-thumb{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.ap-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;opacity:0;transition:opacity .2s}.ap-card:hover .ap-delete{opacity:1}.ap-delete:hover{background:var(--error)}.ap-name{display:block;padding:8px 10px;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media (max-width: 1024px){.ap-scraped-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.ap-grid{grid-template-columns:repeat(2,1fr)}.ap-scraped-grid{grid-template-columns:repeat(3,1fr)}.ap-scraper-row{flex-wrap:wrap}.ap-scraper-input{min-width:100%}}.gp-section{margin-bottom:32px}.gp-header{margin-bottom:16px}.gp-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.gp-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.gp-card{background:var(--background);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px}.gp-step{display:flex;gap:16px;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border)}.gp-step:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.gp-step--missing{border-bottom-color:#ef4444;background:#ef444408;border-radius:var(--radius-md);margin-left:-16px;margin-right:-16px;padding:16px}.gp-step--missing .gp-step-placeholder{color:#ef4444}.gp-step--missing .gp-step-number{background:#ef4444}.gp-step--complete .gp-step-number{background:#22c55e}.gp-step-number{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border-radius:50%;font-size:13px;font-weight:600;flex-shrink:0}.gp-step-content{flex:1;min-width:0}.gp-step-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.gp-step-value{font-size:13px;color:var(--primary);font-weight:500;margin:0}.gp-step-placeholder{font-size:13px;color:var(--text-tertiary);margin:0}.gp-step-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.gp-step-actions{display:flex;gap:12px}.gp-link-btn{background:none;border:none;font-size:12px;font-weight:500;color:var(--primary);cursor:pointer;padding:0}.gp-link-btn:hover{text-decoration:underline}.gp-profiles-list{display:flex;flex-direction:column;gap:6px}.gp-checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-primary);cursor:pointer}.gp-checkbox-label input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.gp-field-label{font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.gp-funnel-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.gp-funnel-btn{display:flex;flex-direction:column;align-items:center;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);cursor:pointer;text-align:center;min-width:100px;font-size:14px;font-weight:600;color:var(--text-primary);transition:all .2s}.gp-funnel-btn:hover{border-color:var(--primary)}.gp-funnel-btn--active{background:var(--primary);color:#fff;border-color:var(--primary)}.gp-funnel-btn--active .gp-funnel-btn-label{color:#ffffffb3}.gp-funnel-btn-label{font-size:10px;font-weight:400;color:var(--text-tertiary);margin-top:2px}.gp-concept-field{margin-bottom:16px}.gp-concept-input,.gp-subangle-input{width:100%;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--background);outline:none;transition:border-color .2s,box-shadow .2s;font-family:inherit;box-sizing:border-box}.gp-concept-input:focus,.gp-subangle-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.gp-concept-input::-moz-placeholder,.gp-subangle-input::-moz-placeholder{color:var(--text-tertiary)}.gp-concept-input::placeholder,.gp-subangle-input::placeholder{color:var(--text-tertiary)}.gp-angle-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.gp-angle-btn{padding:6px 12px;border:1px solid var(--border);border-radius:20px;font-size:13px;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:all .2s}.gp-angle-btn:hover{border-color:var(--primary)}.gp-angle-btn--active{background:#6366f11a;border-color:var(--primary);color:var(--primary)}.gp-formats{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.gp-volume-row{display:flex;align-items:center;gap:10px}.gp-volume-label{font-size:13px;font-weight:500;color:var(--text-secondary)}.gp-volume-select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--surface);outline:none;cursor:pointer}.gp-volume-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.gp-summary-text{font-size:14px;color:var(--text-primary);margin:0 0 4px}.gp-summary-cost{font-size:13px;color:var(--text-secondary);margin:0}.gp-generate-section{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.gp-error{padding:10px 14px;background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:var(--radius-md);font-size:13px;margin-bottom:16px}.gp-progress{margin-bottom:16px}.gp-progress-text{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.gp-progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.gp-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .3s ease}.gp-generate-btn{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:background .2s;width:100%;justify-content:center}.gp-generate-btn:hover:not(:disabled){background:var(--primary-hover)}.gp-generate-btn:disabled{opacity:.5;cursor:not-allowed}.gp-spinner{animation:gp-spin 1s linear infinite}@keyframes gp-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.gp-results{margin-top:24px}.gp-results-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.gp-results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gp-result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.gp-result-img{width:100%;max-height:300px;-o-object-fit:contain;object-fit:contain;display:block;background:var(--background)}.gp-result-info{padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px}.gp-result-persona{font-size:13px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gp-result-format{font-size:11px;font-weight:600;color:var(--text-tertiary);background:var(--border-light);padding:2px 8px;border-radius:var(--radius-xs);white-space:nowrap;text-transform:uppercase}.gp-result-actions{display:flex;gap:6px;padding:0 12px 12px;flex-wrap:wrap}.gp-result-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:11px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s;text-decoration:none}.gp-result-btn:hover:not(:disabled){background:var(--background);color:var(--text-primary);border-color:var(--text-tertiary)}.gp-result-btn-disabled{opacity:.4;cursor:not-allowed}@media (max-width: 768px){.gp-results-grid{grid-template-columns:repeat(2,1fr)}.gp-step{flex-direction:column;gap:10px}}@media (max-width: 480px){.gp-results-grid{grid-template-columns:1fr}}.creative-studio-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.creative-studio-page .page-header{margin-bottom:24px}.creative-studio-page .header-left{display:flex;flex-direction:column;gap:4px}.creative-studio-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;letter-spacing:-.02em;margin:0}.creative-studio-page .page-subtitle{font-size:14px;color:#666d80;margin:0}.cs-gate-wrapper{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}.cs-gate-loading{display:flex;align-items:center;justify-content:center}.cs-spinner{animation:cs-spin 1s linear infinite;color:var(--text-tertiary)}@keyframes cs-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cs-gate-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:40px;max-width:480px;width:100%;text-align:center;transition:opacity .4s ease,transform .4s ease}.cs-gate-card.cs-fade-out{opacity:0;transform:translateY(-8px)}.cs-gate-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary);margin-bottom:20px}.cs-gate-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.cs-gate-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 28px;line-height:1.5}.cs-gate-cta{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .2s}.cs-gate-cta:hover{background:var(--primary-hover)}.cs-gate-separator{display:flex;align-items:center;gap:16px;margin:24px 0}.cs-gate-separator:before,.cs-gate-separator:after{content:"";flex:1;height:1px;background:var(--border)}.cs-gate-separator span{font-size:13px;color:var(--text-tertiary)}.cs-gate-code-label{font-size:13px;color:var(--text-secondary);margin:0 0 12px}.cs-gate-code-row{display:flex;gap:8px}.cs-gate-input{flex:1;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;color:var(--text-primary);background:var(--background);outline:none;transition:border-color .2s,box-shadow .2s}.cs-gate-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #6366f11a}.cs-gate-input.cs-input-error{border-color:var(--error)}.cs-gate-validate{padding:10px 20px;background:var(--text-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;justify-content:center;min-width:80px}.cs-gate-validate:hover:not(:disabled){background:#111827}.cs-gate-validate:disabled{opacity:.5;cursor:not-allowed}.cs-gate-error{font-size:13px;color:var(--error-text);margin:8px 0 0;text-align:left}.cs-content-enter{animation:cs-fade-in .4s ease}@keyframes cs-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cs-account-badge{display:inline-flex;align-items:center;margin-left:8px;padding:2px 10px;background:var(--border-light);border-radius:var(--radius-xs);font-size:12px;font-weight:500;color:var(--text-secondary);vertical-align:middle}.cs-tabs{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:24px}.cs-tab{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:none;border:none;border-bottom:2px solid transparent;font-size:14px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .2s}.cs-tab:hover{color:var(--text-primary)}.cs-tab-active{color:var(--primary);border-bottom-color:var(--primary)}.cs-tab-badge{padding:2px 8px;background:var(--border-light);border-radius:var(--radius-xs);font-size:10px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.cs-video-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:64px 40px;text-align:center}.cs-video-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:var(--primary-light);border-radius:var(--radius-lg);color:var(--primary);margin-bottom:20px}.cs-video-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 6px}.cs-video-subtitle{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.cs-video-notify{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:14px;font-weight:500;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:all .2s}.cs-video-notify:hover{background:var(--background);border-color:var(--text-tertiary)}@media (max-width: 768px){.creative-studio-page{padding:16px}}@media (max-width: 640px){.cs-gate-card{padding:28px 20px;margin:0 16px}.cs-gate-code-row{flex-direction:column}.cs-gate-validate{width:100%}}.affiliate-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;flex-shrink:0}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}}.stat-card{background:#fff;border:1px solid #EBEBEB;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05}.stat-card:hover{border-color:#d4d4d8;box-shadow:0 4px 8px #1b1c1e0a}.stat-icon{width:32px;height:32px;border-radius:10px;border:1px solid #EBEBEB;background:#f9fafb;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.stat-value{font-size:32px;font-weight:700;color:#0d0d12;letter-spacing:-.02em}.stat-label{font-size:14px;color:#666d80}.content-grid{display:grid;grid-template-columns:7fr 5fr;gap:24px}.left-column{display:flex;flex-direction:column;gap:24px}.right-column{display:flex;flex-direction:column}.calculator-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.calculator-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.card-title{font-size:18px;font-weight:700;color:#0d0d12;margin-bottom:4px}.card-subtitle{font-size:14px;color:#666d80}.currency-toggle{position:relative;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:4px;display:flex;width:200px;height:46px}.currency-slider{position:absolute;top:4px;bottom:4px;width:calc(33.333% - 5.33px);background:#3434ef;border-radius:8px;transition:all .3s ease;box-shadow:0 2px 4px #3434ef4d}.currency-btn{position:relative;z-index:10;flex:1;padding:10px 0;border-radius:8px;font-size:14px;font-weight:500;font-family:DM Sans,sans-serif;transition:color .2s ease;cursor:pointer;background:transparent;border:none;color:#666d80;display:flex;align-items:center;justify-content:center}.currency-btn.active{color:#fff}.currency-btn:hover:not(.active){color:#0d0d12}.slider-container{margin-bottom:24px}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.slider-label{font-size:14px;color:#0d0d12;font-weight:500}.slider-value{font-size:16px;font-weight:700;color:#3434ef;padding:4px 12px;background:#eef2ff;border-radius:8px}.slider-wrapper{position:relative;padding:20px 0}.slider-track{position:absolute;top:50%;left:0;right:0;height:6px;background:#e5e7eb;border-radius:3px;transform:translateY(-50%);pointer-events:none}.slider-fill{position:absolute;top:0;left:0;height:100%;background:#3434ef;border-radius:3px;transition:width .1s ease;pointer-events:none}.range-slider{position:relative;width:100%;height:6px;border-radius:3px;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;z-index:10}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#fff;border:3px solid #3434EF;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3434ef4d;-webkit-transition:all .2s ease;transition:all .2s ease;margin-top:-7px}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #3434ef66}.range-slider::-moz-range-thumb{width:20px;height:20px;background:#fff;border:3px solid #3434EF;border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #3434ef4d;-moz-transition:all .2s ease;transition:all .2s ease}.range-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:0 4px 12px #3434ef66}.range-slider::-moz-range-track{background:transparent;border:none}.slider-tooltip{position:absolute;top:-10px;transform:translate(-50%);background:#3434ef;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;pointer-events:none;white-space:nowrap}.slider-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid #3434EF}.slider-limits{display:flex;justify-content:space-between;font-size:12px;color:#666d80;margin-top:8px}.results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.result-card{background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px;padding:16px}.result-label{font-size:13px;color:#666d80;margin-bottom:8px}.result-value{font-size:24px;font-weight:700;color:#0d0d12;letter-spacing:-.02em}.calculator-note{margin-top:20px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px}.calculator-note p{font-size:13px;color:#666d80;line-height:1.6;margin-bottom:4px}.calculator-note p:last-child{margin-bottom:0}.calculator-note strong{color:#0d0d12;font-weight:600}.referral-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.referral-link-box{display:flex;gap:12px;margin-bottom:16px}.referral-link-input{flex:1;padding:12px 16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:8px;color:#0d0d12;font-size:14px;font-family:DM Sans,sans-serif}.copy-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .2s;flex-shrink:0}.copy-btn:hover{background:#2828c9}.portal-link{display:inline-flex;align-items:center;gap:8px;color:#3434ef;text-decoration:none;font-size:14px;font-weight:500;margin-bottom:20px}.portal-link:hover{text-decoration:underline}.dashboard-email-hint{font-size:13px;color:#666d80;margin:8px 0 0}.dashboard-email-hint strong{color:#0d0d12;font-weight:600}.join-description{color:#666d80;font-size:14px;line-height:1.6;margin:0 0 20px}.error-message{color:#ef4444;font-size:14px;margin:0 0 16px}.card-loading{color:#666d80;font-size:14px;padding:20px 0}.affiliate-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid #EBEBEB}.affiliate-stat{display:flex;flex-direction:column;align-items:center;text-align:center;padding:12px;background:#f7f8fa;border-radius:10px}.affiliate-stat-value{font-size:20px;font-weight:700;color:#0d0d12}.affiliate-stat-label{font-size:12px;color:#666d80;margin-top:4px}.onboarding-section{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.section-title{font-size:18px;font-weight:700;color:#0d0d12;margin-bottom:20px}.steps-list{display:flex;flex-direction:column;gap:16px}.step-card{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px}.step-number{width:28px;height:28px;border-radius:50%;background:#3434ef;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-icon{width:40px;height:40px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.step-content{flex:1}.step-title{font-size:15px;font-weight:600;color:#0d0d12;margin-bottom:4px}.step-description{font-size:13px;color:#666d80;line-height:1.5}.cta-button{width:100%;background:#3434ef;color:#fff;border:none;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;font-family:DM Sans,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #3434ef40;transition:all .2s ease}.cta-button:hover:not(:disabled){background:#2828d0;box-shadow:0 6px 20px #3434ef59;transform:translateY(-1px)}.cta-button:disabled{opacity:.7;cursor:not-allowed}.cta-button:active{transform:translateY(0)}.commission-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;margin-top:24px}.commission-list{display:flex;flex-direction:column;gap:16px}.commission-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px}.commission-item .commission-label{font-size:13px;color:#666d80}.result-card.highlight{background:#eef2ff;border-color:#3434ef}.result-card.highlight .result-value{color:#3434ef}.competitions-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;height:-moz-fit-content;height:fit-content}.competitions-list{margin-top:20px;display:flex;flex-direction:column;gap:12px}.competition-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px;cursor:pointer;transition:all .2s ease}.competition-item:hover{background:#eef2ff;border-color:#3434ef;transform:translateY(-2px);box-shadow:0 4px 12px #3434ef1a}.competition-icon{width:40px;height:40px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef;flex-shrink:0}.competition-content{flex:1;display:flex;flex-direction:column;gap:4px}.competition-title{font-size:15px;font-weight:600;color:#0d0d12}.competition-prize{font-size:16px;font-weight:700;color:#fb7319}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:16px;padding:32px;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-title{font-size:24px;font-weight:700;color:#0d0d12;margin-bottom:4px}.modal-subtitle{font-size:14px;color:#666d80}.modal-close{width:32px;height:32px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#666d80;cursor:pointer;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:#ebebeb;color:#0d0d12}.modal-prize{display:flex;align-items:center;gap:12px;padding:16px;background:#fff4ed;border:1px solid #FFEDD5;border-radius:12px;margin-bottom:24px;color:#fb7319;font-size:18px;font-weight:700}.modal-leaderboard{display:flex;flex-direction:column;gap:0}.leaderboard-entry{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #F3F4F6}.leaderboard-entry:last-child{border-bottom:none}.entry-left{display:flex;align-items:center;gap:12px}.entry-rank{font-size:14px;font-weight:700;color:#666d80;width:24px}.entry-avatar{width:36px;height:36px;background:#eef2ff;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#3434ef;font-size:13px;font-weight:600}.entry-name{font-size:15px;font-weight:500;color:#0d0d12}.entry-score{font-size:14px;font-weight:600;color:#666d80}@media (max-width: 1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.content-grid,.steps-grid{grid-template-columns:1fr}}@media (max-width: 768px){.affiliate-page{padding:16px}.page-header{flex-direction:column;gap:16px}.stats-grid,.results-grid{grid-template-columns:1fr}.affiliate-stats{grid-template-columns:repeat(2,1fr)}.referral-link-box{flex-direction:column}.copy-btn{width:100%;justify-content:center}}.affiliate-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#666d80}.affiliate-loading .spin{animation:affiliate-spin 1s linear infinite}@keyframes affiliate-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.affiliate-dashboard{display:flex;flex-direction:column;gap:24px}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-stat-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px}.dashboard-stat-card.highlight{background:linear-gradient(135deg,#3434ef14,#3434ef05);border-color:#3434ef33}.dashboard-stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.dashboard-stat-icon.clicks{background:#3b82f61a;color:#3b82f6}.dashboard-stat-icon.signups{background:#a855f71a;color:#a855f7}.dashboard-stat-icon.customers{background:#22c55e1a;color:#22c55e}.dashboard-stat-icon.earnings{background:#3434ef26;color:#3434ef}.dashboard-stat-content{display:flex;flex-direction:column}.dashboard-stat-value{font-size:24px;font-weight:700;color:#0d0d12}.dashboard-stat-label{font-size:13px;color:#666d80}.dashboard-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.dashboard-card h2{font-size:18px;font-weight:700;color:#0d0d12;margin:0 0 4px}.dashboard-card-subtitle{font-size:14px;color:#666d80;margin:0 0 20px}.projection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.projection-item{display:flex;flex-direction:column;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px;text-align:center}.projection-item.highlight{background:linear-gradient(135deg,#3434ef14,#3434ef05);border-color:#3434ef33}.projection-label{font-size:13px;color:#666d80;margin-bottom:4px}.projection-value{font-size:24px;font-weight:700;color:#0d0d12}.projection-note{margin:16px 0 0;font-size:12px;color:#9ca3af;text-align:center}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.detail-item{text-align:center;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px}.detail-value{display:block;font-size:20px;font-weight:700;color:#3434ef;margin-bottom:4px}.detail-label{font-size:13px;color:#666d80}.simulator-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px}.simulator-subtitle{font-size:14px;color:#666d80;margin:0 0 20px}.simulator-content{margin-bottom:20px}.simulator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.simulator-label{font-size:14px;color:#666d80}.simulator-value{font-size:24px;font-weight:700;color:#0d0d12}.simulator-slider{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.simulator-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#10b981;cursor:pointer;box-shadow:0 2px 8px #10b98166}.simulator-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#10b981;cursor:pointer;border:none}.simulator-scale{display:flex;justify-content:space-between;font-size:11px;color:#9ca3af;margin-top:8px;padding:0 2px}.simulator-result{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:12px;padding:16px;margin-top:20px;text-align:center}.simulator-result-label{font-size:13px;color:#166534;margin-bottom:4px}.simulator-result-value{font-size:32px;font-weight:700;color:#10b981}.simulator-result-formula{font-size:12px;color:#166534;margin-top:4px;opacity:.8}.simulator-current{border-top:1px solid #EBEBEB;padding-top:16px}.simulator-current-label{font-size:12px;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.simulator-current-stats{display:flex;gap:24px}.simulator-stat{display:flex;flex-direction:column}.simulator-stat-value{font-size:18px;font-weight:700;color:#0d0d12}.simulator-stat-label{font-size:12px;color:#666d80}.join-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:#3434ef;color:#fff;border:none;border-radius:12px;font-weight:600;font-size:15px;font-family:DM Sans,sans-serif;cursor:pointer;transition:background .2s}.join-btn:hover:not(:disabled){background:#2828c9}.join-btn:disabled{opacity:.7;cursor:not-allowed}.join-btn .spin{animation:affiliate-spin 1s linear infinite}.join-card{max-width:500px}.join-card h2{font-size:18px;font-weight:700;color:#0d0d12;margin:0 0 8px}.how-it-works h2{font-size:18px;font-weight:700;color:#0d0d12;margin:0 0 20px}.steps{display:flex;gap:24px}.step{flex:1;display:flex;gap:12px}.step-number{width:32px;height:32px;border-radius:50%;background:#3434ef;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-content h3{font-size:14px;font-weight:600;color:#0d0d12;margin:0 0 4px}.step-content p{font-size:13px;color:#666d80;margin:0;line-height:1.5}.commission-info h2{font-size:18px;font-weight:700;color:#0d0d12;margin:0 0 20px}.commission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.commission-item{display:flex;align-items:center;gap:12px;padding:16px;background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px}.commission-item svg{color:#3434ef;flex-shrink:0}.commission-item>div{display:flex;flex-direction:column;gap:2px}.commission-item .commission-value{font-size:16px;font-weight:700;color:#0d0d12}.commission-item .commission-label{font-size:12px;color:#666d80}@media (max-width: 1024px){.dashboard-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-stats-grid,.projection-grid,.details-grid,.commission-grid{grid-template-columns:1fr}.steps{flex-direction:column}}.affiliate-header{margin-bottom:32px}.affiliate-title{font-size:28px;font-weight:700;color:#0d0d12;margin:0 0 8px;letter-spacing:-.02em}.affiliate-subtitle{font-size:15px;color:#666d80;margin:0}.affiliate-content{display:flex;flex-direction:column;gap:24px}.affiliate-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:0}.stat-box{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:20px;text-align:center}.stat-box .stat-value{display:block;font-size:24px;font-weight:700;color:#3434ef;margin-bottom:4px}.stat-box .stat-label{font-size:13px;color:#666d80}.affiliate-content .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.affiliate-content .left-column,.affiliate-content .right-column{display:flex;flex-direction:column}.affiliate-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;height:100%}.affiliate-card h2{font-size:18px;font-weight:600;color:#0d0d12;margin:0 0 4px}.calculator-card .calculator-subtitle{font-size:14px;color:#666d80;margin:0 0 24px}.slider-section{margin-bottom:24px}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.slider-label{font-size:14px;color:#666d80}.slider-value{font-size:28px;font-weight:700;color:#0d0d12}.referral-slider{width:100%;height:8px;border-radius:4px;background:#e5e7eb;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.referral-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:#3434ef;cursor:pointer;box-shadow:0 2px 8px #3434ef66}.referral-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#3434ef;cursor:pointer;border:none}.slider-range{display:flex;justify-content:space-between;font-size:12px;color:#9ca3af;margin-top:8px}.earnings-result{background:#f7f8fa;border:1px solid #EBEBEB;border-radius:12px;padding:16px;margin-bottom:16px}.earnings-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:14px;color:#666d80}.earnings-row.total{border-top:1px solid #EBEBEB;margin-top:8px;padding-top:16px}.earnings-value{font-weight:600;color:#0d0d12}.earnings-value.highlight{font-size:24px;font-weight:700;color:#3434ef}.earnings-note{font-size:12px;color:#9ca3af;text-align:center;margin:0 0 24px}.how-it-works-card h2{margin:0 0 24px}.steps-list{display:flex;flex-direction:column;gap:20px}.step-item{display:flex;align-items:flex-start;gap:16px}.step-number{width:36px;height:36px;border-radius:50%;background:#3434ef1a;color:#3434ef;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.step-content h3{margin:0 0 6px;font-size:15px;font-weight:600;color:#0d0d12}.step-content p{margin:0;font-size:13px;color:#666d80;line-height:1.5}@media (max-width: 1024px){.affiliate-stats-grid{grid-template-columns:repeat(2,1fr)}.affiliate-content .content-grid{grid-template-columns:1fr}}@media (max-width: 640px){.affiliate-stats-grid{grid-template-columns:1fr}}.community-page{padding:32px;min-height:100vh}.community-notification{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-radius:12px;margin-bottom:24px;font-weight:500;font-size:14px}.community-notification.success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.community-notification.error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.community-notification.info{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);color:#3b82f6}.notification-close{background:none;border:none;color:inherit;cursor:pointer;padding:4px;display:flex;align-items:center}.community-header{margin-bottom:32px}.community-title{font-size:28px;font-weight:700;margin:0 0 8px;color:#111827}.community-subtitle{font-size:14px;margin:0;color:#6b7280}.community-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px;max-width:900px}.community-card{background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:32px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:border-color .2s,transform .2s}.community-card:hover:not(.disabled){transform:translateY(-2px)}.community-card.disabled{opacity:.6}.card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.card-icon svg{width:32px;height:32px}.card-icon.discord{background:#5865f226;color:#5865f2}.card-icon.slack{background:#e01e5a26;color:#e01e5a}.card-title{font-size:20px;font-weight:600;margin:0 0 12px;color:#111827}.card-description{font-size:14px;line-height:1.6;margin:0 0 24px;color:#6b7280}.card-loading{color:#9ca3af;font-size:14px;padding:20px;text-align:center}.reward-badge{background:#6366f11a;color:#6366f1;padding:10px 20px;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:20px}.connect-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 24px;border-radius:12px;font-size:15px;font-weight:600;border:none;cursor:pointer;transition:background .2s}.connect-btn:disabled{opacity:.7;cursor:not-allowed}.connect-btn svg{width:20px;height:20px}.discord-btn{background:#5865f2;color:#fff}.discord-btn:hover:not(:disabled){background:#4752c4}.connected-status{width:100%;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:10px}.status-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:600;margin:0 auto}.status-badge.success{background:#22c55e26;color:#22c55e}.status-badge svg{width:16px;height:16px}.connected-user{font-size:14px;color:#6b7280;margin:0;text-align:center!important;width:100%}.earned-uploads{font-size:15px;color:#6366f1;font-weight:600;margin:0;text-align:center!important;width:100%}.slack-coming-soon{background:#f3f4f6;color:#6b7280;padding:14px 24px;border-radius:12px;font-size:14px;font-weight:500;width:100%;text-align:center;border:1px solid #E5E7EB}@media (max-width: 768px){.community-page{padding:20px}.community-cards{grid-template-columns:1fr}}.configuration-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.configuration-page .page-header{margin-bottom:32px}.configuration-page .header-left{display:flex;flex-direction:column;gap:4px}.configuration-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em;margin:0}.configuration-page .page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif;margin:0}.config-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.config-card{display:flex;align-items:center;gap:16px;padding:24px;background:#fff;border:1px solid #EBEBEB;border-radius:16px;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.config-card:hover{border-color:#c7d2fe;background:#fafaff;box-shadow:0 4px 12px #6366f114;transform:translateY(-2px)}.config-card:active{transform:translateY(0);box-shadow:0 2px 8px #6366f10f}.config-card-icon{width:52px;height:52px;border-radius:14px;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0;transition:all .2s ease}.config-card:hover .config-card-icon{background:#6366f1;color:#fff}.config-card-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.config-card-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#0d0d12;margin:0}.config-card-description{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80;margin:0;line-height:1.4}.config-card-arrow{color:#d1d5db;flex-shrink:0;transition:all .2s ease}.config-card:hover .config-card-arrow{color:#6366f1;transform:translate(4px)}@media (max-width: 1024px){.config-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.configuration-page{padding:16px}.config-cards-grid{grid-template-columns:1fr;gap:12px}.config-card{padding:20px}.config-card-icon{width:44px;height:44px;border-radius:12px}.config-card-icon svg{width:20px;height:20px}}@media (max-width: 480px){.config-card{padding:16px;gap:12px}.config-card-title{font-size:15px}.config-card-description{font-size:12px}}.account-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif;overflow-y:auto}.account-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.account-page .header-left{display:flex;flex-direction:column;gap:4px}.account-page .header-right{display:flex;align-items:center}.account-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em;margin:0}.account-page .page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif;margin:0}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600}.plan-badge.freemium{background:#f3f4f6;color:#6b7280}.plan-badge.self-made{background:#eef2ff;color:#6366f1}.plan-badge.agency{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.account-content{display:flex;flex-direction:column;gap:24px}.account-section{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:20px}.section-header{display:flex;align-items:flex-start;gap:16px}.section-icon{width:44px;height:44px;border-radius:12px;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.section-icon.agency-icon{background:#fef3c7;color:#d97706}.section-info{display:flex;flex-direction:column;gap:4px}.section-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0}.section-description{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80;margin:0}.warning-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#fef3c7;border:1px solid #FCD34D;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;color:#92400e}.warning-banner svg{color:#d97706;flex-shrink:0}.connected-accounts{display:flex;flex-direction:column;gap:12px}.facebook-account-card{display:flex;flex-direction:column;gap:16px;padding:20px;background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;transition:all .2s ease}.facebook-account-card.active{background:#fff;border-color:#c7d2fe;box-shadow:0 2px 8px #6366f114}.facebook-account-card:hover{border-color:#d4d4d8}.account-card-header{display:flex;justify-content:space-between;align-items:flex-start}.account-left{display:flex;align-items:center;gap:14px}.account-avatar{position:relative;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden}.account-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.avatar-initials{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#fff}.facebook-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#1877f2;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid white}.account-details{display:flex;flex-direction:column;gap:4px}.account-name-row{display:flex;align-items:center;gap:8px}.account-name{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#0d0d12}.active-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#dcfce7;border-radius:100px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:#16a34a}.active-badge svg{color:#16a34a}.account-email{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.account-meta{display:flex;align-items:center;gap:16px;margin-top:4px}.meta-item{display:flex;align-items:center;gap:6px;font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.meta-item svg{color:#9ca3af}.account-actions{display:flex;align-items:center;gap:8px}.switch-btn{padding:8px 14px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#0d0d12;cursor:pointer;transition:all .2s ease}.switch-btn:hover{background:#f3f4f6;border-color:#d4d4d8}.disconnect-btn{padding:8px 14px;background:transparent;border:1px solid #FCA5A5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.disconnect-btn:hover{background:#fee2e2;border-color:#f87171}.add-account-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:#fff;border:1px dashed #D4D4D8;border-radius:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#6366f1;cursor:pointer;transition:all .2s ease}.add-account-btn:hover{background:#eef2ff;border-color:#6366f1;border-style:solid}.add-account-btn svg{color:#6366f1}.facebook-note{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0;text-align:center}.account-stats{display:flex;align-items:center;gap:20px;padding:12px 16px;background:#fff;border:1px solid #EBEBEB;border-radius:10px}.stat-item{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.stat-item svg{color:#9ca3af}.fb-management-actions{display:flex;flex-direction:column;gap:10px}.actions-row{display:flex;gap:10px}.fb-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease;text-decoration:none}.fb-action-btn:hover{background:#f3f4f6;border-color:#d4d4d8}.fb-action-btn svg{color:#6b7280;flex-shrink:0}.fb-action-btn.external-link{color:#6366f1}.fb-action-btn.external-link svg{color:#6366f1}.fb-action-btn.external-link:hover{background:#eef2ff;border-color:#c7d2fe}.fb-action-btn.refreshing{opacity:.7;cursor:not-allowed}.fb-action-btn .spin{animation:spin 1s linear infinite}.account-footer{padding-top:16px;border-top:1px solid #EBEBEB;display:flex;justify-content:flex-end}.agency-toggle-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:16px}.toggle-content{display:flex;justify-content:space-between;align-items:center}.toggle-left{display:flex;align-items:center;gap:12px}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-title{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#0d0d12}.toggle-subtitle{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.agency-toggle{position:relative;width:48px;height:26px;background:#e5e7eb;border:none;border-radius:100px;cursor:pointer;transition:all .3s ease}.agency-toggle.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.agency-toggle .toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;background:#fff;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003}.agency-toggle.active .toggle-thumb{transform:translate(22px)}.agency-benefits{padding:16px;background:linear-gradient(135deg,#f59e0b1a,#d977061a);border:1px solid rgba(245,158,11,.3);border-radius:10px}.agency-benefits h4{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#92400e;margin:0 0 12px}.benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.benefits-list li{display:flex;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:13px;color:#92400e}.benefits-list li svg{color:#d97706}.agency-warning{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fef3c7;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;color:#92400e}.agency-warning svg{color:#d97706;flex-shrink:0;margin-top:1px}.plan-info{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid #EBEBEB}.plan-label{font-family:DM Sans,sans-serif;font-size:13px;color:#666d80}.workspace-status{display:flex;align-items:center;gap:12px}.workspace-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.workspace-badge.locked{background:#f3f4f6;color:#6b7280}.workspace-badge.unlocked{background:#dcfce7;color:#16a34a}.workspace-hint{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.account-info-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:24px}.info-profile{display:flex;align-items:center;gap:16px;padding-bottom:20px;border-bottom:1px solid #EBEBEB}.profile-avatar{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;overflow:hidden}.profile-avatar.large .avatar-initials{font-size:22px}.profile-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-details{display:flex;flex-direction:column;gap:4px}.profile-name{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0}.profile-email{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;align-items:flex-start;gap:12px}.info-icon{width:36px;height:36px;border-radius:10px;background:#fff;border:1px solid #EBEBEB;display:flex;align-items:center;justify-content:center;color:#6b7280;flex-shrink:0}.info-content{display:flex;flex-direction:column;gap:2px}.info-label{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.info-value{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#0d0d12}.info-value.status-active{display:flex;align-items:center;gap:6px;color:#16a34a}.info-value.status-active svg{color:#16a34a}@media (max-width: 768px){.account-page{padding:16px}.account-page .page-header{flex-direction:column;gap:12px}.account-section{padding:20px}.section-header{flex-direction:column;gap:12px}.facebook-account-card{padding:16px}.account-card-header{flex-direction:column;gap:12px}.account-card-header .switch-btn{align-self:flex-start}.account-stats{flex-wrap:wrap;gap:12px}.actions-row{flex-direction:column}.fb-action-btn{width:100%}.account-meta{flex-direction:column;align-items:flex-start;gap:6px}.info-grid{grid-template-columns:1fr}.toggle-content{flex-direction:column;align-items:flex-start;gap:16px}.toggle-right{align-self:flex-end}}@media (max-width: 480px){.account-section{padding:16px}.section-title{font-size:16px}.account-avatar{width:40px;height:40px}.avatar-initials{font-size:14px}.profile-avatar{width:56px;height:56px}.profile-avatar.large .avatar-initials{font-size:18px}.account-stats{padding:10px 12px;gap:8px}.stat-item{font-size:12px}.fb-action-btn{padding:10px 12px;font-size:12px}.account-footer{justify-content:center}.disconnect-btn{width:100%;justify-content:center}}.account-alert{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:13px;font-weight:500;z-index:1001;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}.account-alert--success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.account-alert--error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.account-alert button{margin-left:8px;background:none;border:none;font-size:18px;cursor:pointer;opacity:.7;color:inherit;line-height:1}.account-alert button:hover{opacity:1}.account-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.account-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}.account-modal__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.account-modal__header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.account-modal__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;font-size:24px;line-height:1;transition:all .15s ease}.account-modal__close:hover{background:#f3f4f6;color:#111827}.account-modal__body{padding:24px;overflow-y:auto}.account-modal__body p{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.account-modal__description{color:#6b7280}.account-modal__footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.permissions-list{display:flex;flex-direction:column;gap:8px;margin-top:8px}.permission-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:#f9fafb;border-radius:8px}.permission-item__name{font-size:13px;color:#374151;text-transform:capitalize}.permission-item__status{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.permission-item__status--granted{color:#059669}.permission-item__status--declined{color:#dc2626}.permissions-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:20px}.permissions-card .permissions-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.permissions-card .permissions-title{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#374151}.permissions-card .permissions-list{display:flex;flex-direction:column;gap:8px;margin-top:0}.permissions-card .scope-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#fff;border:1px solid #EBEBEB;border-radius:8px}.permissions-card .scope-name{font-family:DM Sans,sans-serif;font-size:13px;color:#374151}.permissions-card .scope-status{display:flex;align-items:center;gap:5px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500}.permissions-card .scope-status.granted{color:#16a34a}.permissions-card .scope-status.missing{color:#dc2626}.permissions-card .permissions-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:#9ca3af;font-size:13px}.permissions-card .permissions-loading svg{animation:spin 1s linear infinite;margin-right:8px}.account-modal__warning{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;margin-top:12px}.account-modal__warning svg{flex-shrink:0;margin-top:1px}.account-modal--danger .account-modal__header h3{color:#dc2626}.billing-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.page-content{display:flex;flex-direction:column;gap:24px}.billing-section{padding:24px;background:#fff;border:1px solid #EBEBEB;border-radius:16px}.billing-section h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#0d0d12}.billing-subtitle{margin:0 0 20px;font-size:14px;color:#6b7280}.billing-loading{padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.skeleton-plan{height:80px;margin-bottom:16px}.skeleton-button{height:44px;width:200px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.current-plan-card{padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB;margin-bottom:20px}.plan-info{display:flex;justify-content:space-between;align-items:center}.plan-left{display:flex;align-items:center;gap:10px}.plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:14px;font-weight:600;background:#e5e7eb;color:#374151}.plan-badge.pro{background:linear-gradient(135deg,#3434ef,#6366f1);color:#fff}.plan-badge.pro svg{color:gold}.status-badge{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.past-due{background:#fee2e2;color:#991b1b}.plan-price{font-size:20px;font-weight:700;color:#0d0d12}.usage-info,.renewal-date{margin-top:16px;padding-top:16px;border-top:1px solid #E5E7EB;font-size:14px;color:#6b7280}.payment-warning{margin-top:16px;padding:12px 16px;background:#fef3c7;color:#92400e;border-radius:8px;font-size:14px;line-height:1.5}.billing-actions{margin-bottom:16px}.early-access-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #E2E8F0;border-radius:16px;padding:24px;text-align:center}.early-access-badge{background:linear-gradient(135deg,#f40,#ff6b35);color:#fff;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;display:inline-block;margin-bottom:20px}.pricing-block{margin-bottom:20px}.price-comparison{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:8px}.price-original{font-size:20px;color:#9ca3af;text-decoration:line-through}.price-arrow{font-size:20px;color:#9ca3af}.price-promo{font-size:32px;font-weight:800;color:#10b981}.price-monthly{font-size:14px;color:#6b7280;margin:0}.cta-button{width:100%;padding:14px 24px;background:linear-gradient(135deg,#f40,#ff6b35);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #ff44004d}.cta-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f406}.offer-meta{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;font-size:14px;color:#6b7280}.offer-separator{color:#d1d5db}.early-access-info{margin-top:12px;font-size:13px;color:#6b7280}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;color:#374151;border:1px solid #E5E7EB;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:#f3f4f6;border-color:#d1d5db}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#3434ef;color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s}.btn-primary:hover{background:#2828c7}.portal-info{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.pro-benefits{margin-top:24px;padding-top:24px;border-top:1px solid #E5E7EB}.pro-benefits h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#0d0d12}.pro-benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.pro-benefits li{display:flex;align-items:center;gap:8px;font-size:14px;color:#374151}.pro-benefits li:before{content:"✓";color:#10b981;font-weight:600}.features-section{padding:24px;background:#fff;border:1px solid #EBEBEB;border-radius:16px}.features-section h3{margin:0 0 20px;font-size:16px;font-weight:600;color:#0d0d12}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #E5E7EB}.feature-icon{font-size:24px;line-height:1}.feature-content{display:flex;flex-direction:column;gap:4px}.feature-title{font-size:14px;font-weight:600;color:#0d0d12}.feature-desc{font-size:13px;color:#6b7280}@media (max-width: 768px){.billing-page{padding:16px}.features-grid{grid-template-columns:1fr}.plan-info{flex-direction:column;align-items:flex-start;gap:12px}}.history-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif;overflow-y:auto}.history-page .page-header{margin-bottom:24px}.history-page .header-left{display:flex;flex-direction:column;gap:4px}.history-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em;margin:0}.history-page .page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif;margin:0}.history-controls{display:flex;align-items:center;gap:16px;margin-bottom:24px;flex-wrap:wrap}.history-search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:10px 14px;flex:1;max-width:320px;transition:all .2s ease}.history-search:focus-within{border-color:#3434ef;box-shadow:0 0 0 3px #3434ef1a}.history-search .search-icon{color:#666d80;flex-shrink:0}.history-search .search-input{border:none;background:transparent;font-family:DM Sans,sans-serif;font-size:14px;color:#0d0d12;width:100%;outline:none}.history-search .search-input::-moz-placeholder{color:#9ca3af}.history-search .search-input::placeholder{color:#9ca3af}.history-filters{display:flex;gap:12px}.filter-dropdown-container{position:relative}.filter-dropdown-btn{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#0d0d12;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-dropdown-btn:hover{border-color:#d4d4d8;background:#f9fafb}.filter-dropdown-btn svg{color:#666d80;transition:transform .2s ease}.filter-dropdown-btn svg.chevron-rotated{transform:rotate(180deg)}.filter-dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #EBEBEB;border-radius:10px;padding:6px;min-width:180px;box-shadow:0 4px 16px #00000014;z-index:100}.filter-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;border-radius:6px;font-family:DM Sans,sans-serif;font-size:14px;color:#0d0d12;cursor:pointer;text-align:left;transition:background .15s ease}.filter-option:hover{background:#f3f4f6}.filter-option.active{background:#eef2ff;color:#3434ef}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.completed{background:#22c55e}.status-dot.processing{background:#f59e0b}.status-dot.failed{background:#ef4444}.status-dot.draft{background:#9ca3af}.history-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.history-card{background:#fff;border:1px solid #EBEBEB;border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:16px;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05}.history-card:hover{border-color:#d4d4d8;box-shadow:0 4px 12px #1b1c1e0f}.history-card-header{display:flex;justify-content:space-between;align-items:flex-start}.history-card-campaign{display:flex;flex-direction:column;gap:10px}.campaign-name{font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#0d0d12;word-break:break-word}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;width:-moz-fit-content;width:fit-content}.status-badge.completed{background:#dcfce7;color:#16a34a}.status-badge.completed svg{color:#16a34a}.status-badge.failed{background:#fee2e2;color:#dc2626}.status-badge.failed svg{color:#dc2626}.status-badge.processing{background:#fef3c7;color:#d97706}.status-badge.processing svg{color:#d97706}.status-badge.draft{background:#f3f4f6;color:#6b7280}.status-badge.draft svg{color:#6b7280}.history-card-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:center;gap:8px;font-family:DM Sans,sans-serif;font-size:13px}.detail-icon{color:#9ca3af;flex-shrink:0}.detail-label{color:#666d80}.detail-value{color:#0d0d12;font-weight:500;margin-left:auto}.history-progress{margin-top:auto}.progress-bar-bg{width:100%;height:6px;background:#f3f4f6;border-radius:100px;overflow:hidden}.progress-bar-fill{height:100%;border-radius:100px;transition:width .3s ease}.progress-bar-fill.completed{background:linear-gradient(90deg,#22c55e,#16a34a)}.progress-bar-fill.processing{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-bar-fill.failed{background:linear-gradient(90deg,#ef4444,#dc2626)}.progress-bar-fill.draft{background:#d1d5db}.history-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:16px}.history-loading svg{color:#3434ef}.history-loading p{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80;margin:0}.history-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;gap:16px}.history-error svg{color:#ef4444}.history-error p{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80;margin:0}.history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.history-empty .empty-icon{color:#d1d5db;margin-bottom:16px}.history-empty h3{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#0d0d12;margin:0 0 8px}.history-empty p{font-family:DM Sans,sans-serif;font-size:14px;color:#666d80;margin:0}@media (max-width: 768px){.history-page{padding:16px}.history-controls{flex-direction:column;align-items:stretch}.history-search{max-width:none}.history-filters{flex-wrap:wrap}.history-cards-grid{grid-template-columns:1fr}.history-card{padding:16px}}@media (max-width: 480px){.filter-dropdown-btn{padding:8px 12px;font-size:13px}.campaign-name{font-size:14px}.detail-row{font-size:12px}}.integration-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif}.page-header{margin-bottom:24px}.header-left{display:flex;flex-direction:column;gap:4px}.page-title{font-size:28px;font-weight:700;color:#0d0d12;font-family:DM Sans,sans-serif;letter-spacing:-.02em}.page-subtitle{font-size:14px;color:#666d80;font-family:DM Sans,sans-serif}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media (max-width: 1400px){.integrations-grid{grid-template-columns:repeat(3,1fr)}}.integration-card{background:#fff;border:1px solid;border-radius:16px;overflow:hidden;transition:all .2s ease;box-shadow:0 2px 4px #1b1c1e05;display:flex;flex-direction:column}.integration-card:hover{box-shadow:0 4px 12px #1b1c1e14;transform:translateY(-2px)}.integration-card.coming-soon{opacity:.6;pointer-events:none}.integration-card.coming-soon .card-header{cursor:not-allowed}.integration-page .card-header{padding:24px;display:flex;flex-direction:column;gap:12px;cursor:pointer;min-height:200px}.integration-info{display:flex;align-items:center;gap:12px}.integration-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.integration-name{font-size:15px;font-weight:700;color:#0d0d12;line-height:1.3;flex:1}.integration-description{font-size:13px;color:#666d80;line-height:1.6;flex-grow:1}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;align-self:flex-start;margin-top:auto}.status-badge.connected{background:#22c55e1a;color:#22c55e}.status-badge.disconnected{background:#f7f8fa;color:#a1a1aa;border:1px solid #EBEBEB}.status-badge.coming-soon-badge{background:#fb73191a;color:#fb7319;border:1px solid rgba(251,115,25,.2)}.card-content{padding:0 24px 24px;border-top:1px solid #EBEBEB;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.features-list{margin:20px 0}.features-title{font-size:13px;font-weight:700;color:#0d0d12;margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.features-list ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.features-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#666d80}.features-list li svg{color:#22c55e;flex-shrink:0}.card-footer{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.action-button{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;flex:1;justify-content:center}.action-button.primary{background:#3434ef;color:#fff;box-shadow:0 2px 8px #3434ef33}.action-button.primary:hover{background:#2828d0;box-shadow:0 4px 12px #3434ef4d;transform:translateY(-1px)}.action-button.secondary{background:#f7f8fa;color:#666d80;border:1px solid #EBEBEB}.action-button.secondary:hover{background:#ebebeb;border-color:#d4d4d8}.disconnect-button{padding:8px 14px;font-size:13px;font-weight:600;font-family:DM Sans,sans-serif;background:transparent;color:#ef4444;border:1px solid #FEE2E2;border-radius:8px;cursor:pointer;transition:all .2s ease;flex:1;text-align:center}.disconnect-button:hover{background:#fef2f2;border-color:#fca5a5}@media (max-width: 1200px){.integrations-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.integration-page{padding:16px}.integrations-grid{grid-template-columns:1fr}.integration-icon{width:32px;height:32px}.integration-name{font-size:14px}.integration-description{font-size:12px}.card-header{padding:20px;min-height:180px}.card-footer{flex-direction:column}.action-button,.disconnect-button{width:100%;justify-content:center}}.files-nomenclature-page{padding:32px;max-width:1200px;margin:0 auto}.files-nomenclature-page .back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s ease}.files-nomenclature-page .back-link:hover{color:#3434ef}.files-nomenclature-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.files-nomenclature-page .page-header-left h1{font-size:24px;font-weight:600;color:#111827;margin:0 0 4px}.files-nomenclature-page .page-header-left p{font-size:14px;color:#6b7280;margin:0}.files-nomenclature-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.files-nomenclature-page .loading-state p{margin-top:16px;font-size:14px}.files-nomenclature-page .error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;background:#fef2f2;border:1px solid #FECACA;border-radius:12px}.files-nomenclature-page .error-state svg{color:#dc2626;margin-bottom:16px}.files-nomenclature-page .error-state h3{color:#991b1b;font-size:16px;font-weight:600;margin:0 0 8px}.files-nomenclature-page .error-state p{color:#dc2626;font-size:14px;margin:0 0 20px}.files-nomenclature-page .empty-state{text-align:center;padding:80px 20px;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb}.files-nomenclature-page .empty-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#eef2ff;border-radius:50%;color:#3434ef;margin-bottom:20px}.files-nomenclature-page .empty-state h2{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.files-nomenclature-page .empty-state p{font-size:14px;color:#6b7280;max-width:400px;margin:0 auto;line-height:1.5}.files-nomenclature-page .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.files-nomenclature-page .template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.files-nomenclature-page .template-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.files-nomenclature-page .template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.files-nomenclature-page .template-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-nomenclature-page .btn-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s;flex-shrink:0}.files-nomenclature-page .btn-delete:hover{background:#fee2e2;color:#dc2626}.files-nomenclature-page .btn-delete:disabled{cursor:not-allowed;opacity:.5}.files-nomenclature-page .template-details{display:flex;flex-direction:column;gap:10px}.files-nomenclature-page .detail-row{display:flex;align-items:center;gap:8px;font-size:14px}.files-nomenclature-page .detail-row svg{color:#9ca3af;flex-shrink:0}.files-nomenclature-page .detail-label{color:#6b7280;flex-shrink:0}.files-nomenclature-page .detail-value{color:#111827;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.files-nomenclature-page .template-footer{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.files-nomenclature-page .template-footer svg{color:#9ca3af}.files-nomenclature-page .template-date{font-size:12px;color:#9ca3af}.files-nomenclature-page .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.files-nomenclature-page .btn-primary:hover{background:#2828d0}@media (max-width: 768px){.files-nomenclature-page{padding:20px}.files-nomenclature-page .page-header{flex-direction:column;gap:16px}.files-nomenclature-page .templates-grid{grid-template-columns:1fr}}.adset-templates-page{padding:32px;max-width:1200px;margin:0 auto}.adset-templates-page .back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s ease}.adset-templates-page .back-link:hover{color:#3434ef}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.page-header-left h1{font-size:24px;font-weight:600;color:#111827;margin:0 0 4px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.page-header .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.page-header .btn-primary:hover{background:#2828d0}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.loading-state p{margin-top:16px;font-size:14px}.empty-state{text-align:center;padding:80px 20px;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb}.empty-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#eef2ff;border-radius:50%;color:#3434ef;margin-bottom:20px}.empty-state h2{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}.empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.empty-state .btn-primary:hover{background:#2828d0}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.template-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.template-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-actions{display:flex;align-items:center;gap:4px}.btn-edit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s;flex-shrink:0}.btn-edit:hover{background:#dbeafe;color:#2563eb}.btn-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s;flex-shrink:0}.btn-delete:hover{background:#fee2e2;color:#dc2626}.btn-delete:disabled{cursor:not-allowed;opacity:.5}.template-details{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:center;gap:8px;font-size:14px}.detail-row svg{color:#9ca3af;flex-shrink:0}.detail-label{color:#6b7280;flex-shrink:0}.detail-value{color:#111827;font-weight:500}.template-footer{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.template-footer svg{color:#9ca3af}.template-date{font-size:12px;color:#9ca3af}.spinning{animation:spin 1s linear infinite}.adset-templates-page .template-created-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86EFAC;border-radius:12px;margin-bottom:24px}.adset-templates-page .template-created-banner .banner-content{display:flex;align-items:center;gap:12px}.adset-templates-page .template-created-banner .banner-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;color:#fff;flex-shrink:0}.adset-templates-page .template-created-banner .banner-text{display:flex;flex-direction:column;gap:2px}.adset-templates-page .template-created-banner .banner-text strong{font-size:14px;font-weight:600;color:#166534}.adset-templates-page .template-created-banner .banner-text span{font-size:13px;color:#15803d}.adset-templates-page .btn-return-upload{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.adset-templates-page .btn-return-upload:hover{background:#16a34a}.adset-templates-page .upload-context-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:8px;margin-bottom:24px}.adset-templates-page .upload-context-banner span{font-size:14px;color:#4338ca}.adset-templates-page .btn-back-to-upload{padding:6px 12px;background:transparent;border:1px solid #A5B4FC;border-radius:6px;font-size:13px;font-weight:500;color:#4338ca;cursor:pointer;transition:all .2s;white-space:nowrap}.adset-templates-page .btn-back-to-upload:hover{background:#c7d2fe}@media (max-width: 768px){.adset-templates-page{padding:20px}.page-header{flex-direction:column;gap:16px}.page-header .btn-primary{width:100%;justify-content:center}.templates-grid{grid-template-columns:1fr}.adset-templates-page .template-created-banner{flex-direction:column;align-items:stretch}.adset-templates-page .btn-return-upload{justify-content:center}.adset-templates-page .upload-context-banner{flex-direction:column;align-items:stretch;text-align:center}.adset-templates-page .btn-back-to-upload{text-align:center}}.ad-templates-page{padding:32px;max-width:1200px;margin:0 auto}.ad-templates-page .back-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;padding:0;margin-bottom:16px;transition:color .15s ease}.ad-templates-page .back-link:hover{color:#3434ef}.ad-templates-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.ad-templates-page .page-header-left h1{font-size:24px;font-weight:600;color:#111827;margin:0 0 4px}.ad-templates-page .page-subtitle{font-size:14px;color:#6b7280;margin:0}.ad-templates-page .page-header .btn-primary{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.ad-templates-page .page-header .btn-primary:hover{background:#2828d0}.ad-templates-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#6b7280}.ad-templates-page .loading-state p{margin-top:16px;font-size:14px}.ad-templates-page .empty-state{text-align:center;padding:80px 20px;background:#f9fafb;border-radius:16px;border:2px dashed #e5e7eb}.ad-templates-page .empty-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#eef2ff;border-radius:50%;color:#3434ef;margin-bottom:20px}.ad-templates-page .empty-state h2{font-size:18px;font-weight:600;color:#111827;margin:0 0 8px}.ad-templates-page .empty-state p{font-size:14px;color:#6b7280;margin:0 0 24px}.ad-templates-page .empty-state .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#3434ef;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.ad-templates-page .empty-state .btn-primary:hover{background:#2828d0}.ad-templates-page .templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.ad-templates-page .template-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;transition:all .2s}.ad-templates-page .template-card:hover{box-shadow:0 4px 12px #00000014;border-color:#d1d5db}.ad-templates-page .template-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.ad-templates-page .template-header h3{font-size:16px;font-weight:600;color:#111827;margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-templates-page .template-actions{display:flex;align-items:center;gap:4px}.ad-templates-page .btn-edit{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s;flex-shrink:0}.ad-templates-page .btn-edit:hover{background:#dbeafe;color:#2563eb}.ad-templates-page .btn-delete{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;cursor:pointer;border-radius:6px;color:#9ca3af;transition:all .2s;flex-shrink:0}.ad-templates-page .btn-delete:hover{background:#fee2e2;color:#dc2626}.ad-templates-page .btn-delete:disabled{cursor:not-allowed;opacity:.5}.ad-templates-page .template-details{display:flex;flex-direction:column;gap:10px}.ad-templates-page .detail-row{display:flex;align-items:flex-start;gap:8px;font-size:14px}.ad-templates-page .detail-row svg{color:#9ca3af;flex-shrink:0;margin-top:2px}.ad-templates-page .detail-label{color:#6b7280;flex-shrink:0}.ad-templates-page .detail-value{color:#111827;font-weight:500;word-break:break-word}.ad-templates-page .detail-value.cta-badge{background:#eef2ff;color:#3434ef;padding:2px 8px;border-radius:4px;font-size:12px}.ad-templates-page .detail-value.url-value{color:#6b7280;font-weight:400;font-size:13px}.ad-templates-page .template-footer{display:flex;align-items:center;gap:6px;margin-top:16px;padding-top:16px;border-top:1px solid #f3f4f6}.ad-templates-page .template-footer svg{color:#9ca3af}.ad-templates-page .template-date{font-size:12px;color:#9ca3af}.ad-templates-page .spinning{animation:spin 1s linear infinite}.ad-templates-page .template-created-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86EFAC;border-radius:12px;margin-bottom:24px}.ad-templates-page .template-created-banner .banner-content{display:flex;align-items:center;gap:12px}.ad-templates-page .template-created-banner .banner-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#22c55e;border-radius:50%;color:#fff;flex-shrink:0}.ad-templates-page .template-created-banner .banner-text{display:flex;flex-direction:column;gap:2px}.ad-templates-page .template-created-banner .banner-text strong{font-size:14px;font-weight:600;color:#166534}.ad-templates-page .template-created-banner .banner-text span{font-size:13px;color:#15803d}.ad-templates-page .btn-return-upload{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#22c55e;color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.ad-templates-page .btn-return-upload:hover{background:#16a34a}.ad-templates-page .upload-context-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;background:#eef2ff;border:1px solid #C7D2FE;border-radius:8px;margin-bottom:24px}.ad-templates-page .upload-context-banner span{font-size:14px;color:#4338ca}.ad-templates-page .btn-back-to-upload{padding:6px 12px;background:transparent;border:1px solid #A5B4FC;border-radius:6px;font-size:13px;font-weight:500;color:#4338ca;cursor:pointer;transition:all .2s;white-space:nowrap}.ad-templates-page .btn-back-to-upload:hover{background:#c7d2fe}@media (max-width: 768px){.ad-templates-page{padding:20px}.ad-templates-page .page-header{flex-direction:column;gap:16px}.ad-templates-page .page-header .btn-primary{width:100%;justify-content:center}.ad-templates-page .templates-grid{grid-template-columns:1fr}.ad-templates-page .template-created-banner{flex-direction:column;align-items:stretch}.ad-templates-page .btn-return-upload{justify-content:center}.ad-templates-page .upload-context-banner{flex-direction:column;align-items:stretch;text-align:center}.ad-templates-page .btn-back-to-upload{text-align:center}}.cascade-select{position:relative;width:100%}.cascade-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;background:#fff;border:1px solid #EBEBEB;border-radius:10px;cursor:pointer;transition:all .2s ease;min-height:44px}.cascade-select-trigger:hover:not(.disabled),.cascade-select-trigger.open{border-color:#d4d4d8}.cascade-select-trigger.open{border-color:#3434ef}.cascade-select-trigger.disabled{opacity:.5;cursor:not-allowed;background:#f9fafb}.cascade-trigger-content{flex:1;display:flex;align-items:center;min-width:0;overflow:hidden}.cascade-placeholder{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af}.cascade-placeholder.disabled{color:#c4c4c4}.cascade-chips{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;overflow:hidden}.cascade-chip{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#eef2ff;border-radius:6px;font-family:DM Sans,sans-serif;font-size:12px;color:#3434ef;white-space:nowrap}.cascade-chip-remove{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;color:#3434ef;opacity:.6;transition:opacity .2s ease}.cascade-chip-remove:hover{opacity:1}.cascade-chip-more{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#3434ef;padding:4px 8px;background:#eef2ff;border-radius:6px}.cascade-trigger-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cascade-clear-btn{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.cascade-clear-btn:hover{color:#0d0d12;background:#f3f4f6}.cascade-chevron{color:#9ca3af;transition:transform .2s ease}.cascade-chevron.rotated{transform:rotate(180deg)}.cascade-dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:350px;background:#fff;border:1px solid #EBEBEB;border-radius:12px;box-shadow:0 10px 25px #0000001a;z-index:100;overflow:hidden}.cascade-search{display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #EBEBEB}.cascade-search-icon{color:#9ca3af;flex-shrink:0}.cascade-search input{flex:1;border:none;background:none;font-family:DM Sans,sans-serif;font-size:13px;color:#0d0d12;outline:none}.cascade-search input::-moz-placeholder{color:#9ca3af}.cascade-search input::placeholder{color:#9ca3af}.cascade-toolbar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid #EBEBEB}.cascade-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.cascade-toggle-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#6b7280}.cascade-toggle-switch{position:relative;width:32px;height:18px;background:#d4d4d8;border:none;border-radius:9px;cursor:pointer;padding:0;transition:background .2s ease}.cascade-toggle-switch.on{background:#3434ef}.cascade-toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform .2s ease}.cascade-toggle-switch.on .cascade-toggle-knob{transform:translate(14px)}.cascade-select-all-btn{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#3434ef;background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease}.cascade-select-all-btn:hover{background:#eef2ff}.cascade-list{max-height:280px;overflow-y:auto}.cascade-loading,.cascade-empty{display:flex;align-items:center;justify-content:center;gap:8px;padding:24px;font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af}.cascade-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;background:none;border:none;cursor:pointer;text-align:left;transition:background .15s ease}.cascade-item:hover{background:#f9fafb}.cascade-item.selected{background:#eef2ff}.cascade-item-checkbox{width:16px;height:16px;border:1.5px solid #D4D4D8;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all .15s ease}.cascade-item.selected .cascade-item-checkbox{background:#3434ef;border-color:#3434ef;color:#fff}.cascade-item-content{flex:1;min-width:0}.cascade-item-name{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#0d0d12;margin-bottom:4px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4}.cascade-item-meta{display:flex;align-items:center;gap:8px}.cascade-item-status{font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px}.cascade-item-status.status-active{background:#dcfce7;color:#15803d}.cascade-item-status.status-paused{background:#fef3c7;color:#b45309}.cascade-item-spend{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:#6b7280}.cascade-footer{padding:10px 12px;border-top:1px solid #EBEBEB;font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af;text-align:center}.spinning{animation:cascadeSpin 1s linear infinite}@keyframes cascadeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.funnel-analytics-page{overflow:hidden;display:flex;flex-direction:column}.funnel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.funnel-header-left{display:flex;flex-direction:column;gap:4px}.funnel-header h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#0d0d12;margin:0}.funnel-header p{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0}.funnel-filters{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.filter-group{min-width:200px}.filter-group.filter-campaigns{flex:2;max-width:400px}.filter-group.filter-media{flex:1;max-width:200px}.funnel-cascade-filters{display:flex;gap:12px;align-items:center}.filter-group.filter-cascade{flex:1;min-width:180px;max-width:300px}.filter-input-wrapper,.filter-select-wrapper{position:relative;display:flex;align-items:center}.filter-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.filter-input,.filter-select{width:100%;padding:10px 12px 10px 40px;font-family:DM Sans,sans-serif;font-size:13px;color:#0d0d12;background:#fff;border:1px solid #EBEBEB;border-radius:10px;outline:none;transition:all .2s ease}.filter-input:focus,.filter-select:focus{border-color:#3434ef}.filter-input::-moz-placeholder{color:#9ca3af}.filter-input::placeholder{color:#9ca3af}.filter-select-wrapper.has-filter .filter-select{border-color:#3434ef;background:#eef2ff}.clear-filters-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#dc2626;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.clear-filters-btn:hover{background:#fee2e2;border-color:#f87171}.funnel-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:20px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;color:#dc2626;font-size:13px}.funnel-error button{padding:6px 12px;font-size:12px;font-weight:500;color:#dc2626;background:transparent;border:1px solid #DC2626;border-radius:6px;cursor:pointer;transition:all .2s ease}.funnel-error button:hover{background:#dc2626;color:#fff}.kpi-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.kpi-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:20px;height:167px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .3s ease}.kpi-card:hover{border-color:#3434ef4d}.kpi-card-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;border:1px solid #EBEBEB;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .3s ease}.kpi-card:hover .kpi-card-icon{background:#3434ef;color:#fff;border-color:#3434ef}.kpi-card-label{font-family:DM Sans,sans-serif;font-size:16px;font-weight:400;color:#9ca3af}.kpi-card-value{font-family:DM Sans,sans-serif;font-size:52px;font-weight:600;color:#0d0d12;letter-spacing:-.025em;line-height:1}.funnel-report{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:24px;margin-bottom:24px}.funnel-report-header{margin-bottom:24px}.funnel-report-header h2{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 4px}.funnel-report-header p{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0}.funnel-report-steps{display:flex;align-items:stretch}.funnel-report-step{flex:1;display:flex;flex-direction:column;gap:12px;min-width:0}.funnel-report-step-header{display:flex;align-items:center;gap:8px}.funnel-report-step-icon{width:24px;height:24px;border-radius:6px;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;flex-shrink:0}.funnel-report-step-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.025em;color:#9ca3af}.funnel-report-step-value{font-family:DM Sans,sans-serif;font-size:30px;font-weight:600;color:#0d0d12;letter-spacing:-.025em;line-height:1}.funnel-report-step-count{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;color:#9ca3af}.funnel-report-bar-container{height:270px;width:100%;background:#f3f4f6;border-radius:8px;position:relative;overflow:hidden;display:flex;align-items:flex-end;margin-top:auto}.funnel-report-bar{width:100%;border-radius:6px 6px 0 0;transition:height .8s cubic-bezier(.4,0,.2,1);min-height:4px}.funnel-report-bar-0{background:#a6a6fecc}.funnel-report-bar-1{background:#8080f9cc}.funnel-report-bar-2{background:#5a5af4cc}.funnel-report-bar-3{background:#3434efe6;box-shadow:0 0 20px #3434ef4d}.funnel-report-transition{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:0 12px 128px;flex-shrink:0}.funnel-report-arrow{color:#d4d4d8}.funnel-report-rate{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#3434ef;background:#3434ef14;border:1px solid rgba(52,52,239,.15);border-radius:6px;padding:2px 8px;white-space:nowrap}.funnel-chart-section{flex:1;display:flex;flex-direction:column;background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:20px;min-height:500px}.funnel-chart-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.funnel-chart-title h2{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 4px}.funnel-chart-title p{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0}.funnel-chart-actions{display:flex;align-items:center;gap:8px}.refresh-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border:1px solid #EBEBEB;border-radius:8px;color:#666d80;cursor:pointer;transition:all .2s ease}.refresh-btn:hover{background:#f3f4f6;border-color:#d4d4d8}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.funnel-chart-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:#f9fafb;border-radius:10px;width:-moz-fit-content;width:fit-content}.chart-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#666d80;background:transparent;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.chart-tab:hover{color:#0d0d12}.chart-tab.active{background:#fff;color:#0d0d12;box-shadow:0 1px 3px #00000014}.chart-tab-separator{width:1px;height:20px;background:#e5e7eb;margin:0 4px;align-self:center;flex-shrink:0}.funnel-chart-container{display:flex;gap:12px;flex:1;min-height:400px}.funnel-y-axis{display:flex;flex-direction:column;justify-content:space-between;width:60px;padding-right:8px;padding-bottom:28px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;text-align:right}.funnel-chart-main{flex:1;position:relative;display:flex;align-items:flex-end;padding-bottom:28px}.funnel-chart-grid{position:absolute;top:0;left:0;right:0;bottom:28px;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:1}.funnel-grid-line{width:100%;height:0;border-top:1px dashed #F3F4F6}.funnel-chart-bars{display:flex;justify-content:space-between;align-items:flex-end;width:100%;height:100%;gap:4px;position:relative;z-index:2;padding-bottom:28px}.funnel-chart-bars.large-dataset{gap:2px}.funnel-bar-item{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;cursor:pointer;height:100%}.funnel-bar-visual{width:100%;max-width:48px;min-width:8px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#3434ef,#f7f8ff00);transition:height .6s cubic-bezier(.4,0,.2,1),opacity .2s ease;opacity:1}.funnel-bar-item:hover .funnel-bar-visual{opacity:.85}.funnel-bar-label{position:absolute;bottom:-28px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;color:#9ca3af;transition:color .2s ease;white-space:nowrap}.funnel-bar-label.large-dataset{font-size:9px}.funnel-bar-item:hover .funnel-bar-label{color:#0d0d12}.funnel-bar-tooltip{position:absolute;top:0;left:50%;transform:translate(-50%);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:50}.funnel-bar-item:hover .funnel-bar-tooltip{opacity:1}.funnel-tooltip-content{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:12px;box-shadow:0 10px 25px #00000026;min-width:140px;white-space:nowrap}.funnel-tooltip-header{display:flex;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #E5E7EB}.funnel-tooltip-header span{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:#0d0d12}.funnel-tooltip-row{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Inter,sans-serif;font-size:11px}.funnel-tooltip-label{color:#6b7280}.funnel-tooltip-value{font-weight:600;color:#0d0d12}.funnel-chart-empty{display:flex;align-items:center;justify-content:center;flex:1;color:#9ca3af;font-size:13px}.funnel-no-account{display:flex;align-items:center;justify-content:center;padding:40px;color:#9ca3af;font-size:14px;text-align:center}@media (max-width: 1024px){.kpi-cards-grid{grid-template-columns:1fr}.kpi-card{height:auto;gap:12px}.kpi-card-value{font-size:36px}.funnel-report-steps{flex-direction:column;gap:16px}.funnel-report-transition{flex-direction:row;padding:0}.funnel-report-transition .funnel-report-arrow{transform:rotate(90deg)}.funnel-report-bar-container{height:120px}.funnel-chart-tabs{flex-wrap:wrap}}@media (max-width: 768px){.funnel-header{flex-direction:column;align-items:flex-start;gap:16px}.funnel-filters,.funnel-cascade-filters{flex-direction:column}.filter-group,.filter-group.filter-cascade{max-width:none}}.chart-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:10000;padding:40px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.chart-modal{width:90%;max-width:1400px;height:80vh;background:#fff;border-radius:20px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.chart-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;border-bottom:1px solid #EBEBEB;flex-shrink:0}.chart-modal-title h2{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;color:#0d0d12;margin:0 0 4px}.chart-modal-title p{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0}.chart-modal-close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:10px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.chart-modal-close:hover{background:#f3f4f6;color:#0d0d12}.chart-modal-tabs{display:flex;gap:8px;padding:20px 32px;border-bottom:1px solid #EBEBEB;flex-shrink:0}.chart-modal-tabs .chart-tab{display:flex;align-items:center;gap:6px;padding:10px 16px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#666d80;background:transparent;border:1px solid #EBEBEB;border-radius:8px;cursor:pointer;transition:all .2s ease}.chart-modal-tabs .chart-tab:hover{background:#f7f7f7;color:#0d0d12}.chart-modal-tabs .chart-tab.active{background:#3434ef;border-color:#3434ef;color:#fff}.chart-modal-container{flex:1;display:flex;padding:32px;min-height:0}.chart-modal-container .funnel-y-axis{width:70px;flex-shrink:0}.chart-modal-container .funnel-chart-main{flex:1;min-width:0}.chart-modal-container .funnel-bar-item{flex:1;min-width:30px}.chart-modal-container .funnel-bar-label{font-size:11px}.comment-analysis-page{overflow:hidden;display:flex;flex-direction:column}.ca-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.ca-header-left{display:flex;flex-direction:column;gap:4px}.ca-header h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#0d0d12;margin:0}.ca-header p{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin:0}.ca-header-actions{display:flex;align-items:center;gap:8px}.ca-refresh-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f9fafb;border:1px solid #EBEBEB;border-radius:8px;color:#666d80;cursor:pointer;transition:all .2s ease}.ca-refresh-btn:hover{background:#f3f4f6;border-color:#d4d4d8}.ca-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.ca-kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.ca-kpi-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:8px;transition:border-color .3s ease}.ca-kpi-card:hover{border-color:#3434ef4d}.ca-kpi-icon{width:40px;height:40px;border-radius:10px;background:#f3f4f6;border:1px solid #EBEBEB;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .3s ease}.ca-kpi-card:hover .ca-kpi-icon{background:#3434ef;color:#fff;border-color:#3434ef}.ca-kpi-label{font-family:DM Sans,sans-serif;font-size:14px;font-weight:400;color:#9ca3af;margin-top:4px}.ca-kpi-value{font-family:DM Sans,sans-serif;font-size:32px;font-weight:600;color:#0d0d12;letter-spacing:-.025em;line-height:1;display:flex;align-items:baseline;gap:8px}.ca-kpi-partial{font-size:11px;font-weight:500;color:#f59e0b;background:#fffbeb;border:1px solid #FDE68A;border-radius:4px;padding:1px 6px;letter-spacing:0;vertical-align:middle}.ca-info-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:16px;background:#eff6ff;border:1px solid #BFDBFE;border-radius:10px;font-family:DM Sans,sans-serif;font-size:13px;color:#1e40af}.ca-info-icon{flex-shrink:0;color:#1e40af}.ca-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:12px 16px;margin-bottom:16px}.ca-search-wrapper{position:relative;display:flex;align-items:center;flex:1;max-width:400px}.ca-search-icon{position:absolute;left:12px;color:#9ca3af;pointer-events:none}.ca-search-input{width:100%;padding:10px 16px 10px 40px;font-family:DM Sans,sans-serif;font-size:13px;color:#0d0d12;background:#fff;border:1px solid #EBEBEB;border-radius:10px;outline:none;transition:border-color .2s ease}.ca-search-input:focus{border-color:#3434ef}.ca-search-input::-moz-placeholder{color:#9ca3af}.ca-search-input::placeholder{color:#9ca3af}.ca-search-count{position:absolute;right:12px;font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af;white-space:nowrap}.ca-pagesize-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.ca-pagesize-label{font-family:DM Sans,sans-serif;font-size:13px;color:#9ca3af;margin-right:4px}.ca-pagesize-btn{padding:6px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#666d80;background:#f9fafb;border:1px solid #EBEBEB;border-radius:8px;cursor:pointer;transition:all .2s ease}.ca-pagesize-btn:hover{background:#f3f4f6;border-color:#d4d4d8}.ca-pagesize-btn.active{background:#3434ef;border-color:#3434ef;color:#fff}.ca-error{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:20px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;color:#dc2626;font-family:DM Sans,sans-serif;font-size:13px}.ca-error button{padding:6px 12px;font-size:12px;font-weight:500;color:#dc2626;background:transparent;border:1px solid #DC2626;border-radius:6px;cursor:pointer;transition:all .2s ease}.ca-error button:hover{background:#dc2626;color:#fff}.ca-flat-list{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:8px 24px}.ca-comment{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #F3F4F6}.ca-flat-list .ca-comment:last-child{border-bottom:none}.ca-comment-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;background:#f3f4f6}.ca-comment-avatar-placeholder{width:32px;height:32px;border-radius:50%;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:12px;font-weight:600;flex-shrink:0}.ca-comment-body{flex:1;min-width:0}.ca-comment-meta{display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.ca-comment-author{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#0d0d12}.ca-comment-ad-name{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ca-comment-date{font-family:DM Sans,sans-serif;font-size:12px;display:flex;align-items:center;gap:4px}.ca-date-relative{color:#6b7280}.ca-date-absolute{color:#9ca3af;font-size:11px}.ca-comment-text{font-family:DM Sans,sans-serif;font-size:13px;color:#374151;line-height:1.5;margin:0;word-break:break-word}.ca-comment-actions{display:flex;align-items:center;gap:12px;margin-top:6px}.ca-like-count{display:flex;align-items:center;gap:4px;font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af}.ca-replies{padding-left:48px;margin-top:4px}.ca-reply{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid #F9FAFB}.ca-reply:last-child{border-bottom:none;padding-bottom:0}.ca-reply .ca-comment-avatar,.ca-reply .ca-comment-avatar-placeholder{width:24px;height:24px;font-size:10px}.ca-reply .ca-comment-author{font-size:12px}.ca-reply .ca-comment-date{font-size:11px}.ca-reply .ca-comment-text{font-size:12px}.ca-reply .ca-like-count{font-size:11px}.ca-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding:12px 0}.ca-pagination-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#374151;background:#fff;border:1px solid #EBEBEB;border-radius:10px;cursor:pointer;transition:all .2s ease}.ca-pagination-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d4d4d8}.ca-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.ca-pagination-info{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#9ca3af}.ca-empty,.ca-no-account{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#9ca3af;font-family:DM Sans,sans-serif;font-size:14px;text-align:center;background:#fff;border:1px solid #EBEBEB;border-radius:16px}.ca-empty-icon,.ca-no-account-icon{color:#d4d4d8;margin-bottom:12px}.ca-loading{display:flex;align-items:center;justify-content:center;padding:80px 20px}.ca-loading-overlay{display:flex;align-items:center;justify-content:center;padding:16px}.ca-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 120px);gap:16px}.ca-locked-icon{color:#d4d4d8}.ca-locked h2{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#0d0d12;margin:0}.ca-locked p{font-family:DM Sans,sans-serif;font-size:14px;color:#9ca3af;margin:0;text-align:center;max-width:400px}.ca-locked-form{display:flex;gap:8px;margin-top:8px}.ca-locked-input{padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;color:#0d0d12;background:#fff;border:1px solid #EBEBEB;border-radius:10px;outline:none;width:260px;transition:border-color .2s ease}.ca-locked-input:focus{border-color:#3434ef}.ca-locked-input::-moz-placeholder{color:#9ca3af}.ca-locked-input::placeholder{color:#9ca3af}.ca-locked-btn{padding:10px 24px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#fff;background:#3434ef;border:none;border-radius:10px;cursor:pointer;transition:background .2s ease;white-space:nowrap}.ca-locked-btn:hover{background:#2828cc}.ca-locked-btn:disabled{opacity:.6;cursor:not-allowed}.ca-locked-error{font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626;margin:0}@media (max-width: 1024px){.ca-kpi-grid{grid-template-columns:1fr}.ca-kpi-value{font-size:24px}}@media (max-width: 768px){.ca-header{flex-direction:column;align-items:flex-start;gap:16px}.ca-toolbar{flex-direction:column;align-items:stretch;gap:12px}.ca-search-wrapper{max-width:none}.ca-pagesize-group{justify-content:flex-end}.ca-replies{padding-left:24px}.ca-comment-ad-name{max-width:150px}}.workspace-page{flex:1;padding:32px;background:#f7f8fa;min-height:100vh;font-family:DM Sans,sans-serif;overflow-y:auto}.workspace-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:80px 20px;color:#666d80}.workspace-loading .spin{animation:spin 1s linear infinite}.workspace-page .page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.workspace-page .header-left{display:flex;flex-direction:column;gap:4px}.workspace-page .header-right{display:flex;align-items:center}.workspace-page .page-title{font-size:28px;font-weight:700;color:#0d0d12;letter-spacing:-.02em;margin:0}.workspace-page .page-subtitle{font-size:14px;color:#666d80;margin:0}.workspace-plan-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;background:#3434ef;color:#fff;font-size:13px;font-weight:600}.workspace-create-card{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:40px;max-width:600px;margin:0 auto}.create-header{text-align:center;margin-bottom:32px}.create-icon{width:72px;height:72px;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 20px}.create-header h2{font-size:24px;font-weight:700;color:#0d0d12;margin:0 0 8px}.create-header p{font-size:15px;color:#666d80;margin:0}.create-features{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:20px;margin-bottom:24px}.create-features h3{font-size:14px;font-weight:600;color:#0d0d12;margin:0 0 12px}.create-features ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.create-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:#374151}.create-features li svg{color:#16a34a;flex-shrink:0}.create-form{display:flex;flex-direction:column;gap:16px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:13px;font-weight:500;color:#374151}.form-field input,.form-field select{padding:12px 14px;border:1px solid #D4D4D8;border-radius:10px;font-size:14px;color:#0d0d12;background:#fff;transition:all .2s ease}.form-field input:focus,.form-field select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-field input::-moz-placeholder{color:#9ca3af}.form-field input::placeholder{color:#9ca3af}.create-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fee2e2;border:1px solid #FECACA;border-radius:10px;font-size:13px;color:#dc2626}.btn-create{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-create:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.btn-create:disabled{opacity:.6;cursor:not-allowed}.workspace-tabs{display:flex;gap:4px;padding:4px;background:#fff;border:1px solid #EBEBEB;border-radius:12px;margin-bottom:24px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#666d80;cursor:pointer;transition:all .2s ease}.tab-btn:hover{background:#f3f4f6;color:#0d0d12}.tab-btn.active{background:#3434ef;color:#fff}.tab-btn svg{flex-shrink:0}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;background:#6366f126;border-radius:100px;font-size:11px;font-weight:600;color:#6366f1}.tab-btn.active .tab-badge{background:#ffffff40;color:#fff}.workspace-content,.tab-content{display:flex;flex-direction:column;gap:24px}.workspace-section{background:#fff;border:1px solid #EBEBEB;border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:16px}.section-header{display:flex;align-items:center;gap:10px}.section-icon{width:40px;height:40px;border-radius:10px;background:#eef2ff;display:flex;align-items:center;justify-content:center;color:#6366f1;flex-shrink:0}.section-info{display:flex;flex-direction:column;flex:1;gap:2px}.section-title{font-size:18px;font-weight:600;color:#0d0d12;margin:0;line-height:1.2}.section-description{font-size:13px;color:#666d80;margin:0;line-height:1.2}.workspace-page .info-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;overflow:hidden}.workspace-page .info-row{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #EBEBEB;background:transparent}.workspace-page .info-row:last-child{border-bottom:none}.workspace-page .info-label{display:flex;align-items:center;gap:10px;font-size:14px;color:#4b5563}.workspace-page .info-label svg{color:#6b7280}.workspace-page .info-value{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500;color:#0d0d12}.workspace-page .info-edit{display:flex;align-items:center;gap:8px}.workspace-page .info-edit input{padding:8px 12px;border:1px solid #D4D4D8;border-radius:8px;font-size:14px;color:#0d0d12;min-width:200px;background:#fff}.workspace-page .info-edit input:focus{outline:none;border-color:#6366f1}.workspace-page .info-input{padding:8px 12px;border:1px solid #D4D4D8;border-radius:8px;font-size:14px;color:#0d0d12;min-width:200px;background:#fff;transition:all .2s ease}.workspace-page .info-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.workspace-page .info-input::-moz-placeholder{color:#9ca3af}.workspace-page .info-input::placeholder{color:#9ca3af}.workspace-page .info-row-actions{justify-content:flex-end;background:#f3f4f6}.btn-save-changes{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#6366f1;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.btn-save-changes:hover:not(:disabled){background:#4f46e5}.btn-save-changes:disabled{opacity:.5;cursor:not-allowed}.workspace-id-value{font-family:SF Mono,Monaco,Consolas,monospace;font-size:13px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.btn-copy-id{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid #D4D4D8;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.btn-copy-id:hover{background:#f3f4f6;color:#6366f1;border-color:#6366f1}.share-workspace-section{display:flex;align-items:center;gap:12px;margin-top:16px}.btn-copy-join-info{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #D4D4D8;border-radius:8px;font-size:13px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.btn-copy-join-info:hover{background:#f3f4f6;border-color:#9ca3af}.share-hint{font-size:12px;color:#9ca3af}.btn-edit{padding:6px 12px;background:transparent;border:1px solid #D4D4D8;border-radius:6px;font-size:12px;font-weight:500;color:#6366f1;cursor:pointer;transition:all .2s ease}.btn-edit:hover{background:#eef2ff;border-color:#6366f1}.btn-save,.btn-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease}.btn-save{background:#16a34a;color:#fff}.btn-save:hover{background:#15803d}.btn-cancel{background:#f3f4f6;color:#666d80}.btn-cancel:hover{background:#e5e7eb;color:#374151}.role-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:500}.role-badge.role-owner{background:#fef3c7;color:#92400e}.role-badge.role-admin{background:#eef2ff;color:#4338ca}.role-badge.role-member{background:#f3f4f6;color:#4b5563}.danger-zone{padding:20px;background:#fef2f2;border:1px solid #FECACA;border-radius:12px;margin-top:8px}.danger-zone-row{display:flex;justify-content:space-between;align-items:center;gap:16px}.danger-zone-info{flex:1;min-width:0}.danger-zone-info h4{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 4px}.danger-zone-info p{font-size:13px;color:#7f1d1d;margin:0;line-height:1.4}.danger-zone h3{font-size:14px;font-weight:600;color:#991b1b;margin:0 0 12px}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #DC2626;border-radius:8px;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.btn-danger:hover:not(:disabled){background:#dc2626;color:#fff}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-leave{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;border:1px solid #DC2626;border-radius:8px;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0;white-space:nowrap}.btn-leave:hover:not(:disabled){background:#dc2626;color:#fff}.btn-invite{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#6366f1;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;margin-left:auto}.btn-invite:hover{background:#4f46e5}.workspace-page .members-table-wrapper,.workspace-page .invitations-table-wrapper{overflow-x:auto}.workspace-page .members-table,.workspace-page .invitations-table{width:100%;border-collapse:collapse;table-layout:fixed}.workspace-page .members-table .col-member{width:25%}.workspace-page .members-table .col-email{width:28%}.workspace-page .members-table .col-role,.workspace-page .members-table .col-joined{width:15%}.workspace-page .members-table .col-actions{width:17%}.workspace-page .members-table.no-actions .col-member{width:30%}.workspace-page .members-table.no-actions .col-email{width:35%}.workspace-page .members-table.no-actions .col-role{width:15%}.workspace-page .members-table.no-actions .col-joined{width:20%}.workspace-page .members-table th,.workspace-page .members-table td,.workspace-page .invitations-table th,.workspace-page .invitations-table td{padding:12px 16px;text-align:left;font-size:13px;vertical-align:middle}.workspace-page .members-table tr,.workspace-page .invitations-table tr{border-bottom:1px solid #EBEBEB}.workspace-page .members-table tbody tr:last-child,.workspace-page .invitations-table tbody tr:last-child{border-bottom:none}.workspace-page .members-table th,.workspace-page .invitations-table th{font-weight:600;color:#6b7280;background:#f9fafb}.workspace-page .members-table td,.workspace-page .invitations-table td{color:#374151;background:#fff}.workspace-page .members-table tbody tr:hover td,.workspace-page .invitations-table tbody tr:hover td{background:#f9fafb}.workspace-page .table-empty{text-align:center;color:#9ca3af;padding:32px 16px!important;background:#fff}.workspace-page .cell-member{display:inline-flex;align-items:center;gap:12px;max-width:100%}.workspace-page .member-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}.workspace-page .member-avatar-img{width:36px;height:36px;border-radius:10px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.workspace-page .member-name{font-weight:500;color:#0d0d12}.workspace-page .cell-email{color:#374151}.workspace-page .cell-date{color:#6b7280}.role-select-wrapper{position:relative;display:inline-flex}.role-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:6px 28px 6px 10px;border:1px solid #D4D4D8;border-radius:6px;font-size:12px;font-weight:500;color:#374151;background:#fff;cursor:pointer}.role-select-wrapper .select-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.btn-remove{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #F87171;border-radius:6px;color:#b91c1c;cursor:pointer;transition:all .2s ease}.btn-remove:hover{background:#fee2e2}.btn-revoke{padding:6px 12px;background:transparent;border:1px solid #FECACA;border-radius:6px;font-size:12px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.btn-revoke:hover{background:#fee2e2}.btn-copy-link{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:transparent;border:1px solid #D4D4D8;border-radius:6px;font-size:12px;font-weight:500;color:#6366f1;cursor:pointer;transition:all .2s ease}.btn-copy-link:hover{background:#eef2ff;border-color:#6366f1}.btn-transfer{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #F59E0B;border-radius:6px;color:#b45309;cursor:pointer;transition:all .2s ease}.btn-transfer:hover{background:#fef3c7}.pending-invitations{margin-top:24px;padding-top:24px;border-top:1px solid #EBEBEB}.pending-invitations h3{font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 16px}.no-invitations{display:flex;align-items:center;gap:10px;padding:16px 20px;background:#f9fafb;border:1px solid #EBEBEB;border-radius:10px;font-size:14px;color:#9ca3af}.no-invitations svg{color:#d4d4d8}.resources-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.resources-placeholder svg{color:#d4d4d8;margin-bottom:16px}.resources-placeholder h3{font-size:18px;font-weight:600;color:#0d0d12;margin:0 0 8px}.resources-placeholder p{font-size:14px;color:#666d80;margin:0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #E5E7EB}.modal-header h3{font-size:18px;font-weight:600;color:#111827;margin:0}.modal.modal-danger .modal-header h3{color:#dc2626}.modal.modal-warning .modal-header h3{color:#d97706}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .15s ease}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-body{padding:24px;overflow-y:auto}.modal-body p{font-size:14px;color:#6b7280;margin:0 0 16px;line-height:1.5}.modal-warning{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fef3c7;border-radius:8px;font-size:13px;color:#92400e;margin-bottom:16px}.modal-warning svg{flex-shrink:0}.modal-error{display:flex;align-items:center;gap:8px;padding:12px 14px;background:#fee2e2;border:1px solid #FECACA;border-radius:8px;font-size:13px;color:#dc2626;margin-top:16px}.confirm-field{display:flex;flex-direction:column;gap:8px}.confirm-field label{font-size:13px;color:#374151}.confirm-field input{padding:10px 14px;border:1px solid #D4D4D8;border-radius:8px;font-size:14px;color:#0d0d12}.confirm-field input:focus{outline:none;border-color:#dc2626}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #E5E7EB}.btn-cancel{padding:10px 16px;background:#f3f4f6;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.btn-primary{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#6366f1;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#4f46e5}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-warning{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#f59e0b;border:none;border-radius:8px;font-size:14px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.btn-warning:hover:not(:disabled){background:#d97706}.btn-warning:disabled{opacity:.6;cursor:not-allowed}.invite-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:16px 0}.invite-success svg{width:48px;height:48px;color:#16a34a;background:#dcfce7;border-radius:50%;padding:12px;margin-bottom:12px}.invite-success h4{font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 4px}.invite-success p{font-size:14px;color:#666d80;margin:0}.invite-link-box{display:flex;gap:8px;margin:16px 0}.invite-link-box input{flex:1;padding:10px 14px;border:1px solid #D4D4D8;border-radius:8px;font-size:13px;color:#374151;background:#f9fafb}.btn-copy{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#6366f1;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-copy:hover{background:#4f46e5}.invite-note{font-size:12px;color:#9ca3af;text-align:center;margin:0}.select-wrapper{position:relative}.select-wrapper select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 36px 12px 14px;border:1px solid #D4D4D8;border-radius:10px;font-size:14px;color:#0d0d12;background:#fff;cursor:pointer}.select-wrapper select:focus{outline:none;border-color:#6366f1}.select-wrapper .select-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.status-alert{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-radius:10px;font-size:13px;font-weight:500;z-index:1001;box-shadow:0 4px 12px #00000026;animation:slideInRight .3s ease-out}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.status-alert--success{background:#d1fae5;color:#065f46;border:1px solid #A7F3D0}.status-alert--error{background:#fee2e2;color:#991b1b;border:1px solid #FECACA}.status-alert button{margin-left:8px;background:none;border:none;font-size:18px;cursor:pointer;opacity:.7;color:inherit;line-height:1}.status-alert button:hover{opacity:1}@media (max-width: 768px){.workspace-page{padding:16px}.workspace-page .page-header{flex-direction:column;gap:12px}.workspace-create-card{padding:24px}.workspace-tabs{flex-wrap:wrap}.tab-btn{flex:1;justify-content:center}.workspace-section{padding:20px}.section-header{flex-direction:column;gap:12px}.btn-invite{margin-left:0;margin-top:12px;width:100%;justify-content:center}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-edit{width:100%}.info-edit input{flex:1;min-width:0}.members-table,.invitations-table{font-size:12px}.cell-member{flex-direction:column;align-items:flex-start;gap:4px}.member-avatar{width:28px;height:28px;font-size:12px}.danger-zone-row{flex-direction:column;align-items:flex-start;gap:12px}.danger-zone-row .btn-danger,.danger-zone-row .btn-leave{width:100%;justify-content:center}}.workspace-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.workspace-divider:before,.workspace-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.workspace-divider span{font-size:13px;color:#9ca3af;font-weight:500}.btn-join-existing{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:transparent;border:1px solid #D4D4D8;border-radius:10px;font-size:15px;font-weight:500;color:#6366f1;cursor:pointer;transition:all .2s ease}.btn-join-existing:hover{background:#eef2ff;border-color:#6366f1}.btn-back-link{display:inline-flex;align-items:center;gap:4px;padding:8px 12px;margin:-8px 0 16px -12px;background:transparent;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#6366f1;cursor:pointer;transition:all .2s ease}.btn-back-link:hover{background:#eef2ff}.create-icon-join{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.form-field textarea{padding:12px 14px;border:1px solid #D4D4D8;border-radius:10px;font-size:14px;font-family:inherit;color:#0d0d12;background:#fff;resize:vertical;transition:all .2s ease}.form-field textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-field textarea::-moz-placeholder{color:#9ca3af}.form-field textarea::placeholder{color:#9ca3af}.found-workspace{display:flex;flex-direction:column;gap:16px}.found-workspace-card{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px}.found-workspace-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#fff}.found-workspace-info{display:flex;flex-direction:column;gap:2px}.found-workspace-info h3{font-size:16px;font-weight:600;color:#0d0d12;margin:0}.found-workspace-info p{font-size:13px;color:#6b7280;margin:0}.found-workspace-actions{display:flex;gap:12px;margin-top:8px}.found-workspace-actions .btn-cancel{flex:1}.found-workspace-actions .btn-create{flex:2}.request-sent{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px 0}.request-sent-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;color:#16a34a;margin-bottom:20px}.request-sent h3{font-size:20px;font-weight:600;color:#0d0d12;margin:0 0 8px}.request-sent p{font-size:14px;color:#6b7280;margin:0 0 8px}.request-sent-note{font-size:13px;color:#9ca3af;margin-bottom:24px!important}.join-requests-section{margin-top:24px;padding-top:24px;border-top:1px solid #EBEBEB}.join-requests-section h3{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 16px}.join-request-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 8px;background:#ef4444;border-radius:100px;font-size:12px;font-weight:600;color:#fff}.join-requests-list{display:flex;flex-direction:column;gap:12px}.join-request-card{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:16px;background:#f9fafb;border:1px solid #E5E7EB;border-radius:12px}.join-request-user{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}.join-request-info{display:flex;flex-direction:column;gap:2px}.join-request-name{font-size:14px;font-weight:500;color:#0d0d12}.join-request-email{font-size:13px;color:#6b7280}.join-request-message{display:flex;align-items:flex-start;gap:8px;flex:2;min-width:200px;padding:10px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;font-size:13px;color:#374151}.join-request-message svg{flex-shrink:0;color:#9ca3af;margin-top:2px}.join-request-meta{display:flex;align-items:center;gap:8px}.join-request-date{font-size:12px;color:#9ca3af}.join-request-actions{display:flex;gap:8px}.btn-accept-request{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#16a34a;border:none;border-radius:8px;font-size:13px;font-weight:500;color:#fff;cursor:pointer;transition:all .2s ease}.btn-accept-request:hover:not(:disabled){background:#15803d}.btn-accept-request:disabled{opacity:.6;cursor:not-allowed}.btn-decline-request{display:flex;align-items:center;gap:6px;padding:8px 14px;background:transparent;border:1px solid #FECACA;border-radius:8px;font-size:13px;font-weight:500;color:#dc2626;cursor:pointer;transition:all .2s ease}.btn-decline-request:hover:not(:disabled){background:#fee2e2}.btn-decline-request:disabled{opacity:.6;cursor:not-allowed}.billing-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#666d80}.billing-checkout-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:24px}.billing-checkout-card h3{font-size:18px;font-weight:600;color:#0d0d12;margin:0 0 8px}.billing-checkout-card>p{font-size:14px;color:#666d80;margin:0 0 24px}.billing-checkout-container{width:100%}.billing-checkout-container>h3{font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 4px}.billing-checkout-container>p{font-size:13px;color:#666d80;margin:0 0 8px}.seats-slider-container{display:flex;align-items:center;gap:12px;max-width:450px;margin-bottom:16px}.seats-display{display:flex;flex-direction:column;align-items:center;min-width:60px}.seats-number{font-size:1.2rem;font-weight:700;color:#0d0d12;line-height:1.1}.seats-label{font-size:11px;font-weight:500;color:#6b7280;text-transform:lowercase}.seats-slider-wrapper{flex:1;position:relative;padding-bottom:18px}.seats-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;outline:none;border:none;cursor:pointer;margin:0;padding:0}.seats-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:transparent}.seats-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #3434EF;box-shadow:0 1px 4px #00000026;cursor:grab;margin-top:-7px}.seats-slider::-webkit-slider-thumb:active{cursor:grabbing}.seats-slider::-moz-range-track{height:6px;border-radius:3px;background:transparent}.seats-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:2px solid #3434EF;box-shadow:0 1px 4px #00000026;cursor:grab}.seats-slider::-moz-range-thumb:active{cursor:grabbing}.slider-ticks{position:absolute;top:14px;left:0;right:0;height:14px}.slider-ticks span{position:absolute;font-size:.7rem;color:#9ca3af;transform:translate(-50%)}.slider-ticks span:first-child{transform:translate(0)}.slider-ticks span:last-child{transform:translate(-100%)}.seats-min-info{display:block;font-size:10px;color:#9ca3af;margin-top:2px}.pricing-cards-row{display:flex;gap:16px;align-items:stretch;width:100%}@media (max-width: 900px){.pricing-cards-row{flex-wrap:wrap}.pricing-cards-row .pricing-card{flex:1 1 calc(50% - 8px);min-width:250px}}@media (max-width: 600px){.pricing-cards-row{flex-direction:column}.pricing-cards-row .pricing-card{flex:1 1 100%}}.pricing-card{flex:1;min-width:0;background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:20px;position:relative;display:flex;flex-direction:column}.pricing-card-recommended{border:2px solid #3434EF}.best-value-badge{position:absolute;top:12px;right:12px;background:#3434ef;color:#fff;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:3px 8px;border-radius:4px}.pricing-card-header h4{font-size:15px;font-weight:600;color:#0d0d12;margin:0 0 4px}.pricing-card-enterprise{background:linear-gradient(135deg,#fafbff,#f5f7ff);border:1px solid #C7D2FE}.enterprise-subtitle{display:block;font-size:12px;font-weight:500;color:#6366f1;margin-bottom:8px}.enterprise-tagline{font-size:14px;font-weight:500;color:#374151;line-height:1.4}.pricing-card-price{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.pricing-card-price .price-old{font-size:.85rem;font-weight:500;color:#9ca3af;text-decoration:line-through}.price-effective{display:flex;align-items:center;gap:8px}.pricing-card-price .price-amount{font-size:2rem;font-weight:700;color:#0d0d12;line-height:1}.pricing-card-price .price-highlight{color:#3434ef}.pricing-card-price .price-unit{font-size:.8rem;color:#6b7280}.discount-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#ecfdf5;color:#059669;border-radius:4px;font-size:12px;font-weight:700}.pricing-card-features{display:flex;flex-wrap:wrap;gap:6px 12px;padding:12px 0;border-top:1px solid #F3F4F6;margin-bottom:auto}.pricing-card-features span{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#374151}.pricing-card-features span svg{color:#059669;flex-shrink:0}.pricing-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid #F3F4F6}.pricing-card-total{display:flex;align-items:baseline;gap:5px}.total-price{font-size:.95rem;font-weight:700;color:#0d0d12}.total-note{font-size:11px;color:#9ca3af}.pricing-card-commitment{font-size:11px;color:#9ca3af;margin:4px 0 12px}.subscribe-btn{display:flex;align-items:center;justify-content:center;gap:5px;width:100%;padding:8px 14px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.subscribe-btn:disabled{opacity:.7;cursor:not-allowed}.subscribe-btn-outline{background:#fff;border:1px solid #3434EF;color:#3434ef}.subscribe-btn-outline:hover:not(:disabled){background:#f5f5ff}.subscribe-btn-filled{background:#3434ef;border:none;color:#fff}.subscribe-btn-filled:hover:not(:disabled){background:#2828d0}.savings-note{text-align:center;font-size:11px;color:#059669;font-weight:500;margin:6px 0 0}.checkout-btn:disabled{opacity:.7;cursor:not-allowed}.billing-dashboard{display:flex;flex-direction:column;gap:20px}.billing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.billing-stat-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:8px}.billing-stat-card .stat-label{font-size:13px;color:#666d80}.billing-stat-card .stat-value{font-size:20px;font-weight:600;color:#0d0d12}.early-access-badge{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;background:linear-gradient(135deg,#dcfce7,#d1fae5);border:1px solid #86EFAC;border-radius:10px;font-size:14px;font-weight:500;color:#166534}.cancel-warning{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fef3c7;border:1px solid #FCD34D;border-radius:10px;font-size:14px;color:#92400e}.cancel-warning svg{color:#d97706;flex-shrink:0}.portal-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid #E5E7EB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.portal-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.portal-btn:disabled{opacity:.7;cursor:not-allowed}@media (max-width: 900px){.billing-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 500px){.billing-stats{grid-template-columns:1fr}}.accept-invitation-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#f7f8fa;font-family:DM Sans,sans-serif}.invite-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:40px;text-align:center;box-shadow:0 25px 50px -12px #00000040;animation:cardSlideIn .4s ease-out}@keyframes cardSlideIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.invite-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px 0;color:#666d80}.invite-loading .spin{animation:spin 1s linear infinite}.invite-workspace-icon{width:64px;height:64px;border-radius:16px;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 24px}.invite-card h1{font-size:24px;font-weight:700;color:#0d0d12;margin:0 0 20px}.invite-workspace-info{margin-bottom:20px}.workspace-name{font-size:20px;font-weight:600;color:#0d0d12;margin-bottom:8px}.inviter-info{font-size:14px;color:#666d80}.inviter-info strong{color:#374151}.invite-role-section{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#f9fafb;border-radius:12px;margin-bottom:24px}.role-label{font-size:14px;color:#666d80}.invite-role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:100px;font-size:13px;font-weight:600}.invite-role-badge.role-owner{background:#fef3c7;color:#92400e}.invite-role-badge.role-admin{background:#eef2ff;color:#4338ca}.invite-role-badge.role-member{background:#f3f4f6;color:#4b5563}.invite-divider{height:1px;background:#ebebeb;margin:24px 0}.invite-actions{display:flex;flex-direction:column;gap:12px}.invite-accept-error{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:#fee2e2;border:1px solid #FECACA;border-radius:10px;font-size:13px;color:#dc2626}.btn-accept{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:linear-gradient(135deg,#16a34a,#15803d);border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-accept:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #16a34a4d}.btn-accept:disabled{opacity:.7;cursor:not-allowed}.btn-decline{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:transparent;border:1px solid #D4D4D8;border-radius:10px;font-size:14px;font-weight:500;color:#666d80;text-decoration:none;transition:all .2s ease}.btn-decline:hover{background:#f3f4f6;border-color:#9ca3af;color:#374151}.invite-login-prompt{display:flex;flex-direction:column;gap:16px}.invite-login-prompt p{font-size:14px;color:#666d80;margin:0}.btn-login{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;background:#6366f1;border:none;border-radius:10px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.btn-login:hover{background:#4f46e5;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.invite-card-error{background:#fff}.invite-error-icon{width:64px;height:64px;border-radius:50%;background:#fee2e2;display:flex;align-items:center;justify-content:center;color:#dc2626;margin:0 auto 24px}.invite-card-error h1{color:#dc2626}.invite-card-error p{font-size:14px;color:#666d80;margin:0 0 24px}.btn-back{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background:#6366f1;border-radius:10px;font-size:14px;font-weight:500;color:#fff;text-decoration:none;transition:all .2s ease}.btn-back:hover{background:#4f46e5}.invite-card-success{background:#fff}.invite-success-icon{width:64px;height:64px;border-radius:50%;background:#dcfce7;display:flex;align-items:center;justify-content:center;color:#16a34a;margin:0 auto 24px}.invite-card-success h1{color:#16a34a}.invite-card-success p{font-size:14px;color:#666d80;margin:0}.redirect-text{font-size:13px;color:#9ca3af;margin-top:16px!important}.invite-footer{display:flex;align-items:center;gap:8px;margin-top:32px;color:#9ca3af;font-size:14px;font-weight:500}.invite-footer img{border-radius:6px}@media (max-width: 480px){.accept-invitation-page{padding:16px}.invite-card{padding:28px 24px}.invite-workspace-icon{width:56px;height:56px;margin-bottom:20px}.invite-card h1{font-size:20px}.workspace-name{font-size:18px}.invite-role-section{flex-direction:column;gap:8px;padding:14px}}.landing-page{min-height:100vh;background:#fff}.landing-nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #E5E7EB}.landing-nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.landing-logo{text-decoration:none}.logo-text{font-size:22px;font-weight:700;color:#111827;letter-spacing:-.5px}.landing-nav-links{display:flex;align-items:center;gap:24px}.nav-link{color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:color .2s}.nav-link:hover{color:#111827}.nav-cta{display:inline-flex;align-items:center;gap:6px;background:#111827;color:#fff;padding:10px 18px;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;transition:background .2s}.nav-cta:hover{background:#000}.landing-hero{padding:160px 24px 100px;text-align:center;background:linear-gradient(180deg,#fafafa,#fff)}.landing-hero-container{max-width:800px;margin:0 auto}.hero-badge{display:inline-flex;margin-bottom:24px}.hero-badge span{background:#3434ef14;color:#3434ef;padding:8px 16px;border-radius:100px;font-size:13px;font-weight:500}.hero-title{font-size:56px;font-weight:700;color:#111827;line-height:1.1;margin:0 0 24px;letter-spacing:-1.5px}.hero-subtitle{font-size:18px;color:#6b7280;line-height:1.7;max-width:600px;margin:0 auto 40px}.hero-cta{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:#3434ef;color:#fff;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #3434ef40}.btn-primary:hover{background:#2828c7;transform:translateY(-1px);box-shadow:0 6px 16px #3434ef4d}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#374151;padding:14px 28px;border-radius:10px;font-size:16px;font-weight:600;text-decoration:none;border:1px solid #E5E7EB;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.hero-features{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.hero-feature{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:14px}.hero-feature svg{color:#10b981}.landing-features{padding:100px 24px;background:#fff}.landing-features-container{max-width:1100px;margin:0 auto}.features-header{text-align:center;margin-bottom:64px}.features-header h2{font-size:36px;font-weight:700;color:#111827;margin:0 0 16px;letter-spacing:-.5px}.features-header p{font-size:18px;color:#6b7280;margin:0}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}.feature-card{background:#fafafa;border:1px solid #E5E7EB;border-radius:16px;padding:32px;transition:all .2s}.feature-card:hover{border-color:#d1d5db;box-shadow:0 4px 16px #0000000a}.feature-icon{width:48px;height:48px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:#3434ef}.feature-card h3{font-size:18px;font-weight:600;color:#111827;margin:0 0 12px}.feature-card p{font-size:15px;color:#6b7280;line-height:1.6;margin:0}.landing-cta-section{padding:100px 24px;background:linear-gradient(180deg,#fafafa,#f3f4f6);text-align:center}.landing-cta-container{max-width:600px;margin:0 auto}.landing-cta-section h2{font-size:32px;font-weight:700;color:#111827;margin:0 0 16px;letter-spacing:-.5px}.landing-cta-section p{font-size:18px;color:#6b7280;margin:0 0 32px}.btn-primary-large{display:inline-flex;align-items:center;gap:10px;background:#3434ef;color:#fff;padding:18px 36px;border-radius:12px;font-size:18px;font-weight:600;text-decoration:none;transition:all .2s;box-shadow:0 4px 12px #3434ef40}.btn-primary-large:hover{background:#2828c7;transform:translateY(-1px);box-shadow:0 6px 16px #3434ef4d}.landing-footer{background:#111827;padding:64px 24px 24px}.landing-footer-container{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;gap:64px;padding-bottom:48px;border-bottom:1px solid #374151}.footer-brand{max-width:280px}.footer-logo{font-size:20px;font-weight:700;color:#fff;letter-spacing:-.5px}.footer-brand p{color:#9ca3af;font-size:14px;margin:12px 0 0;line-height:1.6}.footer-links{display:flex;gap:80px}.footer-column{display:flex;flex-direction:column;gap:12px}.footer-column h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 8px}.footer-column a{color:#9ca3af;font-size:14px;text-decoration:none;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{max-width:1100px;margin:0 auto;padding-top:24px}.footer-bottom p{color:#6b7280;font-size:13px;margin:0}@media (max-width: 768px){.landing-hero{padding:120px 20px 80px}.hero-title{font-size:36px;letter-spacing:-1px}.hero-subtitle{font-size:16px}.hero-cta{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.hero-features{flex-direction:column;gap:16px}.features-grid{grid-template-columns:1fr}.features-header h2{font-size:28px}.landing-footer-container{flex-direction:column;gap:40px}.footer-links{gap:48px}.landing-cta-section h2{font-size:26px}}.legal-page{min-height:100vh;background:#fafafa;padding:40px 20px}.legal-container{max-width:800px;margin:0 auto;background:#fff;border-radius:16px;padding:48px;box-shadow:0 4px 24px #00000014}.legal-back{display:inline-flex;align-items:center;color:#3434ef;text-decoration:none;font-weight:500;margin-bottom:32px;transition:opacity .2s}.legal-back:hover{opacity:.7}.legal-container h1{font-size:36px;font-weight:700;color:#111;margin-bottom:8px}.legal-updated{color:#666;font-size:14px;margin-bottom:40px;padding-bottom:24px;border-bottom:1px solid #eee}.legal-container section{margin-bottom:32px}.legal-container h2{font-size:22px;font-weight:600;color:#111;margin-bottom:16px;margin-top:32px}.legal-container h3{font-size:17px;font-weight:600;color:#333;margin-bottom:12px;margin-top:20px}.legal-container p{color:#444;line-height:1.7;margin-bottom:12px}.legal-container ul{margin:12px 0;padding-left:24px}.legal-container li{color:#444;line-height:1.7;margin-bottom:8px}.legal-container a{color:#3434ef;text-decoration:none}.legal-container a:hover{text-decoration:underline}.legal-info-box{background:#f8f9fa;border-radius:10px;padding:20px;margin:16px 0}.legal-info-box p{margin-bottom:8px}.legal-info-box ul{margin:8px 0;padding-left:20px}.legal-info-box li{margin-bottom:4px}.legal-table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}.legal-table th,.legal-table td{padding:12px 16px;text-align:left;border:1px solid #e5e7eb}.legal-table th{background:#f8f9fa;font-weight:600;color:#333}.legal-table td{color:#444}.legal-table tr:hover td{background:#fafafa}.legal-caps{text-transform:uppercase;font-weight:500;font-size:14px}.legal-agreement{background:#f0f0ff;border-radius:10px;padding:20px;margin-top:32px;text-align:center}.legal-agreement p{color:#3434ef;margin:0}@media (max-width: 768px){.legal-container{padding:24px}.legal-container h1{font-size:28px}.legal-table{font-size:12px}.legal-table th,.legal-table td{padding:8px 10px}}.admin-layout{min-height:100vh;background:#f7f8fa;display:flex;flex-direction:column}.admin-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f8fa;color:#6366f1}.admin-loading .spinning{animation:spin 1s linear infinite}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:64px;background:#fff;border-bottom:1px solid #E5E7EB;flex-shrink:0}.admin-header-left{display:flex;align-items:center;gap:32px}.admin-logo{font-family:DM Sans,sans-serif;font-size:18px;font-weight:700;color:#1f2937;text-decoration:none}.admin-nav{display:flex;gap:8px}.admin-nav-link{display:flex;align-items:center;gap:6px;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6b7280;text-decoration:none;border-radius:6px;transition:all .2s ease}.admin-nav-link:hover,.admin-nav-link.active{color:#1f2937;background:#f3f4f6}.admin-logout-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#dc2626;background:#fee2e2;border:1px solid #FECACA;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-logout-btn:hover:not(:disabled){background:#fecaca}.admin-logout-btn:disabled{opacity:.6;cursor:not-allowed}.admin-logout-btn .spinning{animation:spin 1s linear infinite}.admin-main{flex:1;padding:24px;overflow-y:auto}.admin-page{min-height:100vh;background:#f7f8fa;padding:32px;font-family:DM Sans,sans-serif}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-title{display:flex;align-items:center;gap:12px}.admin-title h1{font-size:28px;font-weight:700;color:#0d0d12;margin:0}.admin-title svg{color:#3434ef}.refresh-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:1px solid #EBEBEB;border-radius:8px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:all .2s ease}.refresh-btn:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.admin-error{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:24px}.admin-denied{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:#9ca3af;text-align:center}.admin-denied h2{margin:16px 0 8px;color:#374151}.admin-denied p{margin:0}.map-stats-row{display:flex;gap:24px;margin-bottom:24px}.map-section{flex:0 0 60%;margin-bottom:0}.map-section .section-title{display:flex;align-items:center;gap:8px}.map-container{height:400px;background:#e5e7eb;border-radius:8px;overflow:hidden;position:relative}.map-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;gap:12px}.map-tooltip{position:fixed;background:#fff;border:1px solid #E5E7EB;border-radius:8px;padding:8px 12px;pointer-events:none;z-index:1000;display:flex;flex-direction:column;gap:2px;box-shadow:0 4px 12px #00000026}.map-tooltip strong{color:#1f2937;font-size:13px;font-weight:600}.map-tooltip span{color:#9ca3af;font-size:12px}.stats-column{flex:0 0 40%;display:flex;flex-direction:column;gap:16px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px}.stat-icon{width:48px;height:48px;border-radius:12px;background:#eef2ff;color:#3434ef;display:flex;align-items:center;justify-content:center}.stat-info{display:flex;flex-direction:column;gap:4px}.stat-value{font-size:24px;font-weight:700;color:#0d0d12}.stat-label{font-size:13px;color:#666d80}.admin-section{background:#fff;border:1px solid #EBEBEB;border-radius:12px;padding:20px;margin-bottom:24px}.section-title{font-size:16px;font-weight:600;color:#0d0d12;margin:0 0 16px}.top-ips-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.top-ip-card{background:#f9fafb;border:1px solid #EBEBEB;border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:4px}.ip-rank{font-size:11px;font-weight:600;color:#3434ef;text-transform:uppercase}.ip-address{font-size:13px;font-weight:500;color:#0d0d12;font-family:SF Mono,Monaco,monospace}.ip-count{font-size:12px;color:#666d80}.table-container{overflow-x:auto}.connections-table{width:100%;border-collapse:collapse}.connections-table th,.connections-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #EBEBEB}.connections-table th{font-size:12px;font-weight:600;color:#666d80;text-transform:uppercase;letter-spacing:.05em;background:#f9fafb}.connections-table td{font-size:13px;color:#374151}.connections-table tbody tr:hover{background:#f9fafb}.ip-cell{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#0d0d12}.location-cell{display:flex;align-items:center;gap:6px}.location-cell svg{color:#9ca3af}.page-cell{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#666d80}.date-cell{color:#9ca3af;white-space:nowrap}.table-loading,.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:#9ca3af;gap:12px}@media (max-width: 1024px){.map-stats-row{flex-direction:column}.map-section{flex:1}.stats-column{flex:1;flex-direction:row;flex-wrap:wrap}.stats-column .stat-card{flex:1 1 calc(50% - 8px)}.stats-grid{grid-template-columns:repeat(2,1fr)}.top-ips-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.admin-page{padding:16px}.admin-header{flex-direction:column;gap:16px;align-items:flex-start}.map-container{height:300px}.stats-column{flex-direction:column}.stats-column .stat-card{flex:1}.stats-grid{grid-template-columns:1fr}.top-ips-grid{grid-template-columns:repeat(2,1fr)}.connections-table th,.connections-table td{padding:10px 12px}}.admin-login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f7f8fa;padding:20px}.admin-login-container{width:100%;max-width:400px;text-align:center}.admin-login-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #E5E7EB;border-radius:16px;margin:0 auto 24px;color:#6366f1}.admin-login-container h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#1f2937;margin:0 0 8px}.admin-login-container p{font-family:DM Sans,sans-serif;font-size:14px;color:#6b7280;margin:0 0 32px}.admin-login-form{display:flex;flex-direction:column;gap:16px}.admin-login-field input{width:100%;padding:14px 16px;font-family:DM Sans,sans-serif;font-size:15px;color:#1f2937;background:#fff;border:1px solid #E5E7EB;border-radius:10px;outline:none;transition:all .2s ease}.admin-login-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.admin-login-field input::-moz-placeholder{color:#9ca3af}.admin-login-field input::placeholder{color:#9ca3af}.admin-login-field input:disabled{opacity:.6}.admin-login-error{padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626}.admin-login-form button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:#fff;background:#6366f1;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease}.admin-login-form button:hover:not(:disabled){background:#4f46e5}.admin-login-form button:disabled{opacity:.6;cursor:not-allowed}.admin-login-form .spinning{animation:spin 1s linear infinite}.admin-dashboard h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#18181b;margin:0 0 24px}.admin-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.admin-stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:1px solid #E4E4E7;border-radius:12px}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;color:#18181b}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-value{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;color:#18181b}.stat-label{font-family:DM Sans,sans-serif;font-size:12px;color:#71717a}.admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #E4E4E7;border-radius:8px;width:320px;color:#71717a}.admin-search input{flex:1;background:none;border:none;font-family:DM Sans,sans-serif;font-size:13px;color:#18181b;outline:none}.admin-search input::-moz-placeholder{color:#a1a1aa}.admin-search input::placeholder{color:#a1a1aa}.admin-count{font-family:DM Sans,sans-serif;font-size:13px;color:#71717a}.admin-error{padding:12px 16px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626;margin-bottom:16px}.admin-table-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#71717a;font-family:DM Sans,sans-serif;font-size:14px}.admin-table-loading .spinning{animation:spin 1s linear infinite}.admin-table-wrapper{background:#fff;border:1px solid #E4E4E7;border-radius:12px;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table th{padding:12px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#52525b;text-align:left;background:#f4f4f5;border-bottom:1px solid #E4E4E7;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.admin-table th:hover{color:#18181b}.sort-icon{display:inline-block;vertical-align:middle;margin-left:4px}.sort-icon.inactive{opacity:.3}.admin-table td{padding:14px 16px;font-family:DM Sans,sans-serif;font-size:13px;color:#18181b;border-bottom:1px solid #F4F4F5}.admin-table tbody tr:hover{background:#f4f4f5}.admin-table tbody tr.clickable-row{cursor:pointer}.admin-table tbody tr.clickable-row:hover{background:#f4f4f5}.admin-table tbody tr:last-child td{border-bottom:none}.cell-name{font-weight:500}.cell-email{color:#52525b}.cell-no-access{color:#dc2626;font-size:12px}.admin-table-empty{text-align:center;color:#71717a;padding:40px 20px!important}.plan-badge.pro{background:#22c55e26;color:#16a34a}.plan-badge.free{background:#9ca3af26;color:#6b7280}.plan-cell{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.plan-source{font-family:DM Sans,sans-serif;font-size:10px;color:#71717a;white-space:nowrap}.cell-actions{display:flex;gap:8px}.cell-actions .action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid #E4E4E7;border-radius:6px;cursor:pointer;transition:all .2s ease}.cell-actions .action-btn.view{color:#6366f1}.cell-actions .action-btn.view:hover{background:#6366f11a;border-color:#6366f1}.cell-actions .action-btn.toggle{color:#52525b}.cell-actions .action-btn.toggle:hover{background:#f4f4f5;border-color:#d4d4d8;color:#18181b}.cell-actions .action-btn.delete{color:#dc2626}.cell-actions .action-btn.delete:hover{background:#dc26261a;border-color:#dc2626}.cell-spend{min-width:100px}.reveal-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#71717a;background:transparent;border:1px solid #E4E4E7;border-radius:6px;cursor:pointer;transition:all .2s ease}.reveal-btn:hover{color:#52525b;background:#f4f4f5;border-color:#d4d4d8}.spend-loader{color:#71717a;animation:spin 1s linear infinite}.spend-amount{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:default}.spend-amount.positive{color:#16a34a}.spend-amount.zero{color:#71717a}.spend-error{font-family:DM Sans,sans-serif;font-size:12px;color:#dc2626}.admin-modal{width:100%;max-width:420px;background:#fff;border:1px solid #E4E4E7;border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001f}.admin-toolbar-right{display:flex;align-items:center;gap:16px}.export-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#18181b;background:#fff;border:1px solid #E4E4E7;border-radius:8px;cursor:pointer;transition:all .2s ease}.export-btn:hover{background:#f4f4f5;border-color:#d4d4d8}.export-btn svg{color:#52525b}.export-modal{max-width:480px}.export-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.export-modal .modal-header h3{margin:0}.export-modal .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#71717a;cursor:pointer;transition:all .2s ease}.export-modal .modal-close:hover{background:#f4f4f5;color:#52525b}.export-filters{display:flex;flex-direction:column;gap:16px;margin-bottom:20px}.filter-group label{display:block;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#71717a;margin-bottom:8px}.filter-options{display:flex;gap:8px}.filter-options button{padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#52525b;background:#fff;border:1px solid #E4E4E7;border-radius:6px;cursor:pointer;transition:all .2s ease}.filter-options button:hover{background:#f4f4f5;color:#18181b}.filter-options button.active{background:#6366f1;border-color:#6366f1;color:#fff}.export-preview{padding:12px 16px;background:#f4f4f5;border:1px solid #E4E4E7;border-radius:8px;margin-bottom:20px}.export-preview span{font-family:DM Sans,sans-serif;font-size:13px;color:#52525b}.cell-workspace{min-width:140px}.workspace-link{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f4f4f5;border:1px solid #E4E4E7;border-radius:6px;text-decoration:none;transition:all .2s ease}.workspace-link:hover{background:#e4e4e7;border-color:#d4d4d8}.workspace-link svg{color:#6366f1}.workspace-link .workspace-name{font-size:12px;font-weight:500;color:#18181b;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-link .workspace-role{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 5px;border-radius:3px}.workspace-link .workspace-role.owner{color:#d97706;background:#d9770626}.workspace-link .workspace-role.admin{color:#7c3aed;background:#7c3aed26}.workspace-link .workspace-role.member{color:#6b7280;background:#6b728026}.no-workspace{color:#a1a1aa}@media (max-width: 1200px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-toolbar{flex-direction:column;align-items:stretch;gap:12px}.admin-search{width:100%}}.admin-user-detail{max-width:900px}.admin-detail-loading,.admin-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#71717a;font-family:DM Sans,sans-serif;font-size:14px}.admin-detail-loading .spinning{animation:spin 1s linear infinite}.admin-detail-error button{padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#18181b;background:#f4f4f5;border:1px solid #E4E4E7;border-radius:8px;cursor:pointer}.admin-detail-error button:hover{background:#e4e4e7}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.back-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#52525b;background:transparent;border:1px solid #E4E4E7;border-radius:8px;cursor:pointer;transition:all .2s ease}.back-btn:hover{color:#18181b;background:#f4f4f5}.detail-actions{display:flex;gap:12px}.detail-actions .action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.detail-actions .toggle-plan{color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.detail-actions .toggle-plan:hover{background:#22c55e33}.detail-actions .delete-user{color:#f87171;background:#dc26261a;border:1px solid rgba(220,38,38,.2)}.detail-actions .delete-user:hover{background:#dc262633}.detail-section{background:#fff;border:1px solid #E4E4E7;border-radius:12px;padding:24px;margin-bottom:20px}.detail-section h2{font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#18181b;margin:0 0 16px}.user-profile-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #E4E4E7}.user-avatar{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:16px;font-family:DM Sans,sans-serif;font-size:28px;font-weight:600;color:#fff}.user-profile-info{display:flex;flex-direction:column;gap:6px}.user-profile-info h1{font-family:DM Sans,sans-serif;font-size:22px;font-weight:600;color:#18181b;margin:0}.user-email{font-family:DM Sans,sans-serif;font-size:14px;color:#71717a}.user-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.user-info-item{display:flex;align-items:center;gap:10px;padding:14px;background:#f4f4f5;border-radius:8px}.info-icon{color:#6366f1}.info-label{font-family:DM Sans,sans-serif;font-size:12px;color:#71717a}.info-value{margin-left:auto;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#18181b}.plan-badge{display:inline-block;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px}.plan-badge.pro{background:#22c55e26;color:#22c55e}.plan-badge.free{background:#9ca3af26;color:#9ca3af}.accounts-list{display:flex;flex-direction:column;gap:8px}.account-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#f4f4f5;border-radius:8px}.account-info{display:flex;flex-direction:column;gap:2px}.account-name{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#18181b}.account-id{font-family:DM Sans,sans-serif;font-size:12px;color:#71717a}.account-spend{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#22c55e}.admin-user-detail .activity-list{display:flex;flex-direction:column;gap:8px;max-height:300px;overflow-y:auto}.admin-user-detail .activity-item{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f4f4f5;border-radius:6px}.admin-user-detail .activity-icon{color:#6366f1;flex-shrink:0}.admin-user-detail .activity-action{flex:1;font-family:DM Sans,sans-serif;font-size:13px;color:#18181b}.admin-user-detail .activity-date{font-family:DM Sans,sans-serif;font-size:12px;color:#71717a}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.admin-modal{width:100%;max-width:420px;background:#fff;border:1px solid #E4E4E7;border-radius:16px;padding:24px}.admin-modal h3{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#18181b;margin:0 0 12px}.admin-modal p{font-family:DM Sans,sans-serif;font-size:14px;color:#52525b;margin:0 0 24px;line-height:1.5}.admin-modal p strong{color:#18181b}.admin-modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.modal-btn.cancel{color:#52525b;background:transparent;border:1px solid #E4E4E7}.modal-btn.cancel:hover{background:#f4f4f5}.modal-btn.primary{color:#fff;background:#6366f1;border:none}.modal-btn.primary:hover{background:#4f46e5}.modal-btn.danger{color:#fff;background:#dc2626;border:none}.modal-btn.danger:hover{background:#b91c1c}.modal-btn:disabled{opacity:.6;cursor:not-allowed}.modal-btn .spinning{animation:spin 1s linear infinite}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-header h2{display:flex;align-items:center;gap:8px;margin:0}.reveal-spend-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#6366f1;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:4px;cursor:pointer;transition:all .2s ease}.reveal-spend-btn:hover{background:#6366f133}.reveal-spend-btn.small{padding:3px 8px;font-size:11px}.btn-load-accounts{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6366f1;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-load-accounts:hover{background:#6366f133}.btn-load-accounts:disabled{opacity:.7;cursor:not-allowed}.no-accounts,.no-credits{font-family:DM Sans,sans-serif;font-size:14px;color:#71717a;text-align:center;padding:20px}.spend-value{color:#22c55e;font-weight:600}.spend-pending{color:#71717a}.accounts-table-wrapper{overflow-x:auto}.accounts-table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif}.accounts-table thead{background:#f4f4f5}.accounts-table th{padding:12px 16px;font-size:12px;font-weight:600;color:#71717a;text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E4E4E7}.accounts-table td{padding:14px 16px;font-size:14px;color:#18181b;border-bottom:1px solid #E4E4E7}.accounts-table tbody tr:hover{background:#f4f4f5}.accounts-table .cell-name{font-weight:500}.accounts-table .cell-id{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#52525b}.btn-add-credit{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-add-credit:hover{background:#22c55e33}.credit-form{background:#f4f4f5;border-radius:8px;padding:16px;margin-bottom:16px}.credit-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.credit-form-field{display:flex;flex-direction:column;gap:4px}.credit-form-field.full-width{grid-column:1 / -1}.credit-form-field label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#71717a}.credit-form-field input{padding:10px 12px;font-family:DM Sans,sans-serif;font-size:14px;color:#18181b;background:#fff;border:1px solid #E4E4E7;border-radius:6px}.credit-form-field input:focus{outline:none;border-color:#6366f1}.btn-submit-credit{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#fff;background:#22c55e;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-submit-credit:hover{background:#16a34a}.btn-submit-credit:disabled{opacity:.6;cursor:not-allowed}.credits-loading{display:flex;justify-content:center;padding:20px}.credits-list{display:flex;flex-direction:column;gap:8px}.credit-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#f4f4f5;border-radius:8px;position:relative}.credit-card.expired{opacity:.6}.credit-info{display:flex;align-items:center;gap:10px}.credit-type{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;color:#6366f1;background:#6366f11a;padding:3px 8px;border-radius:4px}.credit-amount{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#22c55e}.credit-status{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;padding:2px 8px;border-radius:4px}.credit-status.active{color:#22c55e;background:#22c55e1a}.credit-status.expired{color:#71717a;background:#71717a1a}.credit-meta{display:flex;flex-direction:column;gap:2px;margin-left:auto;text-align:right}.credit-reason{font-family:DM Sans,sans-serif;font-size:13px;color:#52525b}.credit-expiry{font-family:DM Sans,sans-serif;font-size:11px;color:#71717a}.credit-delete-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);padding:6px;color:#f87171;background:transparent;border:none;border-radius:4px;cursor:pointer;opacity:0;transition:all .2s ease}.credit-card:hover .credit-delete-btn{opacity:1}.credit-delete-btn:hover{background:#dc26261a}.history-table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif}.history-table thead{background:#f4f4f5}.history-table th{padding:10px 14px;font-size:11px;font-weight:600;color:#71717a;text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E4E4E7}.history-table td{padding:12px 14px;font-size:13px;color:#18181b;border-bottom:1px solid #F4F4F5}.history-table tbody tr:hover{background:#f4f4f5}.history-table tbody tr:last-child td{border-bottom:none}.history-table .cell-nowrap{white-space:nowrap}.history-table .cell-mono{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#52525b}.btn-show-more{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:10px;margin-top:12px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#52525b;background:#f4f4f5;border:1px solid #E4E4E7;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-show-more:hover{color:#18181b;background:#e4e4e7}.upload-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.upload-summary-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 10px;background:#f4f4f5;border-radius:8px}.upload-summary-value{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;color:#18181b}.upload-summary-grid.upload-summary-2col{grid-template-columns:repeat(2,1fr)}.upload-summary-value.upload-summary-success{color:#22c55e}.upload-summary-value.upload-summary-failed{color:#f87171}.upload-summary-label{font-family:DM Sans,sans-serif;font-size:11px;color:#71717a;text-transform:uppercase;letter-spacing:.5px}.upload-status-badge{display:inline-block;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px}.upload-status-badge.success{color:#22c55e;background:#22c55e26}.upload-status-badge.failed{color:#f87171;background:#f8717126}.upload-status-badge.pending{color:#fbbf24;background:#fbbf2426}.workspace-section h2 svg{color:#6366f1}.workspace-info-card{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f4f4f5;border-radius:8px}.workspace-details{display:flex;align-items:center;gap:12px}.workspace-section .workspace-link{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:8px;text-decoration:none;transition:all .2s ease}.workspace-section .workspace-link:hover{background:#6366f133}.workspace-section .workspace-link svg{color:#6366f1}.workspace-section .workspace-link .ws-name{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#18181b}.workspace-section .role-badge{display:inline-block;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px}.workspace-section .role-badge.owner{background:#f5a62326;color:#f5a623}.workspace-section .role-badge.admin{background:#8b5cf626;color:#8b5cf6}.workspace-section .role-badge.member{background:#9ca3af26;color:#9ca3af}.remove-workspace-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#f87171;background:transparent;border:1px solid rgba(220,38,38,.3);border-radius:8px;cursor:pointer;transition:all .2s ease}.remove-workspace-btn:hover{background:#dc26261a}.remove-workspace-btn:disabled{opacity:.6;cursor:not-allowed}.no-workspace-card{padding:20px;background:#f4f4f5;border-radius:8px;text-align:center}.no-workspace-text{font-family:DM Sans,sans-serif;font-size:14px;color:#71717a;margin:0 0 16px}.btn-add-to-workspace{display:inline-flex;align-items:center;gap:6px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#22c55e;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-add-to-workspace:hover{background:#22c55e33}.add-to-workspace-form{text-align:left}.add-to-workspace-form .form-row{display:flex;gap:10px;justify-content:center}.add-to-workspace-form select{padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;color:#18181b;background:#fff;border:1px solid #E4E4E7;border-radius:6px;cursor:pointer}.add-to-workspace-form select:first-child{min-width:180px}.add-to-workspace-form button[type=submit]{padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#fff;background:#22c55e;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.add-to-workspace-form button[type=submit]:hover{background:#16a34a}.add-to-workspace-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.add-to-workspace-form .cancel-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;color:#52525b;background:transparent;border:1px solid #E4E4E7;border-radius:6px;cursor:pointer;transition:all .2s ease}.add-to-workspace-form .cancel-btn:hover{background:#e4e4e7}.add-to-workspace-form .form-error{margin-top:10px;padding:10px 14px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:6px;font-family:DM Sans,sans-serif;font-size:13px;color:#f87171;text-align:center}.add-to-workspace-form .loading-select{display:flex;align-items:center;gap:8px;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;color:#71717a;background:#fff;border:1px solid #E4E4E7;border-radius:6px}@media (max-width: 768px){.detail-header{flex-direction:column;align-items:flex-start;gap:16px}.user-info-grid{grid-template-columns:repeat(2,1fr)}.user-profile-header{flex-direction:column;text-align:center}.section-header{flex-direction:column;align-items:flex-start;gap:12px}.credit-form-row{grid-template-columns:1fr}.credit-info{flex-wrap:wrap}.upload-summary-grid{grid-template-columns:repeat(2,1fr)}}.admin-analytics{padding:0}.analytics-header{margin-bottom:24px}.analytics-header h1{display:flex;align-items:center;gap:12px;font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#1f2937;margin:0}.analytics-controls{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;padding:16px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}.date-controls{display:flex;align-items:center;gap:12px}.date-presets{display:flex;gap:8px}.date-presets button{padding:6px 12px;border:1px solid #E5E7EB;border-radius:6px;background:#f9fafb;color:#6b7280;font-family:DM Sans,sans-serif;font-size:12px;cursor:pointer;transition:all .2s ease}.date-presets button:hover{background:#f3f4f6;color:#1f2937}.granularity-toggle{display:flex;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;margin-left:auto}.granularity-toggle button{padding:8px 16px;border:none;background:transparent;color:#6b7280;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.granularity-toggle button:not(:last-child){border-right:1px solid #E5E7EB}.granularity-toggle button:hover{color:#1f2937}.granularity-toggle button.active{background:#6366f1;color:#fff}.analytics-stats{display:flex;gap:16px;margin-bottom:24px}.analytics-stats .stat-card{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:12px}.analytics-stats .stat-card svg{color:#6366f1}.analytics-stats .stat-card.paid svg{color:#22c55e}.analytics-stats .stat-content{display:flex;flex-direction:column}.analytics-stats .stat-value{font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;color:#1f2937}.analytics-stats .stat-label{font-family:DM Sans,sans-serif;font-size:13px;color:#6b7280}.analytics-error{padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;color:#dc2626;font-family:DM Sans,sans-serif;font-size:14px;margin-bottom:24px}.analytics-chart-container{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:24px;min-height:450px}.chart-loading,.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:400px;color:#6b7280;font-family:DM Sans,sans-serif}.chart-loading .spinning{animation:spin 1s linear infinite}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e5e7eb}.recharts-text{fill:#6b7280}.recharts-legend-wrapper{padding-top:0!important}.recharts-legend-item-text{color:#6b7280!important;font-family:DM Sans,sans-serif;font-size:13px}@media (max-width: 768px){.analytics-controls{flex-direction:column;align-items:flex-start}.granularity-toggle{margin-left:0}.date-controls{width:100%}.analytics-stats{flex-direction:column}}.admin-affiliates h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#18181b;margin:0}.affiliates-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.cell-link{white-space:nowrap}.ref-link-group{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:500;color:#6366f1;background:#6366f11a;border:1px solid rgba(99,102,241,.2);border-radius:4px}.ref-link-text{-webkit-user-select:all;-moz-user-select:all;user-select:all}.ref-copy-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;color:#6366f1;cursor:pointer;border-radius:3px;transition:all .15s ease}.ref-copy-btn:hover{background:#6366f133;color:#4f46e5}.cell-currency{font-variant-numeric:tabular-nums;white-space:nowrap}.cell-earnings{font-weight:600;color:#22c55e!important}.admin-activity{padding:0}.activity-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.activity-page-header h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#1f2937;margin:0}.activity-stats{display:flex;gap:16px;margin-bottom:24px}.activity-stat-card{display:flex;align-items:center;gap:12px;padding:20px 24px;background:#fff;border:1px solid #E5E7EB;border-radius:12px;color:#6366f1}.activity-stat-card.stat-error{color:#dc2626}.activity-stat-content{display:flex;flex-direction:column}.activity-stat-value{font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;color:#1f2937}.activity-stat-label{font-family:DM Sans,sans-serif;font-size:13px;color:#6b7280}.activity-filters{display:flex;gap:8px;margin-bottom:20px}.activity-filter-btn{padding:8px 16px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6b7280;background:#f9fafb;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s ease}.activity-filter-btn:hover{background:#f3f4f6;color:#1f2937}.activity-filter-btn.active{background:#6366f1;border-color:#6366f1;color:#fff}.activity-table .cell-nowrap{white-space:nowrap}.activity-table .cell-email{color:#6b7280;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-table .cell-details{color:#6b7280;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-type-badge{display:inline-block;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px}.activity-type-badge.type-login{color:#2563eb;background:#dbeafe}.activity-type-badge.type-upload{color:#16a34a;background:#dcfce7}.activity-type-badge.type-error{color:#dc2626;background:#fee2e2}.activity-type-badge.type-default{color:#6b7280;background:#f3f4f6}.activity-table tbody tr.clickable-row{cursor:pointer}.activity-table tbody tr.clickable-row:hover{background:#f9fafb}@media (max-width: 768px){.activity-stats{flex-direction:column}.activity-filters{flex-wrap:wrap}.activity-page-header{flex-direction:column;align-items:flex-start;gap:8px}}.user-search-picker{position:relative;flex:1;min-width:220px}.search-input-wrapper{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;transition:border-color .2s ease}.search-input-wrapper:focus-within{border-color:#6366f1}.search-input-wrapper .search-icon{color:#9ca3af;flex-shrink:0}.search-input-wrapper input{flex:1;background:none;border:none;font-family:DM Sans,sans-serif;font-size:14px;color:#1f2937;outline:none}.search-input-wrapper input::-moz-placeholder{color:#9ca3af}.search-input-wrapper input::placeholder{color:#9ca3af}.search-input-wrapper .loading-icon{color:#6366f1;flex-shrink:0}.search-input-wrapper .loading-icon.spinning{animation:spin 1s linear infinite}.search-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #E5E7EB;border-radius:8px;box-shadow:0 8px 24px #0000001a;z-index:100}.search-result{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer;transition:background .2s ease}.search-result:hover{background:#f3f4f6}.search-result:first-child{border-radius:7px 7px 0 0}.search-result:last-child{border-radius:0 0 7px 7px}.search-result:only-child{border-radius:7px}.result-avatar,.user-avatar{width:32px;height:32px;border-radius:8px;-o-object-fit:cover;object-fit:cover}.result-avatar-placeholder,.user-avatar-placeholder{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border-radius:8px;color:#9ca3af}.result-info,.user-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.result-name,.user-name{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-email,.user-email{font-family:DM Sans,sans-serif;font-size:12px;color:#6b7280;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-results{padding:16px;text-align:center;font-family:DM Sans,sans-serif;font-size:14px;color:#6b7280}.user-search-picker.selected{flex:1}.selected-user{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#fff;border:1px solid #E5E7EB;border-radius:8px}.selected-user .user-avatar,.selected-user .user-avatar-placeholder{width:28px;height:28px}.selected-user .user-info{flex:1}.selected-user .user-name{font-size:13px}.selected-user .user-email{font-size:11px}.selected-user .clear-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:4px;color:#9ca3af;cursor:pointer;transition:all .2s ease}.selected-user .clear-btn:hover{background:#f3f4f6;color:#6b7280}.admin-workspaces h1{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#1f2937;margin:0;display:flex;align-items:center;gap:12px}.admin-workspaces-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 8px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#1f2937;background:#e5e7eb;border-radius:14px}.create-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#fff;background:#f5a623;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.create-btn:hover{background:#e09000}.admin-workspaces .admin-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-workspaces .admin-search{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;width:320px;color:#6b7280}.admin-workspaces .admin-search input{flex:1;background:none;border:none;font-family:DM Sans,sans-serif;font-size:13px;color:#1f2937;outline:none}.admin-workspaces .admin-search input::-moz-placeholder{color:#9ca3af}.admin-workspaces .admin-search input::placeholder{color:#9ca3af}.admin-workspaces .admin-count{font-family:DM Sans,sans-serif;font-size:13px;color:#6b7280}.admin-workspaces .admin-error{padding:12px 16px;background:#fef2f2;border:1px solid #FECACA;border-radius:8px;font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626;margin-bottom:16px}.admin-workspaces .admin-table-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#6b7280;font-family:DM Sans,sans-serif;font-size:14px}.admin-workspaces .admin-table-loading .spinning{animation:spin 1s linear infinite}.admin-workspaces .admin-table-wrapper{background:#fff;border:1px solid #E5E7EB;border-radius:12px;overflow:hidden}.admin-workspaces .admin-table{width:100%;border-collapse:collapse}.admin-workspaces .admin-table th{padding:12px 16px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#6b7280;text-align:left;background:#f9fafb;border-bottom:1px solid #E5E7EB;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.admin-workspaces .admin-table th:hover{color:#1f2937}.admin-workspaces .sort-icon{display:inline-block;vertical-align:middle;margin-left:4px}.admin-workspaces .sort-icon.inactive{opacity:.3}.admin-workspaces .admin-table td{padding:14px 16px;font-family:DM Sans,sans-serif;font-size:13px;color:#1f2937;border-bottom:1px solid #F3F4F6}.admin-workspaces .admin-table tbody tr:hover{background:#f9fafb}.admin-workspaces .admin-table tbody tr.clickable-row{cursor:pointer}.admin-workspaces .admin-table tbody tr.clickable-row:hover{background:#f3f4f6}.admin-workspaces .admin-table tbody tr:last-child td{border-bottom:none}.admin-workspaces .admin-table-empty{text-align:center;color:#6b7280;padding:40px 20px!important}.workspace-name-cell{display:flex;align-items:center;gap:10px;font-weight:500}.workspace-icon{color:#6366f1}.cell-owner{max-width:200px}.owner-info{display:flex;flex-direction:column;gap:2px}.owner-name{font-weight:500;color:#1f2937}.owner-email{font-size:12px;color:#6b7280}.members-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#6b7280;background:#f3f4f6;border-radius:12px}.members-badge svg{color:#9ca3af}.cell-mrr{font-weight:600;color:#22c55e}.admin-workspaces .admin-table tfoot{background:#f9fafb}.admin-workspaces .total-row td{padding:14px 16px;border-top:1px solid #E5E7EB;border-bottom:none}.total-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:600;color:#6b7280;text-align:right}.total-value{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#22c55e}.create-modal{max-width:440px}.create-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.create-modal .modal-header h3{margin:0}.create-modal .modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:6px;color:#6b7280;cursor:pointer;transition:all .2s ease}.create-modal .modal-close:hover{background:#f3f4f6;color:#1f2937}.create-modal .form-field{margin-bottom:16px}.create-modal .form-field label{display:block;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6b7280;margin-bottom:6px}.create-modal .form-field label .optional{font-weight:400;color:#9ca3af}.create-modal .form-field input{width:100%;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;color:#1f2937;background:#fff;border:1px solid #E5E7EB;border-radius:8px;outline:none;transition:border-color .2s ease}.create-modal .form-field input:focus{border-color:#6366f1}.create-modal .form-field input::-moz-placeholder{color:#9ca3af}.create-modal .form-field input::placeholder{color:#9ca3af}.create-modal .field-hint{display:block;margin-top:4px;font-family:DM Sans,sans-serif;font-size:11px;color:#6b7280}.create-modal .form-error{padding:10px 14px;background:#fef2f2;border:1px solid #FECACA;border-radius:6px;font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626;margin-bottom:16px}.create-modal .modal-btn.create{color:#fff;background:#f5a623;border:none}.create-modal .modal-btn.create:hover{background:#e09000}@media (max-width: 768px){.admin-workspaces-header{flex-direction:column;align-items:flex-start;gap:16px}.admin-workspaces .admin-toolbar{flex-direction:column;align-items:stretch;gap:12px}.admin-workspaces .admin-search{width:100%}}.admin-workspace-detail{max-width:900px}.admin-workspace-detail .admin-detail-loading,.admin-workspace-detail .admin-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:60px 20px;color:#6b7280;font-family:DM Sans,sans-serif;font-size:14px}.admin-workspace-detail .admin-detail-loading .spinning{animation:spin 1s linear infinite}.admin-workspace-detail .admin-detail-error button{padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#1f2937;background:#fff;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer}.admin-workspace-detail .admin-detail-error button:hover{background:#f3f4f6}.admin-workspace-detail .detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.admin-workspace-detail .back-btn{display:flex;align-items:center;gap:8px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6b7280;background:transparent;border:1px solid #E5E7EB;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-workspace-detail .back-btn:hover{color:#1f2937;background:#f3f4f6}.admin-workspace-detail .detail-section{background:#fff;border:1px solid #E5E7EB;border-radius:12px;padding:24px;margin-bottom:20px}.admin-workspace-detail .detail-section h2{display:flex;align-items:center;gap:10px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:600;color:#1f2937;margin:0 0 20px}.admin-workspace-detail .detail-section h2 svg{color:#6366f1}.admin-workspace-detail .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.admin-workspace-detail .section-header h2{margin:0}.info-grid{display:flex;flex-direction:column;gap:12px}.info-row{display:flex;align-items:center;padding:14px 16px;background:#f9fafb;border-radius:8px}.info-row-label{font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#6b7280;width:140px;flex-shrink:0}.info-row-value{flex:1;font-family:DM Sans,sans-serif;font-size:14px;color:#1f2937;display:flex;align-items:center;gap:10px}.info-row.editable .info-row-value{cursor:pointer;padding:6px 10px;margin:-6px -10px;border-radius:6px;transition:background .2s ease}.info-row.editable .info-row-value:hover{background:#e5e7eb}.edit-hint{font-size:11px;color:#9ca3af;opacity:0;transition:opacity .2s ease}.info-row.editable .info-row-value:hover .edit-hint{opacity:1}.info-row-edit{flex:1;display:flex;align-items:center;gap:8px}.info-row-edit input{flex:1;padding:8px 12px;font-family:DM Sans,sans-serif;font-size:14px;color:#1f2937;background:#fff;border:1px solid #6366F1;border-radius:6px;outline:none}.save-btn,.cancel-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;cursor:pointer;transition:all .2s ease}.save-btn{color:#22c55e;background:#d1fae5;border:1px solid #6EE7B7}.save-btn:hover{background:#a7f3d0}.cancel-btn{color:#6b7280;background:transparent;border:1px solid #E5E7EB}.cancel-btn:hover{background:#f3f4f6}.id-value code{font-family:SF Mono,Monaco,monospace;font-size:12px;color:#6b7280;background:#f3f4f6;padding:4px 8px;border-radius:4px}.copy-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:#9ca3af;background:transparent;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer;transition:all .2s ease}.copy-btn:hover{color:#6b7280;background:#f3f4f6}.owner-value .owner-link{display:flex;align-items:center;gap:8px;color:#6366f1;text-decoration:none;transition:color .2s ease}.owner-value .owner-link:hover{color:#4f46e5}.owner-value .owner-name{color:#1f2937}.owner-value .owner-email{color:#6b7280;font-size:12px}.pricing-section h2 svg{color:#f59e0b!important}.pricing-summary{margin-bottom:24px}.pricing-main{display:flex;gap:20px;padding:20px;background:#f9fafb;border-radius:10px}.pricing-stat{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px}.pricing-stat.total{background:#fef3c7;border:1px solid #FCD34D;border-radius:8px}.pricing-stat-value{font-family:DM Sans,sans-serif;font-size:28px;font-weight:700;color:#1f2937}.pricing-stat.total .pricing-stat-value{color:#d97706}.pricing-stat-label{font-family:DM Sans,sans-serif;font-size:12px;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.pricing-tiers-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.pricing-tiers{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin;scrollbar-color:#D1D5DB transparent}.pricing-tiers::-webkit-scrollbar{height:6px}.pricing-tiers::-webkit-scrollbar-track{background:transparent}.pricing-tiers::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.tier-card{flex:0 0 auto;min-width:72px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 8px;background:#fff;border:1px solid #E5E7EB;border-radius:8px;opacity:.5;transition:all .2s ease;position:relative}.tier-card.active{opacity:1;background:#fef3c7;border-color:#f59e0b}.tier-count{font-family:DM Sans,sans-serif;font-size:14px;font-weight:700;color:#1f2937}.tier-card.active .tier-count{color:#d97706}.tier-price{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:#6b7280}.tier-card.active .tier-price{color:#1f2937}.tier-discount{font-family:DM Sans,sans-serif;font-size:11px;font-weight:500;color:#10b981}.tier-active-badge{position:absolute;top:-8px;right:-8px;padding:3px 8px;font-family:DM Sans,sans-serif;font-size:10px;font-weight:600;text-transform:uppercase;color:#fff;background:#f59e0b;border-radius:4px}.btn-add{display:flex;align-items:center;gap:6px;padding:8px 14px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#059669;background:#d1fae5;border:1px solid #6EE7B7;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-add:hover{background:#a7f3d0}.add-member-form{background:#f9fafb;border-radius:8px;padding:16px;margin-bottom:16px}.add-member-form .form-row{display:flex;gap:10px}.add-member-form input{flex:1;padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;color:#1f2937;background:#fff;border:1px solid #E5E7EB;border-radius:6px;outline:none}.add-member-form select{padding:10px 14px;font-family:DM Sans,sans-serif;font-size:14px;color:#1f2937;background:#fff;border:1px solid #E5E7EB;border-radius:6px;cursor:pointer}.add-member-form button[type=submit]{padding:10px 20px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#fff;background:#22c55e;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.add-member-form button[type=submit]:hover{background:#16a34a}.add-member-form button[type=submit]:disabled{opacity:.6;cursor:not-allowed}.add-member-form .form-error{margin-top:10px;padding:10px 14px;background:#fee2e2;border:1px solid #FECACA;border-radius:6px;font-family:DM Sans,sans-serif;font-size:13px;color:#dc2626}.admin-workspace-detail .members-table-wrapper{overflow-x:auto}.admin-workspace-detail .members-table{width:100%;border-collapse:collapse;font-family:DM Sans,sans-serif}.admin-workspace-detail .members-table thead{background:#f9fafb}.admin-workspace-detail .members-table th{padding:12px 16px;font-size:11px;font-weight:600;color:#6b7280;text-align:left;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #E5E7EB}.admin-workspace-detail .members-table td{padding:14px 16px;font-size:14px;color:#1f2937;border-bottom:1px solid #F3F4F6}.admin-workspace-detail .members-table tbody tr:hover{background:#f9fafb}.admin-workspace-detail .members-table tbody tr:last-child td{border-bottom:none}.admin-workspace-detail .members-table .cell-name{font-weight:500}.admin-workspace-detail .members-table .cell-email{color:#6b7280}.admin-workspace-detail .members-table .cell-actions{text-align:right}.role-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:6px}.role-badge.owner{background:#fef3c7;color:#d97706;border:1px solid #FCD34D}.role-badge.admin{background:#ede9fe;color:#7c3aed;border:1px solid #C4B5FD}.role-badge.member{background:#f3f4f6;color:#6b7280;border:1px solid #E5E7EB}.admin-workspace-detail .members-table .owner-row{background:#fffbeb}.admin-workspace-detail .members-table .owner-row:hover{background:#fef3c7}.status-badge{display:inline-block;padding:4px 10px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;border-radius:4px}.status-badge.pending{background:#fef3c7;color:#d97706}.remove-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#dc2626;background:transparent;border:1px solid #FECACA;border-radius:6px;cursor:pointer;transition:all .2s ease}.remove-btn:hover{background:#fee2e2}.no-data{font-family:DM Sans,sans-serif;font-size:14px;color:#6b7280;text-align:center;padding:20px}.danger-section{border-color:#fecaca}.danger-section h2 svg{color:#dc2626!important}.danger-warning{font-family:DM Sans,sans-serif;font-size:14px;color:#6b7280;line-height:1.5;margin-bottom:16px}.delete-workspace-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#fff;background:#dc2626;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.delete-workspace-btn:hover{background:#b91c1c}.admin-workspace-detail .admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.admin-workspace-detail .admin-modal{width:100%;max-width:420px;background:#fff;border:1px solid #E5E7EB;border-radius:16px;padding:24px;box-shadow:0 25px 50px -12px #00000026}.admin-workspace-detail .admin-modal h3{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px}.admin-workspace-detail .admin-modal p{font-family:DM Sans,sans-serif;font-size:14px;color:#6b7280;margin:0 0 24px;line-height:1.5}.admin-workspace-detail .admin-modal p strong{color:#1f2937}.admin-workspace-detail .admin-modal-actions{display:flex;gap:12px;justify-content:flex-end}.admin-workspace-detail .modal-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 18px;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s ease}.admin-workspace-detail .modal-btn.cancel{color:#6b7280;background:transparent;border:1px solid #E5E7EB}.admin-workspace-detail .modal-btn.cancel:hover{background:#f3f4f6}.admin-workspace-detail .modal-btn.danger{color:#fff;background:#dc2626;border:none}.admin-workspace-detail .modal-btn.danger:hover{background:#b91c1c}.admin-workspace-detail .modal-btn:disabled{opacity:.6;cursor:not-allowed}.admin-workspace-detail .modal-btn .spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.tier-card{min-width:64px}.add-member-form .form-row{flex-direction:column}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-row-label{width:100%}}.app-container{display:flex;min-height:100vh;background-color:var(--background)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;background-color:var(--background)}.page-container{padding:32px;max-width:1600px}@media (max-width: 1024px){.main-content{margin-left:0}}.page-tool-layout{min-height:100vh;background:#f7f8fa;padding:32px;font-family:DM Sans,sans-serif}.page-tool-header{text-align:left;margin-bottom:24px}.page-tool-header h1{font-size:28px;font-weight:700;color:#0d0d12;margin:0 0 4px;letter-spacing:-.02em}.page-tool-header p{font-size:14px;color:#666d80;margin:0}.page-tool-content{max-width:1400px}@media (max-width: 768px){.page-tool-layout{padding:16px}.page-tool-header h1{font-size:22px}.page-tool-header{margin-bottom:24px}}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:DM Sans,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.visible{visibility:visible}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-0\.5{bottom:-.125rem}.-right-0\.5{right:-.125rem}.left-0{left:0}.left-2\.5{left:.625rem}.right-0{right:0}.top-0{top:0}.top-1\/2{top:50%}.top-full{top:100%}.z-50{z-index:50}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-auto{margin-top:auto}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-1\.5{height:.375rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-2\.5{height:.625rem}.h-48{height:12rem}.h-6{height:1.5rem}.h-64{height:16rem}.h-8{height:2rem}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-48{max-height:12rem}.max-h-\[500px\]{max-height:500px}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-1\.5{width:.375rem}.w-12{width:3rem}.w-16{width:4rem}.w-2\.5{width:.625rem}.w-6{width:1.5rem}.w-8{width:2rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-\[200px\]{max-width:200px}.max-w-md{max-width:28rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes pulse{50%{opacity:.5;box-shadow:0 0 0 8px #fb731900}0%,to{box-shadow:0 0 #fb731966}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-none{border-style:none}.border-\[\#0D0D12\]{--tw-border-opacity: 1;border-color:rgb(13 13 18 / var(--tw-border-opacity, 1))}.border-\[\#1F1F23\]{--tw-border-opacity: 1;border-color:rgb(31 31 35 / var(--tw-border-opacity, 1))}.border-\[\#27272A\]{--tw-border-opacity: 1;border-color:rgb(39 39 42 / var(--tw-border-opacity, 1))}.border-indigo-500{--tw-border-opacity: 1;border-color:rgb(99 102 241 / var(--tw-border-opacity, 1))}.bg-\[\#052e16\]{--tw-bg-opacity: 1;background-color:rgb(5 46 22 / var(--tw-bg-opacity, 1))}.bg-\[\#0D0D12\]{--tw-bg-opacity: 1;background-color:rgb(13 13 18 / var(--tw-bg-opacity, 1))}.bg-\[\#16161a\]{--tw-bg-opacity: 1;background-color:rgb(22 22 26 / var(--tw-bg-opacity, 1))}.bg-\[\#1877F2\]{--tw-bg-opacity: 1;background-color:rgb(24 119 242 / var(--tw-bg-opacity, 1))}.bg-\[\#1C1C21\]{--tw-bg-opacity: 1;background-color:rgb(28 28 33 / var(--tw-bg-opacity, 1))}.bg-\[\#23C16B\]{--tw-bg-opacity: 1;background-color:rgb(35 193 107 / var(--tw-bg-opacity, 1))}.bg-\[\#2D1B13\]{--tw-bg-opacity: 1;background-color:rgb(45 27 19 / var(--tw-bg-opacity, 1))}.bg-\[\#3F3F46\]{--tw-bg-opacity: 1;background-color:rgb(63 63 70 / var(--tw-bg-opacity, 1))}.bg-\[\#DC2626\]{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-\[\#F7F8FA\]{--tw-bg-opacity: 1;background-color:rgb(247 248 250 / var(--tw-bg-opacity, 1))}.bg-\[\#FB7319\]{--tw-bg-opacity: 1;background-color:rgb(251 115 25 / var(--tw-bg-opacity, 1))}.bg-\[\#FF4400\]{--tw-bg-opacity: 1;background-color:rgb(255 68 0 / var(--tw-bg-opacity, 1))}.bg-black\/40{background-color:#0006}.bg-black\/70{background-color:#000000b3}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-white\/10{background-color:#ffffff1a}.bg-white\/20{background-color:#fff3}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.from-blue-600{--tw-gradient-from: #2563eb var(--tw-gradient-from-position);--tw-gradient-to: rgb(37 99 235 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-indigo-600{--tw-gradient-to: #4f46e5 var(--tw-gradient-to-position)}.object-cover{-o-object-fit:cover;object-fit:cover}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-4{padding-bottom:1rem}.pl-8{padding-left:2rem}.pr-3{padding-right:.75rem}.pt-3{padding-top:.75rem}.text-left{text-align:left}.text-center{text-align:center}.font-jakarta{font-family:Plus Jakarta Sans,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.text-\[9px\]{font-size:9px}.text-account-name{font-size:13px;line-height:1.4;font-weight:500}.text-account-status{font-size:10px;line-height:1.4;font-weight:400}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.tracking-wide{letter-spacing:.025em}.text-\[\#23C16B\]{--tw-text-opacity: 1;color:rgb(35 193 107 / var(--tw-text-opacity, 1))}.text-\[\#52525B\]{--tw-text-opacity: 1;color:rgb(82 82 91 / var(--tw-text-opacity, 1))}.text-\[\#9CA3AF\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-\[\#BEBEBE\]{--tw-text-opacity: 1;color:rgb(190 190 190 / var(--tw-text-opacity, 1))}.text-\[\#E4E4E7\]{--tw-text-opacity: 1;color:rgb(228 228 231 / var(--tw-text-opacity, 1))}.text-\[\#FB7319\]{--tw-text-opacity: 1;color:rgb(251 115 25 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.text-yellow-400{--tw-text-opacity: 1;color:rgb(250 204 21 / var(--tw-text-opacity, 1))}.placeholder-\[\#52525B\]::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(82 82 91 / var(--tw-placeholder-opacity, 1))}.placeholder-\[\#52525B\]::placeholder{--tw-placeholder-opacity: 1;color:rgb(82 82 91 / var(--tw-placeholder-opacity, 1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-60{opacity:.6}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366F1;--primary-hover: #4F46E5;--primary-light: #EEF2FF;--primary-dark: #4338CA;--background: #FCFCFC;--surface: #FFFFFF;--border: #E5E7EB;--border-light: #F3F4F6;--text-primary: #1F2937;--text-secondary: #6B7280;--text-tertiary: #9CA3AF;--success: #10B981;--success-bg: #D1FAE5;--success-text: #059669;--success-border: #6EE7B7;--error: #EF4444;--error-bg: #FEE2E2;--error-text: #DC2626;--error-border: #FCA5A5;--orange: #FF6B2C;--orange-bg: #FFF4ED;--orange-light: #FFEDD5;--sidebar-bg: #F7F8FA;--sidebar-width: 260px;--sidebar-text: #6B7280;--sidebar-active-bg: #F3F4F6;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .03);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .04);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--chart-gradient-start: #6366F1;--chart-gradient-end: #A78BFA;--chart-bar-inactive: #F3F4F6;--chart-grid: #F3F4F6;--chart-axis-text: #9CA3AF}html,body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f7f8fa;color:var(--text-primary);font-size:14px;line-height:1.5;margin:0;padding:0}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f7f8fa}::-webkit-scrollbar-thumb{background:#e5e7eb;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}@keyframes travel{0%{left:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:calc(100% - 8px);opacity:0}}.traveling-particle{position:absolute;width:8px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);animation:travel 2s linear infinite;pointer-events:none}.fixed-end-dot{position:absolute;right:0;top:50%;transform:translateY(-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 6px #fffc;pointer-events:none}@keyframes burst{0%,90%{transform:translate(0) scale(0);opacity:0}95%{transform:translate(var(--x),var(--y)) scale(1);opacity:1}to{transform:translate(var(--x),var(--y)) scale(0);opacity:0}}.particle-burst{position:absolute;width:100%;height:100%;pointer-events:none}.particle{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:burst 2s linear infinite;top:50%;left:50%}.particle-1{--x: -8px;--y: -6px}.particle-2{--x: -4px;--y: 6px}.particle-3{--x: 6px;--y: -4px}.particle-4{--x: 4px;--y: 5px}@keyframes borderPulse{0%,to{box-shadow:0 0 0 1px #ffb46433}50%{box-shadow:0 0 0 1px #ffb46499}}.upgrade-card{animation:borderPulse 2s ease-in-out infinite}.container{max-width:1400px;margin:0 auto;padding:0 24px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap}.badge-success{background:var(--success-bg);color:var(--success)}.badge-warning{background:var(--warning-bg);color:var(--warning)}.badge-primary{background:var(--primary-light);color:var(--primary)}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{font-family:inherit;outline:none}a{text-decoration:none;color:inherit}.hover\:border-\[\#3434EF\]:hover{--tw-border-opacity: 1;border-color:rgb(52 52 239 / var(--tw-border-opacity, 1))}.hover\:bg-\[\#166FE5\]:hover{--tw-bg-opacity: 1;background-color:rgb(22 111 229 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#1C1C21\]:hover{--tw-bg-opacity: 1;background-color:rgb(28 28 33 / var(--tw-bg-opacity, 1))}.hover\:bg-\[\#E63D00\]:hover{--tw-bg-opacity: 1;background-color:rgb(230 61 0 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity, 1))}.hover\:text-white:hover{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.focus\:border-\[\#3434EF\]:focus{--tw-border-opacity: 1;border-color:rgb(52 52 239 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:text-\[\#9CA3AF\]{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.group:hover .group-hover\:text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}