@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&display=swap";:root{--color-primary: #6366F1;--color-primary-hover: #4F46E5;--color-secondary: #8B5CF6;--color-accent: #F97316;--color-accent-hover: #EA580C;--color-bg-primary: #F8FAFC;--color-bg-secondary: #FFFFFF;--color-bg-tertiary: #F1F5F9;--color-text-primary: #1E293B;--color-text-secondary: #64748B;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-light: #CBD5E1;--color-success: #22C55E;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #06B6D4;--gradient-purple: linear-gradient(135deg, #E9D5FF 0%, #F3E8FF 100%);--gradient-yellow: linear-gradient(135deg, #FEF3C7 0%, #FEF9C3 100%);--gradient-green: linear-gradient(135deg, #D1FAE5 0%, #ECFDF5 100%);--gradient-mint: linear-gradient(135deg, #A7F3D0 0%, #D1FAE5 100%);--font-heading: "Poppins", sans-serif;--font-body: "Open Sans", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-normal: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{font-family:var(--font-body);background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-hover)}button{font-family:var(--font-body);cursor:pointer}input,textarea,select{font-family:var(--font-body)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg-tertiary)}::-webkit-scrollbar-thumb{background:var(--color-border-light);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.sidebar{width:76px;padding-top:0;display:flex;flex-direction:column;align-items:center;position:fixed;left:0;top:0;height:100vh;z-index:40;pointer-events:none}.sidebar-header-spacer{height:100px;width:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:auto}.mini-logo{width:38px;height:38px;object-fit:contain;opacity:0;transform:scale(.8);transition:all .3s cubic-bezier(.4,0,.2,1)}.mini-logo.visible{opacity:1;transform:scale(1)}.add-button{width:50px;height:50px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;border:none;cursor:pointer;margin-bottom:20px;box-shadow:0 6px 16px #0ea5e959;transition:all .2s ease;pointer-events:auto}.add-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 20px #0ea5e973;color:#fff}.add-button.active{background:#fff;color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e9,0 6px 16px #0ea5e940;transform:none}.add-button.active:hover{transform:none;box-shadow:0 0 0 2px #0ea5e9,0 8px 20px #0ea5e959}.sidebar-nav{display:flex;flex-direction:column;width:100%;gap:16px;pointer-events:auto}.sidebar-link{height:60px;display:flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;background:transparent;width:calc(100% - 6px);margin-left:6px;border-radius:12px 0 0 12px;transition:all .2s}.sidebar-menu-icon{width:34px;height:34px;object-fit:contain;opacity:.6;transition:opacity .2s}.sidebar-link:hover .sidebar-menu-icon{opacity:.9}.sidebar-link.active{background:#fff;box-shadow:-4px 0 12px #0000000f;z-index:50;position:relative;height:72px}.sidebar-link.active:before{content:"";position:absolute;bottom:100%;right:0;width:20px;height:20px;background:transparent;border-bottom-right-radius:12px;box-shadow:6px 6px 0 6px #fff;pointer-events:none}.sidebar-link.active:after{content:"";position:absolute;top:100%;right:0;width:20px;height:20px;background:transparent;border-top-right-radius:12px;box-shadow:6px -6px 0 6px #fff;pointer-events:none}.sidebar-link.active .sidebar-menu-icon{opacity:1}.sidebar-footer{margin-top:auto;width:100%;padding-bottom:24px}.mobile-only{display:none}.sidebar-content-wrapper{display:flex;flex-direction:column;align-items:center;width:100%}@media(max-width:768px){.mobile-only{display:block}.sidebar{width:240px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:4px 0 24px #0000001a;z-index:1000;pointer-events:auto;padding-bottom:20px}.sidebar-content-wrapper{width:100%}.sidebar-logout-btn{width:100%;height:60px;background:transparent;border:none;padding-left:24px;cursor:pointer;display:flex;align-items:center;transition:background .2s;border-top:1px solid #F1F5F9;margin-top:20px}.sidebar-logout-btn:active{background:#fef2f2}.sidebar-logout-btn .sidebar-link-text{color:#ef4444}.sidebar-logout-btn .sidebar-menu-icon{opacity:.8}.sidebar.open{transform:translate(0)}.mini-logo{display:none!important}.sidebar-header-spacer{display:none}.add-button{margin-top:16px;width:100%;height:60px;background:transparent;border-radius:0;box-shadow:none;color:#64748b;justify-content:flex-start;padding-left:24px;font-size:1rem}.add-button:hover{transform:none;background:#f8fafc;box-shadow:none;color:inherit}.add-icon{text-align:center;width:24px;height:24px;font-size:1.1rem}.sidebar-link{justify-content:flex-start;padding-left:24px;width:100%;margin-left:0;border-radius:0}.sidebar-link.active{background:#f0f9ff;border-right:3px solid #0EA5E9;box-shadow:none;height:60px}.sidebar-link.active:before,.sidebar-link.active:after,.add-button.active:before,.add-button.active:after{display:none}.add-button.active{background:#f0f9ff;border-right:3px solid #0EA5E9;box-shadow:none;color:#0ea5e9;height:60px;border-radius:0}.link-content{display:flex;align-items:center;gap:16px}.sidebar-menu-icon{width:24px;height:24px}.sidebar-link-text{display:block;font-size:1rem;font-weight:500;color:#64748b}.sidebar-link.active .sidebar-link-text{color:#0ea5e9;font-weight:600}.sidebar-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sidebar-overlay.visible{opacity:1;visibility:visible}}@media(min-width:769px){.sidebar-link-text{display:none}.link-content{display:flex;justify-content:center;align-items:center;width:100%}}.notif-bell-wrapper{position:relative;margin-right:8px}.notif-bell-btn{width:38px;height:38px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;color:#64748b;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:all .2s;box-shadow:0 1px 2px #0000000d}.notif-bell-btn:hover{border-color:#0ea5e9;color:#0ea5e9;box-shadow:0 4px 8px #0ea5e926}.notif-bell-btn.has-unread{color:#0ea5e9;border-color:#bae6fd}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;line-height:1}.notif-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:360px;max-height:520px;background:#fff;border:1px solid #E2E8F0;border-radius:16px;box-shadow:0 10px 40px #00000026;overflow:hidden;display:flex;flex-direction:column;z-index:9999;animation:notifFadeIn .18s ease;transition:width .3s cubic-bezier(.16,1,.3,1),transform .3s ease;min-height:400px}.notif-dropdown.expanded{width:520px}@keyframes notifFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.notif-dropdown-header{padding:0 16px;height:60px;border-bottom:1px solid #F1F5F9;background:#fff;flex-shrink:0;display:flex;align-items:center}.notif-dropdown-header>div{display:flex;align-items:center;justify-content:space-between;width:100%}.notif-dropdown-title{font-weight:700;font-size:.95rem;color:#2e3a44;display:flex;align-items:center;gap:8px}.notif-dropdown-title.detail-title{flex:1;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px}.notif-count-pill{background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:999px}.notif-mark-all-btn{background:none;border:none;cursor:pointer;font-size:.75rem;color:#0ea5e9;font-weight:600;display:flex;align-items:center;gap:5px;padding:4px 8px;border-radius:8px;transition:background .15s}.notif-mark-all-btn:hover{background:#f0f9ff}.notif-detail-header{display:flex;align-items:center;gap:12px;width:100%;min-width:0}.notif-back-btn{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:8px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.notif-back-btn:hover{background:#e2e8f0;color:#2e3a44}.notif-list{overflow-y:auto;flex:1;min-height:100px;max-height:400px;scrollbar-width:thin}.notif-list::-webkit-scrollbar{width:6px}.notif-list::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.notif-empty{padding:60px 20px;text-align:center;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:12px}.notif-empty-icon{font-size:2.5rem;opacity:.2}.notif-item{display:flex;padding:16px 20px;gap:14px;cursor:pointer;transition:all .2s;border-bottom:1px solid #F8FAFC;position:relative}.notif-item:hover{background:#f8fafc}.notif-item.unread{background:#f0f9ff}.notif-item.unread:hover{background:#e0f2fe}.notif-item-body{flex:1;min-width:0}.notif-item-title{font-size:.9rem;font-weight:600;color:#2e3a44;margin-bottom:4px}.notif-item-msg{font-size:.82rem;color:#64748b;line-height:1.5;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-meta{display:flex;align-items:center;gap:12px;font-size:.72rem;color:#94a3b8}.notif-link-hint{color:#0ea5e9;font-weight:600}.notif-unread-dot{width:8px;height:8px;background:#0ea5e9;border-radius:50%;margin-top:6px}.notif-detail-view{padding:24px;animation:slideIn .25s cubic-bezier(.16,1,.3,1)}@keyframes slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.notif-detail-content{display:flex;flex-direction:column;gap:20px}.notif-detail-message-light{font-size:.95rem;color:#475569;line-height:1.7;white-space:pre-wrap}.notif-action-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0ea5e94d}.notif-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}@media(max-width:480px){.notif-dropdown{width:calc(100vw - 32px);right:-40px}}.top-bar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 21px;background:transparent;position:relative;z-index:50}.top-bar-left{display:flex;align-items:center;gap:16px}.app-logo{height:42px;width:auto}.mobile-menu-btn{display:none}.top-bar-right{display:flex;align-items:center;gap:12px}.ai-toggle-header{background:#fff;border:1px solid #f1f5f9;color:#64748b;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d;padding:0}.ai-toggle-header:hover{background:#f8fafc;border-color:#0ea5e9;color:#0ea5e9;transform:translateY(-1px);box-shadow:0 4px 6px #0000000d}.ai-toggle-header.active{transform:scale(1.05)}.user-pill{display:flex;align-items:center;gap:12px;padding:8px 10px 8px 16px;background:#fff;border:1px solid #E2E8F0;border-radius:30px;box-shadow:0 1px 2px #0000000d;transition:all .2s}.user-pill:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a}.username{font-weight:600;color:#334155;font-size:.9rem;white-space:nowrap}.separator{width:1px;height:20px;background:#e2e8f0;margin:0 4px}.logout-btn-pill{background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:opacity .2s}.logout-btn-pill:hover{opacity:.7}.ai-agent-icon-img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain!important;display:block!important;margin:0!important}.logout-icon-img{width:20px;height:20px;object-fit:contain}@media(max-width:768px){.top-bar{padding:20px 16px 4px;height:auto;min-height:56px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;width:36px;height:36px;color:#475569;font-size:1.25rem;cursor:pointer;padding:0;transition:all .2s}.mobile-menu-btn:active{background:#f1f5f9;border-radius:8px}.app-logo{height:26px}.top-bar-left{gap:8px}.username,.separator,.user-pill{display:none}.user-pill:active{background:#f1f5f9}.logout-btn-pill{display:none}.logout-icon-img{width:24px;height:24px}}.floating-select-wrapper{position:relative;-webkit-user-select:none;user-select:none;min-width:80px}.floating-select-trigger{display:flex;align-items:center;gap:6px;padding:6px 10px;background:transparent;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.85rem;color:#475569;font-weight:500}.floating-select-trigger:hover{background:#e2e8f066;color:#0ea5e9}.floating-select-trigger.open{background:#f1f5f9;color:#0ea5e9}.trigger-pref-icon{font-size:.75rem;color:#64748b}.trigger-arrow{font-size:.7rem;color:#94a3b8;margin-left:auto}.selected-value-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-select-dropdown{position:absolute;left:0;width:auto;min-width:100%;z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000d;overflow:hidden;animation:fadeIn .15s ease-out}.floating-select-dropdown.up{bottom:calc(100% + 8px);transform-origin:bottom center}.floating-select-dropdown.down{top:calc(100% + 8px);transform-origin:top center}.options-list-container{padding:6px;max-height:250px;overflow-y:auto}.option-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:.85rem;color:#1e293b;transition:all .15s ease;gap:12px}.option-item:hover{background:#f1f5f9;color:#0ea5e9}.option-item.selected{background:#e0f2fe;color:#0369a1;font-weight:600}.option-label{white-space:nowrap}.options-list-container::-webkit-scrollbar{width:6px}.options-list-container::-webkit-scrollbar-track{background:transparent}.options-list-container::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.options-list-container::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.alert-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.alert-modal-content{background-color:#fff;border-radius:16px;padding:24px;width:100%;max-width:320px;box-shadow:0 25px 50px -12px #00000040;transform-origin:center;animation:alertPop .2s ease-out}@keyframes alertPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.alert-modal-icon-wrapper{width:48px;height:48px;background-color:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#d97706}.alert-modal-title{margin:0 0 8px;color:#2e3a44;font-size:1.25rem;font-weight:600;text-align:center}.alert-modal-message{margin:0;color:#64748b;font-size:.95rem;line-height:1.5;text-align:center}.alert-modal-actions{display:flex;justify-content:center;margin-top:24px}.alert-modal-btn{width:100%;padding:10px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;outline:none;font-size:.95rem;border:none;background-color:#0ea5e9;color:#fff}.alert-modal-btn:hover{background-color:#0284c7;box-shadow:0 4px 6px -1px #0ea5e94d}.gallery-modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:999999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.gallery-modal-content{background:#fff;width:900px;max-width:95vw;height:600px;border-radius:20px;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;overflow:hidden}.gallery-header{padding:20px 30px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;background:#fff}.ai-gallery-container{display:flex;flex-direction:column}.ai-prompt-box{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #E2E8F0}.ai-prompt-row{display:flex;gap:12px;width:100%}.ai-orientation-selector{display:flex;gap:12px;align-items:center}.orientation-btn{width:auto;height:38px;padding:0 12px;border-radius:8px;border:1px solid #CBD5E1;background:#fff;color:#64748b;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;font-size:.85rem;font-weight:500}.orientation-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.orientation-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9}.ratio-shape{border:1.5px solid currentColor;border-radius:2px}.ratio-square{width:14px;height:14px}.ratio-landscape{width:18px;height:10px}.ai-prompt-input{flex:1;padding:10px 16px;border:1px solid #CBD5E1;border-radius:8px;outline:none;font-size:.95rem;transition:all .2s}.ai-prompt-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;background:#fff}.ai-generate-btn{padding:10px 24px;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:110px}.ai-generate-btn:hover:not(:disabled){background:#0284c7;transform:translateY(-1px)}.ai-generate-btn:disabled{opacity:.6;cursor:not-allowed}.gallery-spinner.small{width:18px;height:18px;border-width:2px}.gallery-header h3{margin:0;font-size:1.125rem;font-weight:600;color:#2e3a44}.gallery-tab-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 14px;border:1px solid transparent;border-radius:50px;background:#f1f5f9;color:#64748b;font-size:.8rem;white-space:nowrap;font-weight:500;line-height:normal;cursor:pointer;transition:all .2s}.gallery-tab-btn:hover{color:#0ea5e9;background:#e2e8f0;border-color:transparent}.gallery-tab-btn.active{color:#0ea5e9;background:#e0f2fe;box-shadow:none;font-weight:600;border-color:#e0f2fe}.gallery-tabs-container{padding:10px 30px;border-bottom:1px solid #F1F5F9;background:#fff;min-height:60px;display:flex;align-items:center}.gallery-tabs{display:flex;gap:12px;flex:1;overflow-x:auto;padding:0;border-bottom:none}.search-toggle-btn{width:36px;height:36px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;margin-left:12px}.search-toggle-btn:hover{color:#0ea5e9;border-color:#0ea5e9;background:#f0f9ff}.search-active-container{display:flex;align-items:center;gap:12px;width:100%;animation:fadeIn .2s ease-out}.search-input-wrapper{flex:1;position:relative}.search-input-clean{width:100%;border:1px solid #CBD5E1;border-radius:6px;font-size:.95rem;color:#334155;background:#fff;padding:8px 35px 8px 12px;outline:none;transition:all .2s}.clear-search{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#94a3b8;cursor:pointer;font-size:14px;transition:color .2s}.clear-search:hover{color:#475569}.search-input-clean:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.search-input-clean::placeholder{color:#94a3b8}.filter-select-clean{border:1px solid #CBD5E1;background:#fff;color:#475569;font-size:.9rem;font-weight:500;cursor:pointer;padding:8px 12px;outline:none;border-radius:6px;transition:all .2s}.filter-select-clean:hover{background:#f8fafc;border-color:#94a3b8;color:#2e3a44}.close-search-btn{width:32px;height:32px;border-radius:50%;border:none;background:#f1f5f9;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.close-search-btn:hover{background:#e2e8f0;color:#ef4444}.gallery-body{flex:1;overflow-y:auto;padding:30px;background:#fff}.upload-area{height:100%;display:flex;justify-content:center;align-items:center}.drop-zone{width:100%;height:300px;border:2px dashed #CBD5E1;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#64748b;cursor:pointer;transition:all .2s;background:#f8fafc}.drop-zone:hover,.drop-zone.active{border-color:#0ea5e9;background:#f0f9ff;color:#0ea5e9}.upload-icon{font-size:3rem;margin-bottom:16px}.library-grid-container{height:100%}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px}.gallery-item{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;cursor:pointer;border:3px solid transparent;transition:all .2s;background:#f1f5f9}.gallery-item.landscape{aspect-ratio:16 / 9;grid-column:span 2}.gallery-item:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.gallery-item.selected{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e933}.delete-img-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;background:#ef4444e6;color:#fff;border:none;display:flex;justify-content:center;align-items:center;font-size:12px;cursor:pointer;opacity:0;transform:scale(.9);transition:all .2s;z-index:10}.gallery-item:hover .delete-img-btn{opacity:1;transform:scale(1)}.delete-img-btn{left:8px;right:auto}.delete-img-btn:hover{background:#dc2626;transform:scale(1.1)!important}.preview-game-btn{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:6px;background:#10b981e6;color:#fff;border:none;display:flex;justify-content:center;align-items:center;font-size:12px;cursor:pointer;opacity:0;transform:scale(.9);transition:all .2s;z-index:10}.gallery-item:hover .preview-game-btn{opacity:1;transform:scale(1)}.preview-game-btn:hover{background:#059669;transform:scale(1.1)!important}.gallery-item img{width:100%;height:100%;object-fit:cover}.selection-check{position:absolute;top:8px;right:8px;background:#0ea5e9;color:#fff;width:24px;height:24px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.8rem;box-shadow:0 2px 4px #0003}.gallery-footer{padding:16px 30px;border-top:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;background:#fff;box-shadow:0 -4px 6px -1px #00000005;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.selected-preview{display:flex;align-items:center;gap:12px}.selected-preview img{width:44px;height:44px;border-radius:8px;object-fit:cover;border:1px solid #E2E8F0}.selected-preview span{font-size:.9rem;color:#475569;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}.footer-actions{display:flex;gap:12px}.cancel-btn{padding:10px 20px;border:1px solid #CBD5E1;background:#fff;border-radius:8px;color:#64748b;cursor:pointer;font-weight:500;transition:all .2s}.cancel-btn:hover{background:#f1f5f9;color:#475569}.confirm-btn{padding:10px 28px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #0ea5e94d}.confirm-btn:hover{transform:translateY(-1px);box-shadow:0 6px 8px -1px #0ea5e966}.upload-progress-container{width:60%;margin-top:20px;text-align:center}.upload-progress-bar{width:100%;height:8px;background-color:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:8px}.upload-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8);transition:width .2s ease-out;border-radius:4px}.upload-progress-text{font-size:.875rem;color:#64748b;font-weight:500}.deleting-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#fffc;display:flex;justify-content:center;align-items:center;z-index:20;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.gallery-spinner{width:24px;height:24px;border:3px solid #E2E8F0;border-top-color:#0ea5e9;border-radius:50%;animation:simpleSpin .8s linear infinite}@keyframes simpleSpin{to{transform:rotate(360deg)}}.gallery-skeleton{position:absolute;top:0;left:0;width:100%;height:100%;background:#f1f5f9;border-radius:8px;z-index:5;overflow:hidden}.gallery-skeleton:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff80,#fff0);animation:skeletonShimmer 1.5s infinite}@keyframes skeletonShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.gallery-item img{opacity:0;transition:opacity .3s ease-in}.selected-preview-list{display:flex;gap:8px;overflow-x:auto;padding:4px;max-width:60%}.mini-thumb{position:relative;width:48px;height:48px;border-radius:6px;overflow:hidden;border:1px solid #E2E8F0;flex-shrink:0}.mini-thumb img{width:100%;height:100%;object-fit:cover}.remove-thumb{position:absolute;top:0;right:0;background:#0009;color:#fff;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;border-bottom-left-radius:4px}.remove-thumb:hover{background:#ef4444}.selection-check{position:absolute;top:8px;right:8px;color:#fff;z-index:10}.check-circle{background:#0ea5e9;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003}.gallery-footer{display:flex;justify-content:space-between;align-items:center;padding:16px;border-top:1px solid #E2E8F0;background:#fff}.ai-preview-btn{background:#0ea5e9e6!important}.ai-preview-btn:hover{background:#0ea5e9!important}.full-image-preview-overlay{position:fixed;inset:0;background:#0f172ae6;display:flex;justify-content:center;align-items:center;z-index:9999999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:fadeIn .2s ease-out}.preview-actions{position:absolute;top:-50px;right:0;display:flex;gap:12px;z-index:1001}.full-image-preview-content{position:relative;max-width:90vw;max-height:90vh;display:flex;justify-content:center;align-items:center;animation:zoomIn .3s cubic-bezier(.34,1.56,.64,1)}.full-image-preview-content img{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 25px 50px -12px #00000080;border:1px solid rgba(255,255,255,.1)}.app-outbound-link{position:absolute;top:8px;right:8px;width:30px;height:30px;background:#fffffff2;color:#0ea5e9;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:14px;cursor:pointer;box-shadow:0 4px 12px #00000026;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.34,1.56,.64,1);z-index:10}.gallery-item:hover .app-outbound-link{opacity:1;transform:scale(1)}.app-outbound-link:hover{background:#0ea5e9;color:#fff;transform:scale(1.1)!important}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:768px){.preview-actions{top:10px;right:10px}.preview-close-btn,.preview-download-btn{background:#fffc}}.loading-gallery,.loading-more,.empty-gallery{grid-column:1 / -1;display:flex;justify-content:center;align-items:center;padding:20px;min-height:100px;color:#64748b;font-size:.9rem;font-weight:500}.loading-more{min-height:auto;padding:10px}.video-play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#0009;color:#fff;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease;z-index:5}.video-play-overlay:hover{background:#000c;transform:translate(-50%,-50%) scale(1.1)}.preview-close-btn{width:40px;height:40px;border-radius:50%;background:#fff;color:#2e3a44;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a}.preview-close-btn:hover{transform:scale(1.1) rotate(90deg);color:#ef4444}.preview-download-btn{width:40px;height:40px;border-radius:50%;background:#fff;color:#2e3a44;border:none;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a;text-decoration:none}.preview-download-btn:hover{transform:scale(1.1);color:#0ea5e9}.delete-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.delete-modal-content{background-color:#fff;border-radius:16px;padding:24px;width:100%;max-width:320px;box-shadow:0 25px 50px -12px #00000040;transform-origin:center}.delete-modal-icon-wrapper{width:48px;height:48px;background-color:#fef2f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;color:#ef4444}.delete-modal-title{margin:0 0 8px;color:#2e3a44;font-size:1.25rem;font-weight:600;text-align:center}.delete-modal-message{margin:0;color:#64748b;font-size:.95rem;line-height:1.5;text-align:center}.delete-modal-message strong{color:#0f172a}.delete-modal-actions{display:flex;gap:12px;margin-top:24px}.delete-modal-btn{flex:1;padding:10px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s;outline:none;font-size:.95rem}.delete-modal-cancel{background-color:transparent;color:#64748b;border:1px solid #E2E8F0}.delete-modal-cancel:hover{border-color:#94a3b8;color:#334155}.delete-modal-confirm{background-color:#ef4444;color:#fff;border:none}.delete-modal-confirm:hover{background-color:#dc2626;box-shadow:0 4px 6px -1px #ef44444d}.game-preview-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000001a;display:flex;justify-content:center;align-items:center;z-index:2100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .2s ease-out}.game-preview-content{background:#000;width:90vw;height:90vh;max-width:1200px;border-radius:12px;display:flex;flex-direction:column;overflow:hidden;position:relative;box-shadow:0 25px 50px -12px #00000080}.preview-header{padding:12px 20px;background:#1e1e1e;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333}.preview-header h3{color:#fff;margin:0;font-size:1rem;font-weight:500}.preview-header .close-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:1.2rem;transition:color .2s}.preview-header .close-btn:hover{color:#fff}.preview-iframe-container{flex:1;width:100%;height:100%;background:#000}.preview-iframe-container iframe{width:100%;height:100%;border:none}.thinking-modal-overlay{position:fixed;inset:0;z-index:99999;background:#0f172a99;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:thinkFadeIn .25s ease}@keyframes thinkFadeIn{0%{opacity:0}to{opacity:1}}.thinking-modal{width:820px;max-width:92vw;max-height:80vh;background:#fff;border-radius:16px;box-shadow:0 24px 64px #0000002e;display:flex;flex-direction:column;overflow:hidden;animation:thinkSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes thinkSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.thinking-modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:#fff;border-bottom:1px solid #f1f5f9;color:#2e3a44}.thinking-header-left{display:flex;align-items:center;gap:12px}.thinking-header-left h3{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;color:#0f172a}.thinking-step-count{background:#f1f5f9;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600;color:#64748b}.thinking-close-btn{background:#f8fafc;border:1px solid #f1f5f9;color:#94a3b8;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .2s}.thinking-close-btn:hover{background:#f1f5f9;color:#2e3a44;border-color:#e2e8f0}.thinking-modal-body{display:flex;flex:1;min-height:0;overflow:hidden}.thinking-sidebar{width:240px;min-width:240px;background:#fcfdfe;border-right:1px solid #f1f5f9;padding:16px 12px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.thinking-sidebar-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;padding:0 8px;margin-bottom:10px}.thinking-step-item{display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:1px solid transparent;border-radius:12px;cursor:pointer;text-align:left;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%;position:relative}.thinking-step-item:not(:last-child):before{content:"";position:absolute;left:21px;top:36px;bottom:-10px;width:2px;background:#f1f5f9;z-index:1}.thinking-step-item:hover{background:#f1f5f9}.thinking-step-item.active{background:#fff;border-color:#e2e8f0;box-shadow:0 4px 12px #00000008}.step-indicator{flex-shrink:0;position:relative;z-index:2;background:#fcfdfe;width:20px;height:20px;display:flex;align-items:center;justify-content:center}.step-status-icon{font-size:16px}.step-status-icon.success{color:#10b981}.step-status-icon.failed{color:#ef4444}.step-info{display:flex;flex-direction:column;min-width:0}.step-number{font-size:10px;font-weight:700;text-transform:uppercase;color:#94a3b8;letter-spacing:.03em;margin-bottom:2px}.step-name{font-size:13px;font-weight:600;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thinking-step-item.active .step-name{color:#0f172a}.thinking-detail{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff}.thinking-detail-body{flex:1;overflow:auto;background:#fff;padding:24px}.thinking-result-json{margin:0;font-family:Fira Code,SF Mono,Consolas,monospace;font-size:13px;color:#475569;line-height:1.7;white-space:pre-wrap;word-break:break-word;background:#fbfcfd;padding:20px;border-radius:12px;border:1px solid #f1f5f9}@media(max-width:640px){.thinking-modal{max-width:98vw;max-height:90vh;border-radius:12px}.thinking-modal-body{flex-direction:column}.thinking-sidebar{width:100%;min-width:unset;flex-direction:row;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid #e2e8f0;padding:12px;gap:8px}.thinking-step-item{min-width:120px;flex-shrink:0}}.ai-drawer-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;visibility:hidden;pointer-events:none;transition:visibility .3s}.ai-drawer-wrapper.active{visibility:visible;pointer-events:auto}.ai-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;transition:opacity .3s ease}.ai-drawer-wrapper.active .ai-drawer-overlay{opacity:1}.ai-drawer-content{position:absolute;top:0;right:0;width:600px;max-width:100%;height:100%;background:#fff;box-shadow:-10px 0 40px #00000014;transform:translate(110%);transition:transform .4s cubic-bezier(.16,1,.3,1),width .3s ease;display:flex;flex-direction:column;border-top-left-radius:20px;overflow:hidden}.ai-drawer-content.expanded{width:850px;max-width:100%}.ai-drawer-wrapper.active .ai-drawer-content{transform:translate(0)}.ai-chat-window{flex:1;height:100%;display:flex;flex-direction:column;overflow:hidden;background:#fff;border:none;position:relative;width:100%!important;max-width:none!important;border-top-left-radius:20px}.ai-chat-header{background:#fff;padding:18px 20px;color:#2e3a44;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1f5f9;border-top-left-radius:20px;box-sizing:border-box}.ai-header-info{display:flex;align-items:center;gap:12px}.ai-header-avatar{width:40px;height:40px;background:#f8fafc;border-radius:10px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #f1f5f9}.ai-header-avatar img{width:100%;height:100%;object-fit:contain}.ai-header-text{display:flex;flex-direction:column}.ai-header-text h3{margin:0;font-size:16px;font-weight:700;color:#2e3a44}.connection-status{font-size:11px;color:#64748b;display:flex;align-items:center;gap:6px;font-weight:500}.connection-status:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.connection-status.online:before{background:#4ade80;box-shadow:0 0 4px #4ade80}.connection-status.offline:before{background:#f87171;box-shadow:0 0 4px #f87171}.connection-status.connecting:before{background:#fbbf24;animation:pulse-dot 1s infinite alternate}.step-paused{color:#0ea5e9;animation:pulse-dot 1.2s infinite alternate ease-in-out}@keyframes pulse-dot{0%{opacity:.4;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}.history-toggle-btn{background:transparent;border:none;color:#64748b;cursor:pointer;font-size:16px;padding:4px;display:flex;align-items:center;justify-content:center;transition:transform .2s}.history-toggle-btn:hover{color:#0ea5e9;transform:scale(1.1)}.ai-header-actions{display:flex;align-items:center;gap:12px}.new-chat-btn,.close-chat,.tasks-toggle-btn,.memory-toggle-btn{background:#f1f5f9;border:none;color:#64748b;cursor:pointer;width:32px;height:32px;border-radius:8px;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.new-chat-btn:hover,.close-chat:hover,.tasks-toggle-btn:hover{background:#e2e8f0;color:#2e3a44}.tasks-toggle-btn.active,.memory-toggle-btn.active{background:#e0f2fe;color:#0ea5e9}.ai-fab-badge{position:absolute;top:5px;right:5px;background:#ff4d4d;color:#fff;border-radius:50%;min-width:18px;height:18px;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff;box-shadow:0 2px 4px #0003;padding:0 2px}.ai-task-badge{position:absolute;top:-4px;right:-4px;background:#ff4d4d;color:#fff;border-radius:10px;min-width:16px;height:16px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;border:1.5px solid #0EA5E9;box-shadow:0 2px 4px #0000001a;padding:0 3px;z-index:10}.ai-chat-body{display:flex;flex-direction:row;flex:1;overflow:hidden;position:relative}.ai-history-drawer{width:0;opacity:0;overflow:hidden;background:#f8fafc;border-right:1px solid #eef2f6;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .3s;display:flex;flex-direction:column}.ai-history-drawer.open{width:200px;opacity:1}.ai-chat-window:has(.ai-history-drawer.open){width:100%!important;transition:width .3s cubic-bezier(.4,0,.2,1)}.ai-chat-window{transition:width .3s cubic-bezier(.4,0,.2,1),height .3s ease}.history-header{padding:12px 16px;border-bottom:1px solid #eef2f6;background:#f1f5f9}.history-header h4{margin:0;font-size:13px;color:#475569;font-weight:600}.history-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.history-loading,.history-empty{padding:20px;text-align:center;color:#94a3b8;font-size:13px}.history-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px;cursor:pointer;transition:background .2s;background:transparent}.history-item:hover{background:#e2e8f0}.history-item.active{background:#e0f2fe;color:#0284c7}.history-item-title{font-size:13px;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}.history-item.active .history-item-title{color:#0284c7;font-weight:500}.delete-history-btn{background:transparent;border:none;color:#cbd5e1;cursor:pointer;font-size:12px;opacity:0;transition:opacity .2s,color .2s}.history-item:hover .delete-history-btn{opacity:1}.delete-history-btn:hover{color:#ef4444}.ai-chat-messages{flex:1;overflow-y:auto;padding:16px 20px 160px;background:#f8fafc;overflow-anchor:auto}.message-wrapper{display:flex;width:100%;margin:20px 0}.message-wrapper.ai{justify-content:flex-start}.message-wrapper.user{justify-content:flex-end}.message-bubble{max-width:80%;padding:10px 14px;border-radius:14px;position:relative;font-size:14px;line-height:1.5}.ai .message-bubble{background:#fff;color:#2e3a44;border-bottom-left-radius:4px;border:1px solid #eef2f6;max-width:90%}.user .message-bubble{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #0ea5e926}.ai-message-plain{padding:10px 0;font-size:14px;line-height:1.6;color:#2e3a44;width:100%}.message-bubble h1,.ai-message-plain h1,.report-content-markdown h1,.message-bubble h2,.ai-message-plain h2,.report-content-markdown h2,.message-bubble h3,.ai-message-plain h3,.report-content-markdown h3{margin:14px 0 6px;line-height:1.3;color:inherit;font-weight:700}.message-bubble h1,.ai-message-plain h1{font-size:1.15rem}.message-bubble h2,.ai-message-plain h2{font-size:1.05rem}.message-bubble h3,.ai-message-plain h3{font-size:1rem}.report-content-markdown h1{font-size:1.05rem;margin-top:16px}.report-content-markdown h2{font-size:.95rem}.report-content-markdown h3{font-size:.85rem}.message-bubble p,.ai-message-plain p,.report-content-markdown p{margin:0 0 10px;line-height:1.5}.message-bubble p:last-child,.ai-message-plain p:last-child,.report-content-markdown p:last-child{margin-bottom:0}.message-bubble br,.ai-message-plain br,.report-content-markdown br{display:block;margin-bottom:8px;content:""}.message-bubble ul,.ai-message-plain ul,.report-content-markdown ul,.message-bubble ol,.ai-message-plain ol,.report-content-markdown ol{margin:8px 0 12px;padding-left:20px}.message-bubble li,.ai-message-plain li,.report-content-markdown li{margin-bottom:6px;display:list-item}.message-bubble li:last-child,.ai-message-plain li:last-child,.report-content-markdown li:last-child{margin-bottom:0}.message-bubble code,.ai-message-plain code,.report-content-markdown code{background:#0000000d;padding:2px 5px;border-radius:4px;font-family:Fira Code,monospace;font-size:.9em}.user .message-bubble code{background:#fff3}.message-bubble hr,.ai-message-plain hr,.report-content-markdown hr{border:none;border-top:1px solid #e2e8f0;margin:16px 0;opacity:.8;height:0;clear:both}.message-time{display:block;font-size:10px;margin-top:4px;opacity:.6;text-align:right}.message-bubble table,.ai-message-plain table,.report-content-markdown table{width:100%;border-collapse:collapse;margin:16px 0;font-size:13.5px;background:#fff;border-radius:12px;border:1px solid #eef2f6;display:table;box-shadow:0 2px 10px #00000008}.message-bubble th,.ai-message-plain th,.report-content-markdown th{background:#f8fafc;color:#2e3a44;font-weight:700;text-align:left;padding:12px 14px;border-bottom:2px solid #eef2f6;white-space:nowrap}.message-bubble td,.ai-message-plain td,.report-content-markdown td{padding:12px 14px;border-bottom:1px solid #f8fafc;color:#475569}.report-content-markdown th,.report-content-markdown td{padding:8px 10px;font-size:13px}.message-bubble tr:last-child td,.ai-message-plain tr:last-child td,.report-content-markdown tr:last-child td{border-bottom:none}.message-bubble tr:hover td,.ai-message-plain tr:hover td,.report-content-markdown tr:hover td{background:#fcfdfe}.ai-chat-input-wrapper{padding:16px 30px 14px 14px;background:transparent;border-top:none;box-sizing:border-box;width:100%;position:absolute;bottom:0;left:0;right:0;z-index:50;pointer-events:none}.ai-chat-input-wrapper *{pointer-events:auto}.ai-chat-window:has(.ai-history-drawer.open) .ai-chat-input-wrapper{padding-left:20px}.ai-chat-form{background:#fff;border:1px solid #f1f5f9;border-radius:18px;padding:0;display:flex;flex-direction:row;align-items:center;gap:0;transition:all .3s ease;overflow:visible;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.ai-chat-form:focus-within{border-color:#0ea5e9;background:#fff;box-shadow:0 15px 35px -5px #0ea5e933}.ai-chat-textarea{width:100%;border:none;background:transparent;padding:20px 16px 12px 20px;color:#2e3a44;font-size:.95rem;resize:none;outline:none;min-height:65px;max-height:200px;font-family:inherit;line-height:1.5}.ai-chat-textarea::placeholder{color:#94a3b8}.ai-chat-input-toolbar{display:flex;justify-content:space-between;align-items:center;padding-top:4px}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:8px}.toolbar-btn{display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:#64748b;cursor:pointer;transition:all .2s;font-size:1.1rem}.toolbar-btn:hover{color:#0ea5e9}.toolbar-left .floating-select-trigger{padding:6px 8px;font-size:.75rem;gap:4px}.chat-model-select{max-width:160px}.send-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border:none;background:#e2e8f0;color:#94a3b8;border-radius:50%;cursor:pointer;transition:all .2s;font-size:1rem}.send-btn:not(:disabled){background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.send-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05)}.send-btn.stop-active{background:#ef4444;color:#fff}.send-btn.stop-active:hover{background:#dc2626}.typing-dots{display:flex;gap:4px;align-items:center;height:14px}.typing-dots span{width:6px;height:6px;background:#cbd5e1;border-radius:50%;animation:typing 1s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media(max-width:768px){.ai-drawer-content{width:100%!important;border-radius:0}.ai-history-drawer.open{width:160px}}@media(max-width:480px){.ai-chat-messages{padding:16px 14px 140px}.ai-chat-input-wrapper{padding:12px}.ai-walkthrough-banner{padding:10px}}.message-bubble img{max-width:100%;height:auto;border-radius:8px;margin:8px 0;display:block;box-shadow:0 2px 8px #00000026}.message-bubble .ai-image-loading{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#64748b;padding:8px 0}.ai-walkthrough-banner{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;padding:12px 16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:400px;overflow-y:auto;z-index:20;box-shadow:0 2px 10px #0000000a}.ai-walkthrough-banner:hover{background:#fff}.ai-walkthrough-banner.expanded{background:#fff;box-shadow:0 4px 12px #0000000d}.walkthrough-main-info{display:flex;align-items:center;gap:12px}.walkthrough-icon{width:32px;height:32px;background:#e0f2fe;color:#0284c7;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .3s ease}.walkthrough-icon.completed{background:#10b981;color:#fff;box-shadow:0 0 10px #10b98133}.walkthrough-details{flex:1;min-width:0}.walkthrough-title{font-size:13.5px;font-weight:700;color:#2e3a44;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px;line-height:1.4}.walkthrough-progress-wrapper{display:flex;align-items:center;gap:8px}.walkthrough-progress-bar{flex:1;height:6px;background:#f1f5f9;border-radius:4px;overflow:hidden;border:1px solid #f1f5f9}.progress-fill{height:100%;background:#0ea5e9;transition:width 1s ease-in-out,background-color .3s ease}.progress-fill.completed{background:#10b981}.progress-text{font-size:11px;color:#64748b;font-weight:500;min-width:30px}.walkthrough-actions{display:flex;align-items:center;gap:10px}.walkthrough-delete{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px;font-size:13px;transition:color .2s}.walkthrough-delete:hover{color:#ef4444}.expand-icon-wrapper{color:#94a3b8;font-size:12px;transition:transform .3s ease}.expand-icon-wrapper.rotated{transform:rotate(180deg)}.ai-tasks-hub{flex:1;display:flex;flex-direction:column;background:#fff;overflow:hidden;animation:fadeIn .3s ease}.hub-header{padding:16px 20px;background:#f8fafc;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.hub-header h4{margin:0;font-size:14px;font-weight:700;color:#2e3a44}.hub-close-btn{background:none;border:none;color:#0ea5e9;font-size:12px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.hub-close-btn:hover{text-decoration:underline}.hub-content{flex:1;overflow-y:auto;padding:20px}.hub-section h5{margin:0 0 16px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.hub-tasks-list{display:grid;grid-template-columns:1fr;gap:12px}.hub-task-card{background:#fff;border:1px solid #eef2f6;border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative}.hub-task-card:hover{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e914}.task-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.task-delete-btn{background:none;border:none;color:#cbd5e1;padding:4px;cursor:pointer;transition:color .2s}.task-delete-btn:hover{color:#ef4444}.task-actions-group{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.hub-task-card:hover .task-actions-group{opacity:1}.task-actions-group button{background:transparent;border:none;cursor:pointer;padding:4px;transition:color .2s}.task-play-btn{color:#10b981}.task-play-btn:hover{color:#059669}.task-edit-btn{color:#0ea5e9}.task-edit-btn:hover{color:#0284c7}.task-pause-btn{color:#f59e0b}.task-pause-btn:hover{color:#d97706}.task-resume-btn{color:#3b82f6}.task-resume-btn:hover{color:#2563eb}.task-stop-btn{color:#ef4444}.task-stop-btn:hover{color:#dc2626}.status-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:20px}.status-badge.pending{background:#fef08a;color:#a16207}.status-badge.completed{background:#dcfce7;color:#16a34a}.status-badge.processed{background:#e0f2fe;color:#0ea5e9}.status-badge.running{background:#dbeafe;color:#1d4ed8}.status-badge.paused{background:#fef3c7;color:#b45309}.status-badge.failed{background:#fee2e2;color:#b91c1c}.task-status-group{display:flex;align-items:center;gap:8px}.recurring-indicator{font-size:11px;color:#94a3b8;transition:all .3s ease}.recurring-indicator.spin{animation:fa-spin 2s infinite linear;color:#0ea5e9}.task-time-row{font-size:11px;color:#64748b;display:flex;align-items:center;gap:6px;margin-bottom:8px}.task-instructions{font-size:13px;color:#2e3a44;margin:0;line-height:1.5}.task-card-footer{margin-top:12px;padding-top:12px;border-top:1px solid #f8fafc;font-size:11px;color:#0ea5e9;font-weight:600;display:flex;align-items:center;gap:4px}.ai-report-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:11000;padding:20px;animation:fadeInModal .2s ease-out}.report-modal-content{background:#fff;width:90%;max-width:800px;max-height:85vh;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #0000004d;border:1px solid rgba(255,255,255,.2);animation:confirmSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.report-modal-header{padding:16px 20px;border-bottom:1px solid #eef2f6;display:flex;justify-content:space-between;align-items:center}.report-modal-header h3{margin:0;font-size:15px;color:#2e3a44}.report-modal-header button{background:none;border:none;color:#64748b;font-size:18px;cursor:pointer}.modal-close-btn-floating{position:absolute;top:24px;right:24px;z-index:100;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #eef2f6;box-shadow:0 4px 12px #0000001a;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.modal-close-btn-floating:hover{color:#ef4444;transform:rotate(90deg);box-shadow:0 6px 16px #00000026}.report-modal-body{padding:20px;overflow-y:auto}.report-timestamp{font-size:11px;color:#94a3b8;margin-bottom:16px}.report-content-html{font-size:13px;color:#334155;line-height:1.6}.report-content-html h1,.report-content-html h2,.report-content-html h3{font-size:14px;margin:12px 0 8px;color:#2e3a44}.report-content-html ul,.report-content-html ol{padding-left:20px;margin:8px 0}.report-content-html table{width:100%;border-collapse:collapse!important;margin:12px 0;font-size:12px;border-radius:8px;overflow:hidden;border:1px solid #e2e8f0!important}.report-content-html table th{background:#f1f5f9;color:#334155;font-weight:600;text-align:left;padding:10px 12px;border:1px solid #e2e8f0!important;border-bottom:2px solid #e2e8f0!important;font-size:11px;text-transform:uppercase;letter-spacing:.3px}.report-content-html table td{padding:8px 12px;border:1px solid #e2e8f0!important;color:#475569}.report-content-html table tr:nth-child(2n){background:#f8fafc}.report-content-html table tr:hover{background:#eef2ff}.report-content-html table tr:last-child td{border-bottom:none}.report-content-html table td[colspan]{font-weight:600;background:#f1f5f9;color:#2e3a44}.walkthrough-steps-list{margin-top:16px;padding:8px 4px 12px 12px;display:flex;flex-direction:column;gap:0;position:relative}.walkthrough-step{display:flex;gap:16px;padding-bottom:20px;position:relative}.walkthrough-step:last-child{padding-bottom:0}.walkthrough-step:before{content:"";position:absolute;left:9px;top:20px;bottom:0;width:2px;background:#f1f5f9;z-index:1}.walkthrough-step:last-child:before{display:none}.step-status-icon{position:relative;z-index:2;background:#fff;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px;margin-top:2px}.step-status-icon .step-active{color:#0ea5e9}.step-status-icon .step-complete{color:#10b981}.step-status-icon .step-active,.step-status-icon .step-paused{color:#0ea5e9}.step-status-icon .step-failed{color:#ef4444}.step-status-icon .step-pending{color:#cbd5e1;font-size:10px}.step-content{flex:1;min-width:0}.step-text{font-size:13px;font-weight:600;color:#334155;line-height:1.5}.walkthrough-step.completed .step-text{color:#94a3b8;font-weight:500}.walkthrough-step.in_progress .step-text{color:#0ea5e9}.walkthrough-step.paused .step-text{color:#0ea5e9;animation:pulse-text 1.2s infinite alternate ease-in-out}@keyframes pulse-text{0%{opacity:.7}to{opacity:1}}.step-notes{font-size:11.5px;color:#64748b;margin-top:4px;line-height:1.5;background:#f8fafc;padding:6px 10px;border-radius:6px;border-left:2px solid #e2e8f0}.step-instructions{font-size:11.5px;color:#94a3b8;margin-top:2px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;cursor:pointer;transition:all .2s ease}.step-instructions:hover{color:#64748b}.step-instructions.expanded{white-space:normal;background:#f8fafc;padding:8px;border-radius:6px;border:1px solid #eef2f6;margin-top:6px;color:#475569}.ai-image-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:zoom-out;animation:fadeInModal .25s ease-out}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.ai-modal-overlay{position:relative;max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.ai-modal-img{max-width:100%;max-height:90vh;border-radius:12px;box-shadow:0 20px 50px #00000080;object-fit:contain;cursor:default;animation:zoomInModal .3s cubic-bezier(.175,.885,.32,1.275)}@keyframes zoomInModal{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.ai-modal-actions{position:absolute;top:-50px;right:0;display:flex;gap:12px;z-index:1001}.ai-modal-close,.ai-modal-download{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:14px;text-decoration:none}.ai-modal-close:hover{background:#ef4444;border-color:#ef4444;transform:rotate(90deg)}.ai-modal-download:hover{background:#0ea5e9;border-color:#0ea5e9;transform:scale(1.1)}.chat-generated-image{transition:all .2s ease}.chat-generated-image:hover{filter:brightness(.9);transform:scale(1.02)}.ai-confirm-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:11000;display:flex;align-items:center;justify-content:center;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeInModal .2s ease-out}.confirm-modal-content{background:#fff;width:380px;border-radius:20px;padding:24px;box-shadow:0 25px 50px -12px #00000040;animation:confirmSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes confirmSlideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.confirm-modal-header h4{margin:0;font-size:18px;color:#2e3a44;font-weight:600}.confirm-modal-body{margin:16px 0 24px}.confirm-modal-body p{margin:0;color:#64748b;font-size:14px;line-height:1.6}.confirm-modal-footer{display:flex;gap:12px;justify-content:flex-end}.confirm-cancel-btn{padding:10px 20px;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc;color:#64748b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.confirm-cancel-btn:hover{background:#f1f5f9;border-color:#cbd5e1}.confirm-action-btn{padding:10px 20px;border-radius:12px;border:none;background:#ef4444;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #ef444433}.confirm-action-btn:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 6px 8px -1px #ef444440}.confirm-action-btn:active{transform:translateY(0)}.ai-chat-input-container{display:flex;flex-direction:row;width:100%;align-items:center;overflow:visible}.ai-chat-input-content{flex:1;display:flex;flex-direction:column;min-width:0}.ai-chat-input-toolbar{padding:0 16px 12px 14px;display:flex;justify-content:space-between;align-items:center}.ai-chat-input-actions{display:flex;align-items:center;padding:0 12px}.ai-image-preview-area{padding:8px 12px;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;border-bottom:1px solid #f1f5f9;position:relative;max-height:90px;background:#fdfdfe}.ai-image-preview-area img{width:60px;height:60px;object-fit:cover;border-radius:8px;border:1px solid #e2e8f0}.remove-image-btn{position:absolute;top:4px;left:48px;width:20px;height:20px;border-radius:50%;background:#ef4444;color:#fff;border:none;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 4px #0003;transition:transform .2s;z-index:10}.remove-image-btn:hover{transform:scale(1.1)}.message-attached-image{max-width:200px;max-height:200px;border-radius:12px;margin-bottom:8px;cursor:zoom-in;display:block;border:1px solid rgba(0,0,0,.05);transition:opacity .2s}.message-attached-image:hover{opacity:.9}.attach-menu-wrapper{position:relative;display:inline-block}.attach-menu-dropdown{position:absolute;bottom:100%;left:0;margin-bottom:12px;background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #f1f5f9;padding:6px;min-width:130px;z-index:1000;display:flex;flex-direction:column;gap:4px;animation:attachMenuSlideIn .2s ease-out}@keyframes attachMenuSlideIn{0%{opacity:0;transform:translateY(10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.attach-menu-dropdown button{display:block;padding:10px 16px;width:100%;border:none;background:transparent;color:#475569;font-size:14px;font-weight:600;cursor:pointer;border-radius:10px;transition:all .2s;text-align:center}.attach-menu-dropdown button:hover{background:#f8fafc;color:#0ea5e9}.toolbar-btn.active{background:#f1f5f9;color:#2e3a44;transform:rotate(45deg)}.toolbar-btn{transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.ai-inline-status{font-size:.85rem;color:#8c9fae;font-style:italic;margin-top:6px;display:flex;align-items:center;gap:2px}.animated-dots:after{content:"";display:inline-block;animation:ellipsis 1.5s infinite steps(4);letter-spacing:1px}@keyframes ellipsis{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}.thinking-tool-btn{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:5px 12px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:20px;font-size:12px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s ease}.thinking-tool-btn:hover{background:#e2e8f0;color:#0f172a;transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.thinking-tool-btn svg{font-size:13px;color:#0ea5e9}.thinking-tool-btn.processing{background:#f8fafc;border:1px solid #bae6fd;box-shadow:0 0 10px #0ea5e933}.thinking-tool-btn.processing span{background:linear-gradient(90deg,#0369a1,#38bdf8,#0ea5e9,#38bdf8,#0369a1);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:neonTextShimmer 2s linear infinite;font-weight:700}.thinking-tool-btn.processing svg{animation:neonIconColor 2s linear infinite}@keyframes neonTextShimmer{to{background-position:-200% center}}@keyframes neonIconColor{0%{color:#0369a1}25%{color:#38bdf8}50%{color:#0ea5e9}75%{color:#38bdf8}to{color:#0369a1}}.task-model-select .floating-select-trigger{background:#e2e8f0b3!important;border:1px solid #e2e8f0!important;color:#0ea5e9!important;font-weight:600}.task-model-select .floating-select-trigger:hover{background:#e0f2fe!important;border-color:#0ea5e9!important}.task-model-select .selected-value-text{font-size:13px}.history-header{display:flex;align-items:center;justify-content:space-between}.clear-history-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:13px;padding:4px;border-radius:4px;transition:all .2s;display:flex;align-items:center;justify-content:center}.clear-history-btn:hover{color:#ef4444;background:#fee2e2}.memory-field textarea:focus{border-color:#0ea5e9!important;background:#fff!important;outline:none;box-shadow:0 0 0 3px #0ea5e91a}.memory-save-btn:active{transform:translateY(1px)}.ai-modal-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10001;animation:fadeInModal .2s ease-out;padding:24px}.ai-modal-center-box{background:#fff;width:100%;max-width:800px;max-height:90vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;overflow:hidden;animation:confirmSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.ai-modal-split-box{background:#fff;width:100%;max-width:1000px;height:80vh;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;display:flex;overflow:hidden;animation:confirmSlideIn .3s cubic-bezier(.34,1.56,.64,1)}.ai-modal-sidebar{width:320px;background:#f8fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden}.modal-sidebar-header{padding:20px 24px;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between}.modal-sidebar-header h3{margin:0;font-size:16px;font-weight:700;color:#2e3a44}.modal-sidebar-content{flex:1;overflow-y:auto;padding:16px}.ai-modal-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.modal-main-header{padding:16px 24px;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;align-items:center}.modal-main-header h3{margin:0;font-size:16px;color:#2e3a44;font-weight:600}.modal-main-body{flex:1;overflow-y:auto;padding:24px}.modal-close-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:18px;padding:8px;border-radius:50%;transition:all .2s;width:36px;height:36px;display:flex;align-items:center;justify-content:center}.modal-close-btn:hover{background:#f1f5f9;color:#2e3a44}.modal-sidebar-content .hub-task-card{margin-bottom:12px;background:#fff;cursor:pointer}.modal-sidebar-content .hub-task-card.active{border-color:#0ea5e9;background:#f0f9ff;box-shadow:0 4px 12px #0ea5e914}.empty-detail-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#94a3b8;text-align:center;padding:40px}.empty-detail-state svg{font-size:48px;margin-bottom:16px;opacity:.5}.typing-dots-wrapper,.typing-dots-mini-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:8px 0}.tool-status-text{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:12px;font-size:13px;color:#475569;font-weight:500;box-shadow:0 2px 4px #00000005;animation:fadeIn .3s ease-out}.tool-status-text.mini{background:transparent;border:none;padding:2px 0;box-shadow:none;font-size:12px;color:#94a3b8;margin-left:4px}.tool-status-text.mini svg{font-size:10px}.tool-status-text svg{color:#0284c7;font-size:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.task-schedule-tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;background:#f1f5f9;color:#475569;border-radius:6px;font-size:10px;font-weight:700}.task-schedule-tag.interval{background:#ecfdf5;color:#059669}.task-schedule-tag.multi-time{background:#eff6ff;color:#2563eb}.task-card-scheduling{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.recurring-indicator{color:#64748b;font-size:11px}.recurring-indicator.active{color:#0ea5e9}.time-pill-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.time-pill{padding:3px 10px;background:#eff6ff;color:#2563eb;border-radius:20px;font-size:12px;font-weight:700;border:1px solid #dbeafe}.priority-badge.info{background:#f1f5f9;color:#475569}.priority-badge.warning{background:#fffbeb;color:#d97706}.priority-badge.critical{background:#fef2f2;color:#dc2626}.task-report-card{transition:transform .2s ease,box-shadow .2s ease}.task-report-card:hover{box-shadow:0 4px 12px #0000000d}.report-history-list{position:relative;padding-left:24px;margin-left:8px}.report-history-list.no-timeline{padding-left:0;margin-left:0}.report-history-list.has-timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#eef2f6;border-radius:2px}.report-timeline-item{position:relative;margin-bottom:24px}.report-timeline-item:last-child{margin-bottom:10px}.report-timeline-dot{position:absolute;left:-29px;top:20px;width:12px;height:12px;background:#fff;border:3px solid #cbd5e1;border-radius:50%;z-index:1;transition:all .2s ease}.report-timeline-item:first-child .report-timeline-dot{background:#0ea5e9;border-color:#bae6fd;box-shadow:0 0 0 4px #0ea5e91a}.priority-critical .report-timeline-dot{border-color:#fecaca;background:#ef4444}.priority-warning .report-timeline-dot{border-color:#fef3c7;background:#f59e0b}.task-report-card{border:1px solid #eef2f6!important}.report-content-html ul{padding-left:20px;margin-bottom:0}.report-content-html li{margin-bottom:8px}.report-content-html li:last-child{margin-bottom:0}.ai-reasoning-block{margin-bottom:12px;background:#f8fafc;border:1px solid #eef2f6;border-radius:12px;overflow:hidden;transition:all .3s ease;max-width:100%;width:fit-content}.ai-reasoning-block.active{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e90d}.ai-reasoning-header{padding:8px 12px;background:#f1f5f9;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef2f6;gap:12px}.ai-reasoning-title{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.ai-reasoning-title .brain-icon{color:#0ea5e9;font-size:12px}.ai-thinking-indicator{display:flex;align-items:center;gap:8px;font-size:10px;color:#0ea5e9;font-weight:600}.ai-reasoning-content{padding:10px 12px;font-size:13px;line-height:1.5;color:#475569;font-style:italic;white-space:pre-wrap;max-height:50px;overflow-y:auto}.dot-pulse{position:relative;left:-9999px;width:6px;height:6px;border-radius:5px;background-color:#0ea5e9;color:#0ea5e9;box-shadow:9999px 0 #0ea5e9;animation:dot-pulse 1.5s infinite linear}.settings-modal-select{margin-top:6px;width:100%}.settings-modal-select .floating-select-trigger{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 14px;font-size:.9rem;min-height:42px}.settings-modal-select .floating-select-trigger:hover{border-color:#94a3b8;background:#f8fafc}@keyframes dot-pulse{0%{box-shadow:9999px 0 0 -5px #0ea5e9}30%{box-shadow:9999px 0 0 2px #0ea5e9}60%,to{box-shadow:9999px 0 0 -5px #0ea5e9}}.message-wrapper.ai,.ai-message-plain{animation:none!important;transform:none!important;transition:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.edit-instructions-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:4px 8px;border-radius:6px;transition:all .2s;display:flex;align-items:center;justify-content:center}.edit-instructions-btn.hover-only{opacity:0;pointer-events:none}.task-title-display-group:hover .edit-instructions-btn.hover-only,.task-detail-main-info:hover .edit-instructions-btn.hover-only{opacity:1;pointer-events:auto}.edit-instructions-btn:hover{color:#0ea5e9;background:#f0f9ff}.task-instructions-edit-mode,.task-title-edit-mode{display:flex;flex-direction:column;gap:12px}.task-instructions-editor,.task-title-editor{width:100%;padding:12px;border-radius:12px;border:1px solid #e2e8f0;font-size:14px;color:#2e3a44;line-height:1.6;background:#fff;outline:none;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:none}.task-instructions-editor:focus,.task-title-editor:focus{border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a;background:#fff}.task-instructions-editor{min-height:120px;resize:vertical}.task-instructions-actions,.task-title-actions{display:flex;gap:10px}.save-instructions-btn{padding:8px 16px;border-radius:8px;background:#0ea5e9;color:#fff;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.save-instructions-btn:hover:not(:disabled){background:#0284c7}.save-instructions-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-instructions-btn{padding:8px 16px;border-radius:8px;background:#f1f5f9;color:#64748b;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-instructions-btn:hover{background:#e2e8f0;color:#2e3a44}.task-model-select-compact{position:relative}.task-model-select-compact .floating-select-trigger{border:1px solid #e2e8f0;background:#fff;border-radius:8px;padding:4px 10px}.task-model-select-compact .floating-select-trigger:hover{border-color:#0ea5e9}.task-model-select-compact .floating-select-dropdown{left:auto!important;right:0!important;min-width:250px}.task-schedule-editor-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:16px;padding:16px;margin-top:8px;animation:fadeIn .2s ease-out}.schedule-editor-tabs{display:flex;gap:8px;margin-bottom:16px;background:#f1f5f9;padding:4px;border-radius:10px}.schedule-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;border:none;background:transparent;color:#64748b;font-size:13px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s}.schedule-tab.active{background:#fff;color:#0ea5e9;box-shadow:0 2px 6px #0000000d}.schedule-editor-content{display:flex;flex-direction:column;gap:16px}.editor-row{display:flex;flex-direction:column;gap:6px}.editor-row.row-flex{flex-direction:row;gap:12px}.editor-row label{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.editor-row input,.editor-row select{padding:10px 14px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;font-size:14px;color:#2e3a44;outline:none;transition:all .2s}.editor-row input:focus,.editor-row select:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.specific-times-list{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.time-input-pill{display:flex;align-items:center;background:#eff6ff;padding:4px 10px;border-radius:30px;border:1px solid #dbeafe;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.time-input-pill input{border:1px solid transparent!important;background:transparent!important;padding:2px 4px!important;width:55px;font-size:13px;color:#2563eb;font-weight:700;box-shadow:none!important;cursor:pointer;border-radius:6px;transition:all .2s ease}.time-input-pill input:focus{background:#fff!important;border-color:#0ea5e9!important;color:#0ea5e9;outline:none;box-shadow:0 0 0 3px #0ea5e91a!important}.remove-time-btn{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:0;font-size:11px;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;width:0;margin-left:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.time-input-pill:hover{padding-right:12px;background:#f0f9ff;border-color:#bae6fd}.time-input-pill:hover .remove-time-btn{opacity:1;width:14px;margin-left:8px}.remove-time-btn:hover{color:#ef4444;transform:scale(1.2)}.add-time-btn{background:#fff;border:1px dashed #cbd5e1;color:#64748b;padding:6px 14px;border-radius:30px;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;display:flex;align-items:center;gap:6px}.add-time-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.schedule-editor-actions{display:flex;gap:10px;margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0}.hover-trigger-container:hover .hover-only{opacity:1;pointer-events:auto}.add-task-btn-sidebar{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:13px;margin-right:5px;box-shadow:0 2px 6px #0ea5e933}.add-task-btn-sidebar:hover{transform:scale(1.15) rotate(90deg);background:linear-gradient(135deg,#0284c7,#0ea5e9);box-shadow:0 4px 12px #0ea5e966}.modal-sidebar-header h3{font-size:16px;font-weight:700;color:#2e3a44;margin:0}.hub-empty-state{padding:40px 20px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.empty-icon-wrapper{width:60px;height:60px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;color:#94a3b8;font-size:24px}.hub-empty-state h4{margin:0 0 8px;color:#2e3a44;font-size:15px;font-weight:600}.hub-empty-state p{margin:0;color:#64748b;font-size:13px;line-height:1.5}.hub-empty-state p strong{color:#0ea5e9;font-weight:700}.hub-loading{display:flex;align-items:center;justify-content:center;height:100px;color:#94a3b8;font-size:20px}.chat-video-wrapper{margin:15px 0;width:100%}.chat-generated-video{width:100%;max-height:400px;background:#000;border-radius:12px;outline:none;display:block;box-shadow:0 10px 30px #00000026}.ai-message-plain video{margin:15px 0}.trace-modal-overlay{position:fixed;inset:0;background:#040508d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .2s ease-out}.trace-modal-container{width:90%;max-width:900px;height:80vh;background:#12141a;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 24px 48px #0009;display:flex;flex-direction:column;overflow:hidden;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.trace-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;background:#12141a}.trace-modal-title{display:flex;align-items:center;gap:10px;font-size:1.15rem;font-weight:600;color:var(--text-primary)}.trace-modal-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s}.trace-modal-close-btn:hover{color:var(--text-primary)}.trace-modal-body{flex:1;display:flex;overflow:hidden;background:#181a21}.trace-modal-sidebar-tabs{width:220px;border-right:1px solid var(--border-color);background:#12141a;padding:1.25rem .75rem;display:flex;flex-direction:column;gap:8px}.trace-sidebar-tab-btn{background:transparent;border:none;color:var(--text-secondary);padding:.75rem 1rem;text-align:left;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;transition:all .2s;display:flex;align-items:center;gap:10px}.trace-sidebar-tab-btn:hover{background:#ffffff0a;color:var(--text-primary)}.trace-sidebar-tab-btn.active{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.25)}.trace-modal-content-area{flex:1;padding:1.5rem;overflow-y:auto;background:#181a21}.trace-timeline{display:flex;flex-direction:column;gap:1.5rem;position:relative;padding-left:1.5rem}.trace-timeline:before{content:"";position:absolute;left:5px;top:8px;bottom:8px;width:2px;background:var(--border-color)}.trace-timeline-item{position:relative}.trace-timeline-dot{position:absolute;left:-29px;top:4px;width:12px;height:12px;border-radius:50%;background:#10a37f;border:2px solid #181a21;box-shadow:0 0 10px #10a37f66}.trace-timeline-dot.load_skill{background:#818cf8;box-shadow:0 0 10px #818cf866}.trace-timeline-dot.error{background:#ef4444;box-shadow:0 0 10px #ef444466}.trace-timeline-card{background:#12141a;border:1px solid var(--border-color);border-radius:10px;padding:1rem;box-shadow:0 4px 6px #00000026}.trace-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.trace-card-title{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:8px;font-size:.9rem}.trace-card-time{font-size:.7rem;color:var(--text-secondary);background:#ffffff0a;padding:2px 6px;border-radius:4px}.trace-card-body{font-size:.8rem;color:var(--text-secondary);line-height:1.5}.trace-no-steps{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);gap:12px;padding:4rem 0}.trace-responses-container{display:flex;flex-direction:column;gap:1.5rem}.trace-response-section{display:flex;flex-direction:column;gap:10px;background:#12141a;border:1px solid var(--border-color);border-radius:12px;padding:1.25rem}.trace-response-header{display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:.95rem;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.04);padding-bottom:8px}.trace-response-grid{display:grid;grid-template-columns:1fr;gap:12px}@media(min-width:768px){.trace-response-grid{grid-template-columns:1fr 1fr}}.trace-json-box-wrapper{display:flex;flex-direction:column;gap:6px}.trace-json-box{background:#0b0d11;border:1px solid var(--border-color);border-radius:8px;padding:.75rem 1rem;overflow-x:auto;font-family:Fira Code,Courier New,Courier,monospace;font-size:.75rem;line-height:1.5;color:#e5e7eb;max-height:250px}.trace-json-box.input{border-left:3px solid #3b82f6}.trace-json-box.output{border-left:3px solid #10a37f}.trace-json-box.error{border-left:3px solid #ef4444}.trace-json-label{font-size:.7rem;font-weight:600;text-transform:uppercase;color:var(--text-secondary);letter-spacing:.5px;display:flex;align-items:center;gap:6px}.dashboard-layout{min-height:100vh;background:radial-gradient(ellipse at 0% 0%,rgba(239,68,68,.18) 0px,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(245,158,11,.18) 0px,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(59,130,246,.16) 0px,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(59,130,246,.1) 0px,transparent 50%),#f1f5f9;background-attachment:fixed;display:flex;flex-direction:column}.layout-body{flex:1;display:flex;padding:0 24px 24px 0}.main-card{flex:1;min-width:0;margin-left:76px;background-color:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000008;min-height:calc(100vh - 120px)}@media(max-width:768px){.layout-body{padding:0;flex-direction:column}.main-card{margin-left:0;padding:20px;margin-left:var(--mx, 16px);margin-right:var(--mx, 16px);margin-top:16px;margin-bottom:16px;border-radius:calc(12px + var(--mx, 16px) * .25);transition:margin-left 60ms linear,margin-right 60ms linear,border-radius 60ms linear}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 0% 0%,rgba(239,68,68,.22) 0px,transparent 50%),radial-gradient(ellipse at 100% 0%,rgba(245,158,11,.22) 0px,transparent 50%),radial-gradient(ellipse at 100% 100%,rgba(59,130,246,.2) 0px,transparent 50%),radial-gradient(ellipse at 0% 100%,rgba(59,130,246,.12) 0px,transparent 50%),#f1f5f9;background-attachment:fixed}.auth-box{display:flex;max-width:900px;width:100%;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #0000001a}.auth-branding{flex:0 0 45%;background:linear-gradient(145deg,#1bb8d4,#0ea5e9,#0284c7);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);display:flex;align-items:center;justify-content:center;padding:32px;position:relative;overflow:hidden}.auth-branding:before{display:none}.auth-branding:after{content:"";position:absolute;bottom:-60px;right:-60px;width:260px;height:260px;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);border-radius:50%;pointer-events:none}.branding-content{position:relative;z-index:1;text-align:center}.brand-logo{width:200px;height:auto;margin-bottom:16px}.brand-tagline{color:#ffffffe6;font-size:1.1rem;font-weight:500}.auth-form-section{flex:1;padding:32px 48px;display:flex;flex-direction:column;justify-content:center}.form-header{margin-bottom:24px;text-align:center}.form-header h1{font-size:1.75rem;font-weight:700;color:#2e3a44;margin:0 0 8px}.form-header p{color:#64748b;font-size:.95rem;margin:0}.auth-error{background:#fef2f2;border:1px solid #FECACA;border-radius:10px;padding:12px 16px;color:#dc2626;font-size:.9rem;margin-bottom:20px;text-align:center}.auth-success{background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;padding:12px 16px;color:#16a34a;font-size:.9rem;margin-bottom:20px;text-align:center}.auth-form{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.form-field input{width:100%;padding:14px 16px;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;color:#2e3a44;outline:none;transition:all .2s}.form-field input::placeholder{color:#94a3b8}.form-field input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.password-input{position:relative}.password-input input{padding-right:48px}.toggle-pw{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;transition:color .2s}.toggle-pw:hover{color:#475569}.form-options{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.remember-me{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#64748b}.remember-me input{width:16px;height:16px;accent-color:#0EA5E9}.forgot-link{font-size:.9rem;color:#0ea5e9;text-decoration:none;font-weight:500}.forgot-link:hover{color:#0284c7}.submit-btn{width:100%;height:auto;padding:14px;border-radius:12px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:24px;display:flex;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 4px 16px #0ea5e966}.submit-btn:hover{transform:scale(1.05);box-shadow:0 6px 20px #0ea5e980}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.google-login-view{display:flex;flex-direction:column;gap:12px;padding:0}.google-login-view .submit-btn{margin-top:0}.google-btn.primary-google{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 24px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;font-size:1.1rem;font-weight:600;color:#2e3a44;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0000000d}.google-btn.primary-google:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #00000014;border-color:#cbd5e1}.google-icon-wrapper{display:flex;align-items:center;justify-content:center}.google-icon{width:24px;height:24px}.divider-text{text-align:center;position:relative;color:#94a3b8;font-size:.85rem;margin:4px 0}.secondary-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px;background:transparent;border:1px solid transparent;border-radius:10px;color:#64748b;font-weight:500;cursor:pointer;transition:all .2s}.secondary-btn:hover{background:#f1f5f9;color:#334155}.back-btn{display:inline-flex;align-items:center;gap:8px;background:transparent;border:none;color:#64748b;font-size:.9rem;cursor:pointer;margin-bottom:24px;padding:0;transition:color .1s}.back-btn:hover{color:#0ea5e9}.fade-in{animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.divider{display:none}.form-row-2col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.terms-check{display:flex;align-items:flex-start;gap:8px;font-size:.85rem;color:#64748b;cursor:pointer;margin-top:4px}.terms-check input{margin-top:3px;width:16px;height:16px;accent-color:#0EA5E9}.terms-check a{color:#0ea5e9;text-decoration:none;font-weight:500}.field-error{display:block;color:#dc2626;font-size:.8rem;margin-top:4px}.google-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.google-btn:hover{background:#f8fafc;border-color:#cbd5e1}.google-icon{width:20px;height:20px}.auth-footer{text-align:center;margin-top:24px;color:#64748b;font-size:.9rem}.auth-footer a{color:#0ea5e9;font-weight:600;text-decoration:none}.auth-footer a:hover{color:#0284c7}@media(max-width:768px){.auth-box{flex-direction:column;max-width:420px}.auth-branding{flex:0 0 auto;padding:32px}.brand-logo{width:140px}.auth-form-section{padding:32px}.form-header h1{font-size:1.5rem}}.wl-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea22,#764ba222);border:1px solid #667eea44;color:#667eea;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:5px 12px;border-radius:20px;margin-bottom:12px}.wl-box{max-width:860px}.wl-field{margin-bottom:18px}.wl-input-wrap{position:relative;display:flex;align-items:center}.wl-input-wrap input{padding-left:44px!important;height:52px;font-size:1rem;border-radius:12px}.wl-input-icon{position:absolute;left:14px;color:#667eea;font-size:1rem;pointer-events:none;z-index:1}.wl-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:20px 0;gap:14px}.wl-success-icon{font-size:3rem;color:#48bb78;animation:wl-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes wl-pop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.2);opacity:1}to{transform:scale(1)}}.wl-success h2{font-size:1.5rem;font-weight:700;color:#2e3a44;margin:0}.wl-success p{color:#64748b;font-size:.95rem;line-height:1.6;max-width:320px;margin:0}.wl-back-btn{margin-top:8px;text-decoration:none;display:flex;align-items:center;justify-content:center}.stats-card{border-radius:20px;padding:20px 10px 20px 15px;display:flex;align-items:center;gap:10px;border:none;min-height:96px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #00000008;position:relative;overflow:hidden;background:#fff}.stats-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px -2px #0000000f}.theme-earning{background:linear-gradient(135deg,#e0f2fe,#e0e7ff)}.theme-earning .stats-value{color:#0284c7}.theme-earning .stats-title{color:#38bdf8}.theme-cost{background:linear-gradient(135deg,#fef3c7,#fde68a)}.theme-cost .stats-value{color:#d97706}.theme-cost .stats-title{color:#f59e0b}.theme-roi{background:linear-gradient(135deg,#ecfccb,#d9f99d)}.theme-roi .stats-value{color:#4d7c0f}.theme-roi .stats-title{color:#84cc16}.theme-cpm{background:linear-gradient(135deg,#fee2e2,#fecaca)}.theme-cpm .stats-value{color:#b91c1c}.theme-cpm .stats-title{color:#f87171}.theme-rate{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.theme-rate .stats-value{color:#7e22ce}.theme-rate .stats-title{color:#a855f7}.stats-icon-wrapper{margin-top:0;flex-shrink:0;filter:drop-shadow(0 4px 6px rgba(0,0,0,.05))}.stats-icon-img{width:44px;height:44px;object-fit:contain}.stats-info{flex:1;display:flex;flex-direction:column;justify-content:center}.stats-title{font-size:.8rem;margin-bottom:2px;font-weight:600;letter-spacing:.01em;text-transform:none}.stats-value{font-size:1.4rem;font-weight:700;font-family:Poppins,sans-serif;line-height:1.1;margin-bottom:4px}.stats-subtext{font-size:.75rem;color:#64748b;display:flex;align-items:center;gap:6px;font-weight:500}.stats-icon-small-img{width:14px;height:14px;object-fit:contain;opacity:.8}.area-chart-container{width:100%;margin-bottom:0;position:relative;min-height:250px;margin-left:-4px}.scrollable-table-outer{position:relative;width:100%}.scrollable-table-inner{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.scroll-right-hint{position:absolute;top:0;right:0;height:100%;width:40px;pointer-events:none;display:flex;align-items:flex-start;justify-content:flex-end}.scroll-right-gradient{position:absolute;inset:0;background:linear-gradient(to left,rgba(0,0,0,.05),transparent);border-top-right-radius:11px;border-bottom-right-radius:11px;pointer-events:none}.scroll-right-btn{position:sticky;top:6px;margin-top:6px;margin-right:8px;z-index:20;pointer-events:auto;width:32px;height:32px;border-radius:50%;background:#fff;border:1px solid #E2E8F0;box-shadow:0 2px 8px #0000001a;color:#0ea5e9;font-size:.85rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.scroll-right-btn:hover{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e959;transform:scale(1.1)}.detail-table-container{background:#fff;border:1px solid #E2E8F0;border-radius:12px;margin-top:0;overflow:visible;box-shadow:0 1px 2px #0000000d;position:relative;z-index:5}.detail-table-container.drawer-table-container{border-top-left-radius:0;margin-top:0;border-top:none}.performance-table{width:100%;border-collapse:collapse;min-width:800px}.performance-table th{text-align:left;padding:10px 12px;font-size:.75rem;font-weight:600;color:#64748b;background-color:#f8fafc;border-bottom:1px solid #E2E8F0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.performance-table thead tr:first-child th:first-child{border-top-left-radius:12px}.performance-table thead tr:first-child th:last-child{border-top-right-radius:12px}.performance-table tfoot tr:last-child td:first-child{border-bottom-left-radius:12px}.performance-table tfoot tr:last-child td:last-child{border-bottom-right-radius:12px}.performance-table th:first-child,.performance-table td:first-child{position:sticky;left:0;z-index:10;background-color:#fff;border-right:1px solid #E2E8F0}.cell-truncate{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}@media(max-width:768px){.cell-truncate{max-width:100px}.performance-table td,.performance-table th{padding:8px 6px;font-size:.75rem}}.performance-table th:first-child{z-index:20;background-color:#f8fafc}.performance-table th:first-child:after,.performance-table td:first-child:after{content:"";position:absolute;top:0;right:-12px;bottom:0;width:12px;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.05),transparent);opacity:0;transition:opacity .2s ease}.scrollable-table-inner.scrolled .performance-table th:first-child:after,.scrollable-table-inner.scrolled .performance-table td:first-child:after{opacity:1}.performance-table td{padding:10px 12px;font-size:.8rem;color:#475569;border-bottom:1px solid #F1F5F9;white-space:nowrap}.performance-table tr:hover td:first-child{background-color:#f8fafc}.performance-table tr:last-child td{border-bottom:none}.performance-table tr:hover td{background-color:#f8fafc;cursor:pointer;transition:background-color .2s}.performance-table tr.row-negative-roi td{background-color:#fef2f2!important}.performance-table tr.row-negative-roi:hover td{background-color:#fee2e2!important}.text-blue{color:#3b82f6!important}.text-lime{color:#84cc16!important}.td-link-cell{position:sticky;left:0;z-index:10;background-color:#fff;border-right:1px solid #E2E8F0;overflow:visible!important}.link-cell-content{display:flex;align-items:center;justify-content:space-between;width:100%;color:#2563eb;gap:8px}.performance-table .row-settings-btn{opacity:0;visibility:hidden;background:transparent;border:1px solid transparent;color:#64748b;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;margin-right:0}.performance-table tr.clickable-row:hover .row-settings-btn,.performance-table .row-settings-btn.loading{opacity:1;visibility:visible}.performance-table .row-settings-btn:hover:not(.loading){background:#0ea5e9;color:#fff;border-color:#0ea5e9;transform:rotate(45deg)}.performance-table .row-settings-btn.loading{cursor:default;color:#0ea5e9}.cpa-cell{position:relative;cursor:help}.cpa-simple-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%) translateY(10px);background:#1e293b;color:#fff;padding:10px 14px;border-radius:8px;font-size:.75rem;white-space:nowrap;z-index:100;opacity:0;visibility:hidden;transition:all .2s ease;box-shadow:0 10px 15px -3px #0006;border:1px solid rgba(255,255,255,.1);pointer-events:none;min-width:180px;text-align:center}.cpa-cell:hover .cpa-simple-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.cpa-simple-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:5px;border-style:solid;border-color:#1E293B transparent transparent transparent}.cpa-white-tooltip{position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%) translateY(10px);background:#fff;color:#334155;padding:12px 16px;border-radius:8px;font-size:.75rem;white-space:nowrap;z-index:9999;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #E2E8F0;pointer-events:none;min-width:180px;text-align:left}.cpa-cell:hover .cpa-white-tooltip{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.cpa-white-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:7px;border-style:solid;border-color:#ffffff transparent transparent transparent}.tooltip-value{color:#38bdf8;font-weight:600}.performance-table tr:hover{z-index:100}.detail-table-container{overflow:hidden!important}.scrollable-table-inner{overflow-x:auto;overflow-y:hidden!important}.text-purple{color:#8b5cf6!important}.font-bold{font-weight:600}.performance-table th:nth-child(12),.performance-table td:nth-child(12){min-width:90px}.report-drawer-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1050;display:flex;justify-content:flex-end;animation:fadeInOverlay .2s ease-out}.report-drawer{width:1300px;max-width:98vw;background:#fff;box-shadow:-8px 0 24px #0000001a;height:100%;display:flex;flex-direction:column;animation:slideInRight .3s cubic-bezier(.16,1,.3,1);position:relative;border-top-left-radius:20px;border-bottom-left-radius:0;overflow:hidden}.report-drawer-overlay.closing{animation:fadeOutOverlay .3s ease-in forwards}.report-drawer-overlay.closing .report-drawer{animation:slideOutRight .3s cubic-bezier(.16,1,.3,1) forwards}.report-header{padding:20px 24px;border-bottom:1px solid #E2E8F0;display:flex;align-items:center;justify-content:space-between;border-top-left-radius:20px;gap:16px}.header-left{display:flex;align-items:center;gap:16px;flex-wrap:nowrap;position:relative;flex:1;min-width:0}.domain-pill{background:#f1f5f9;padding:8px 16px;border-radius:20px;font-weight:600;color:#334155;font-size:.9rem;display:flex;align-items:center;gap:8px;border:1px solid #E2E8F0;flex-shrink:0}.domain-link{color:#0ea5e9;text-decoration:none;transition:all .2s ease}.domain-link:hover{color:#0284c7;background:#e0f2fe;border-color:#0ea5e9}.domain-icon{color:#0ea5e9}.date-filters{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.date-filters::-webkit-scrollbar{display:none}.filter-pill{background:#fff;border:1px solid #E2E8F0;padding:6px 14px;border-radius:20px;font-size:.85rem;color:#64748b;cursor:pointer;transition:all .2s;flex-shrink:0}.filter-pill:hover{background:#f8fafc;color:#334155;border-color:#cbd5e1}.filter-pill.active{background:#f1f5f9;color:#334155;font-weight:600;border-color:#cbd5e1}.custom-date-picker{position:absolute;top:100%;right:0;margin-top:8px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:16px;box-shadow:0 8px 24px #0000001f;z-index:100;min-width:280px}.custom-date-picker .date-inputs{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.custom-date-picker label{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:500;color:#475569}.custom-date-picker input[type=date]{padding:10px 12px;border:1px solid #E2E8F0;border-radius:8px;font-size:.9rem;color:#334155;background:#fff;transition:border-color .2s}.custom-date-picker input[type=date]:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.custom-date-picker .apply-btn{width:100%;padding:10px 16px;background:#0ea5e9;color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .2s}.custom-date-picker .apply-btn:hover{background:#0284c7}.custom-date-picker .apply-btn:disabled{background:#cbd5e1;cursor:not-allowed}.close-btn{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s;flex-shrink:0;z-index:10}.close-btn:hover{color:#ef4444}.report-content{flex:1;overflow-y:auto;padding:24px 24px 60px;display:flex;flex-direction:column;gap:24px}.chart-section{background:#fff;min-height:300px}.chart-loading{display:flex;align-items:center;justify-content:center;height:300px;color:#64748b;font-size:.95rem}.report-tabs{display:flex;gap:0;margin-bottom:0;padding:0}.report-tab{padding:12px 24px;border-radius:8px 8px 0 0;background:transparent;border:1px solid transparent;border-bottom:none;font-size:.9rem;color:#64748b;cursor:pointer;font-weight:600;transition:background-color .2s,color .2s;margin-bottom:-1px;z-index:1;margin-right:2px}.report-tab:hover{background:#f8fafc;color:#475569}.report-tab.active{background:#f8fafc;color:#0ea5e9;border:1px solid #E2E8F0;border-bottom:1px solid #F8FAFC;z-index:10}.report-drawer .detail-table-container{background:#fff;border:1px solid #E2E8F0;border-radius:0 12px 12px;position:relative;z-index:5;overflow:visible;isolation:isolate}.report-drawer.sub-report-mode .detail-table-container{border-top-left-radius:12px;overflow:visible!important}.report-drawer .performance-table{border-collapse:separate!important;border-spacing:0}.report-drawer.has-table-radius .detail-table-container{border-top-left-radius:12px}.report-drawer .performance-table th:first-child,.report-drawer .performance-table td:first-child{position:sticky;left:0;z-index:10;background-color:#fff;border-right:none!important}.report-drawer .performance-table th:first-child{z-index:20;background-color:#f8fafc;vertical-align:middle}.report-drawer .performance-table th{vertical-align:middle;height:38px;padding:0 12px;font-size:.75rem;color:#64748b;background-color:#f8fafc;border-bottom:1px solid #E2E8F0}.report-drawer .performance-table th.th-sorted{background-color:#f8fafc}.report-drawer .performance-table th.th-sorted .th-content{color:#334155;font-weight:600}.report-drawer .th-content{display:flex;align-items:center;gap:6px;height:100%}.report-drawer .performance-table th:first-child.has-radius{border-top-left-radius:8px!important}.report-drawer .performance-table th:first-child:after,.report-drawer .performance-table td:first-child:after{content:"";position:absolute;top:0;right:-12px;bottom:0;width:12px;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.05),transparent);opacity:0;transition:opacity .2s ease}.report-drawer .table-wrapper.scrolled .performance-table th:first-child:after,.report-drawer .table-wrapper.scrolled .performance-table td:first-child:after{opacity:1}.report-drawer .performance-table tr:hover td:first-child{background-color:#f8fafc}.report-drawer .cell-flex{display:flex;justify-content:space-between;align-items:center;width:100%;gap:8px}.report-drawer .delta{font-size:10px;font-weight:400;white-space:nowrap;opacity:.85}.row-negative-roi,.row-negative-roi td:first-child{background-color:#fef2f2!important}.row-negative-roi:hover td,.row-negative-roi:hover td:first-child{background-color:#fee2e2!important}.price-drawer-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1200;display:flex;justify-content:flex-end;opacity:0;animation:fadeInOverlay .2s forwards}.price-drawer-overlay.closing{animation:fadeOutOverlay .2s forwards}.price-drawer{width:520px;max-width:90vw;background:#fff;height:100%;box-shadow:-8px 0 24px #00000026;display:flex;flex-direction:column;position:relative;transform:translate(100%);animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards;border-top-left-radius:20px;border-bottom-left-radius:0;overflow:hidden}.price-drawer-overlay.closing .price-drawer{animation:slideOutRight .3s cubic-bezier(.16,1,.3,1) forwards}.price-header{padding:20px 24px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:flex-start;border-top-left-radius:20px}.price-title-group{display:flex;align-items:center;gap:12px}.price-icon{width:24px;height:24px;color:#fbbf24}.price-title{font-size:1rem;font-weight:600;color:#334155;margin:0;line-height:1.4}.price-subtitle{font-size:.9rem;color:#64748b;font-weight:500}.price-content{padding:24px;overflow-y:auto;flex:1}.price-tabs{display:flex;border:1px solid #3B82F6;border-radius:6px;overflow:hidden;margin-bottom:24px}.price-tab{flex:1;padding:8px 0;background:#fff;border:none;border-right:1px solid #DBEAFE;color:#64748b;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s}.price-tab:last-child{border-right:none}.price-tab:hover{background:#eff6ff;color:#3b82f6}.price-tab.active{background:#3b82f6;color:#fff}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.price-option-btn{padding:10px 0;border:1px solid #CBD5E1;background:#fff;border-radius:6px;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.price-option-btn:hover{border-color:#3b82f6;color:#3b82f6}.price-option-btn.active{background:#3b82f6;background:#60a5fa;border-color:#60a5fa;color:#fff}.price-grid.disabled{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.sub-price-drawer{width:420px;max-width:85vw;background:#fff;height:100%;box-shadow:-8px 0 24px #00000026;display:flex;flex-direction:column;position:relative;transform:translate(100%);animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards;border-top-left-radius:20px;border-bottom-left-radius:0;overflow:hidden}.price-drawer-overlay.closing .sub-price-drawer{animation:slideOutRight .3s cubic-bezier(.16,1,.3,1) forwards}.settings-drawer-overlay{position:fixed;inset:0;background:#0f172a33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeInOverlay .3s ease}.drawer-body.suspended-restricted{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.settings-drawer{width:540px;max-width:90vw;height:100%;background:#fff;box-shadow:-10px 0 40px #00000014;display:flex;flex-direction:column;animation:slideInRightSettings .3s ease;animation-fill-mode:forwards;position:relative;border-left:1px solid rgba(0,0,0,.03);border-radius:20px 0 0;overflow:hidden;transform:translateZ(0)}@keyframes slideInRightSettings{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{padding:24px 28px;background:#fff;display:flex;justify-content:space-between;align-items:flex-start;flex-shrink:0;z-index:20;border-top-left-radius:20px}.drawer-title-group{display:flex;align-items:center;gap:16px}.drawer-icon-wrapper{width:48px;height:48px;background:#f8fafc;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid #F1F5F9;box-shadow:0 2px 4px #00000005}.drawer-icon{width:28px;height:28px;object-fit:contain}.drawer-info{display:flex;flex-direction:column;gap:2px}.drawer-domain{font-weight:700;font-size:1.1rem;color:#0f172a;margin:0;letter-spacing:-.01em}.drawer-subtitle{font-size:.85rem;color:#64748b;font-weight:500}.drawer-close-btn{background:transparent;border:none;cursor:pointer;color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:-4px}.drawer-close-btn:hover{background:#f1f5f9;color:#ef4444}.drawer-edit-btn{background:transparent;border:none;cursor:pointer;color:#94a3b8;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;margin-top:-4px}.drawer-edit-btn:hover{background:#f1f5f9;color:#0ea5e9}.drawer-body{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#fff}.drawer-tabs{width:100%;background:#fff;display:flex;flex-direction:row;align-items:center;padding:0 24px 12px;gap:12px;overflow-x:auto;flex-shrink:0;scrollbar-width:none}.drawer-tabs::-webkit-scrollbar{display:none}.tab-btn{flex:1;height:44px;min-width:0;border-radius:10px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;padding:0}.tab-btn img,.tab-btn svg{width:22px;height:22px;object-fit:contain;opacity:.75;transition:all .2s}.tab-btn:hover{background:#f8fafc;color:#475569}.tab-btn:hover img,.tab-btn:hover svg{opacity:1;transform:scale(1.05)}.tab-btn.active{background:#eff6ff;color:#3b82f6}.tab-btn.active img,.tab-btn.active svg{opacity:1;transform:scale(1.1)}.tab-btn.active:before,.tab-btn.active:after{display:none}.drawer-main-content{flex:1;overflow-y:auto;padding:12px 28px 250px;background:#fff;position:relative;scrollbar-width:thin;scrollbar-color:#E2E8F0 transparent}.drawer-main-content::-webkit-scrollbar{width:6px}.drawer-main-content::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:3px}.ad-units-grid.two-column{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.form-grid-1{display:flex;flex-direction:column;gap:20px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.auto-create-wrapper{display:flex;justify-content:flex-end;margin-bottom:24px;margin-top:16px}.auto-create-link{background:transparent;color:#3b82f6;border:none;padding:0;font-size:.9rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s;text-decoration:none}.auto-create-link:hover{color:#2563eb;text-decoration:underline;text-underline-offset:4px}.auto-create-link .btn-icon,.auto-create-link svg{font-size:.9rem}.drawer-section{display:flex;flex-direction:column;gap:24px;animation:fadeInTab .3s ease-out forwards}.adx-report-row{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px;margin-top:32px}@keyframes fadeInTab{0%{opacity:0}to{opacity:1}}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:4px;border-bottom:none}.section-title{font-size:1.1rem;font-weight:700;color:#2e3a44;margin:0}.header-toggle-bordered{display:flex;align-items:center;gap:10px;border:1px solid #E2E8F0;padding:6px 6px 6px 14px;border-radius:20px;background:#fff;transition:all .2s}.header-toggle-bordered:hover{border-color:#cbd5e1}.toggle-text{font-size:.8rem;font-weight:600;color:#475569}.toggle-switch-wrapper.small{position:relative;width:40px;height:22px;cursor:pointer;display:block}.toggle-switch-wrapper.small input{opacity:0;width:0;height:0}.toggle-switch-wrapper.small .toggle-slider{position:absolute;inset:0;background-color:#e2e8f0;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:22px}.toggle-switch-wrapper.small .toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:2px;background-color:#fff;transition:.3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 1px 2px #0000001a}.toggle-switch-wrapper.small input:checked+.toggle-slider{background-color:#3b82f6}.toggle-switch-wrapper.small input:checked+.toggle-slider:before{transform:translate(18px)}.input-group{display:flex;flex-direction:column;gap:8px}.input-group label{display:block;margin-bottom:0;font-size:.85rem;font-weight:600;color:#64748b}.input-group input,.input-group select{background:#fff;border:1px solid #E2E8F0;border-radius:10px;padding:12px 14px;font-size:.95rem;color:#2e3a44;outline:none;width:100%;transition:all .2s;box-shadow:0 1px 2px #00000005}.input-group input:focus,.input-group select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.input-group input:disabled{background-color:#f8fafc;color:#94a3b8}.checkbox-row{display:flex;gap:24px;margin-top:8px;padding-top:8px}.custom-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.95rem;color:#475569;font-weight:500;-webkit-user-select:none;user-select:none}.custom-checkbox input{width:18px;height:18px;accent-color:#3B82F6;cursor:pointer}.footer-fade{position:absolute;top:-40px;left:0;right:0;height:40px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none;z-index:5}.drawer-footer{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;background:#fff;border-top:1px solid #F1F5F9;z-index:30;display:flex;justify-content:flex-end}.save-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:0;height:48px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s ease;width:100%;display:flex;align-items:center;justify-content:center;letter-spacing:.01em}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.save-btn:active{transform:translateY(0)}.adx-report-row{display:flex;justify-content:space-between;align-items:center;padding:24px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:12px}.report-value-group{flex-shrink:0}.report-title{font-size:1.05rem;font-weight:700;color:#334155;margin:0 0 2px}.report-desc{font-size:.85rem;color:#94a3b8;font-weight:500}.input-revshare-wrapper{position:relative;display:flex;align-items:center;width:100px}.revshare-input{width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:10px 30px 10px 12px;font-weight:600;font-size:1rem;text-align:right;color:#0f172a;box-shadow:0 1px 2px #00000005}.revshare-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.revshare-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:.9rem;color:#64748b;font-weight:600;pointer-events:none}.input-group.is-disabled{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.input-group.is-disabled label{color:#94a3b8}.pill-option.is-disabled span{background:#f8fafc!important;border-color:#e2e8f0!important;color:#cbd5e1!important;cursor:not-allowed}.divider{height:1px;background:#f1f5f9;margin:8px -28px 24px}.mt-3{margin-top:16px}.checkbox-row{display:flex;gap:32px;margin-top:8px;padding-top:4px;align-items:center}.custom-checkbox{display:flex;align-items:center;gap:10px}.custom-checkbox span{font-size:.95rem;color:#334155;margin-left:4px;transform:translateY(-1px);display:inline-block}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill-option{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative}.pill-option input{position:absolute;opacity:0;width:0;height:0}.pill-option span{display:inline-block;padding:6px 12px;background:#fff;border-radius:20px;font-size:.8rem;font-weight:500;color:#475569;transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #E2E8F0}.pill-option:hover span{background:#f8fafc;border-color:#cbd5e1;color:#475569}.pill-option input:checked+span{background:#e0f2fe;color:#0284c7;box-shadow:none;border-color:#0ea5e9}.pill-option.selected span{background:#e0f2fe;color:#0284c7;box-shadow:none;border-color:#0ea5e9}.trigger-more-btn{width:32px;height:32px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);padding:0;outline:none}.trigger-more-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.trigger-more-btn.active{background:#0ea5e9;color:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.delete-cat-badge{position:absolute;top:-6px;right:-6px;background:#ef4444;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 2px 4px #0000001a}.pill-option:hover .delete-cat-badge{opacity:1;transform:scale(1)}.delete-cat-badge:hover{background:#dc2626;transform:scale(1.1)!important}.add-category-trigger-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px dashed #CBD5E1;border-radius:20px;color:#64748b;padding:6px 12px;font-size:.8rem;cursor:pointer;transition:all .2s}.add-category-trigger-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.settings-popover{position:absolute;top:100%;left:auto;right:0;margin-top:8px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 10px 40px #0000001f;width:320px;padding:0;z-index:1000;overflow:hidden;animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.popover-scroll-content{max-height:380px;overflow-y:auto;padding:6px}.popover-item{padding:10px 14px;border-radius:8px;cursor:pointer;font-size:.85rem;color:#475569;transition:all .15s ease;display:flex;align-items:center;justify-content:flex-start;line-height:1.4;-webkit-user-select:none;user-select:none;margin-bottom:2px}.popover-item:last-child{margin-bottom:0}.popover-item:hover{background:#f8fafc;color:#0f172a}.popover-item.selected{background:#f0f9ff;color:#0369a1;font-weight:600}.popover-scroll-content::-webkit-scrollbar{width:6px}.popover-scroll-content::-webkit-scrollbar-track{background:transparent;margin:4px}.popover-scroll-content::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:20px;border:2px solid transparent;background-clip:content-box}.popover-scroll-content::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}.attention-item-form{background:#fafafa;border:1px dashed #CBD5E1;border-radius:12px;padding:16px;margin-top:4px;animation:fadeIn .3s ease-out;display:flex;flex-direction:column;gap:4px}.attention-item-form .form-row{display:flex;gap:16px}.attention-item-form .thumb-selector{width:100px;height:auto;align-self:stretch;background:#fff;border:1px dashed #CBD5E1;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;overflow:hidden;flex-shrink:0;transition:all .2s}.attention-item-form .thumb-selector:hover{border-color:#3b82f6;background:#f8fafc}.attention-item-form .thumb-selector img{width:100%;height:100%;object-fit:cover}.attention-item-form .thumb-placeholder{display:flex;flex-direction:column;align-items:center;gap:4px;color:#94a3b8;font-size:.75rem;text-align:center}.attention-item-form .form-col{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center}.attention-item-form .search-input{width:100%;padding:6px 10px;font-size:.8rem;border:1px solid #E2E8F0;border-radius:8px;background:#fff;color:#334155}.pill-group.small-pills{background:transparent!important;padding:0;gap:8px;box-shadow:none!important;border:none!important}.pill-option.small{padding:0;margin:0;background:transparent;border:none}.pill-option.small span{padding:4px 10px;font-size:.75rem;color:#64748b;background:#f1f5f9;border:1px solid transparent;border-radius:20px;transition:all .2s}.pill-option.small input:checked+span{background:#eff6ff;color:#2563eb;border-color:#bfdbfe}.pill-option.small:hover span{background:#e2e8f0}@keyframes fadeInSettingsAlert{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.settings-popover.popover-left-align{left:0!important;right:auto!important}.popover-scroll-content{overflow-y:auto;max-height:300px}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;z-index:1100;display:flex;justify-content:flex-end}.drawer-container{width:100%;max-width:600px;height:100%;background-color:#fff;box-shadow:-2px 0 8px #0000001a;display:flex;flex-direction:column;animation:slideInRight .3s ease-out}.drawer-header{padding:20px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.drawer-header h3{margin:0;font-size:1.25rem;color:#1e293b}.drawer-header .close-btn{background:none;border:none;font-size:1.25rem;cursor:pointer;color:#64748b;padding:5px;transition:color .2s}.drawer-header .close-btn:hover{color:#0f172a}.drawer-body{padding:20px;overflow-y:auto;flex:1}.date-filter-container{position:relative;display:flex;align-items:center;gap:10px}.date-filter-loading{display:flex;align-items:center;justify-content:center}.date-filter-loading .loading-spinner{font-size:1rem;color:#0ea5e9}.date-filter-btn{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;color:#2e3a44;font-size:.9rem;cursor:pointer;font-weight:500;transition:all .2s;min-width:160px}.date-filter-btn:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000f}.date-filter-btn.active{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.date-btn-content{display:flex;align-items:center;gap:10px}.date-icon{font-size:.95rem;color:#0ea5e9}.date-label{color:#2e3a44}.chevron-icon{font-size:.7rem;color:#94a3b8;transition:transform .2s}.chevron-icon.rotate{transform:rotate(180deg)}.date-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 10px 40px #0000001f;padding:8px;min-width:180px;z-index:100;animation:dropdownFadeIn .15s ease-out}.date-dropdown-menu.align-left{right:auto;left:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.date-dropdown-menu.expanded{display:flex;flex-direction:row;min-width:480px;padding:12px}.common-ranges{display:flex;flex-direction:column;gap:2px;min-width:160px}.date-dropdown-menu.expanded .common-ranges{border-right:1px solid #F1F5F9;padding-right:12px;margin-right:12px}.ranges-title{font-size:.7rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px 6px}.date-dropdown-item{display:flex;align-items:center;justify-content:space-between;text-align:left;background:transparent;border:none;padding:10px 12px;border-radius:8px;color:#475569;font-size:.9rem;cursor:pointer;font-weight:500;transition:all .15s}.date-dropdown-item:hover{background:#f8fafc;color:#2e3a44}.date-dropdown-item.selected{background:#f0f9ff;color:#0ea5e9}.check-icon{font-size:.75rem;color:#0ea5e9}.arrow{font-size:1.1rem;color:#94a3b8;font-weight:400}.custom-date-view{flex:1;display:flex;flex-direction:column}.custom-date-header{padding:10px 14px;background:#f8fafc;border-radius:8px;margin-bottom:12px;text-align:center}.date-range-text{font-size:.9rem;font-weight:600;color:#2e3a44}.mini-calendar{background:#fff;border:1px solid #F1F5F9;border-radius:10px;padding:12px}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cal-month-title{font-size:.9rem;font-weight:600;color:#2e3a44}.cal-nav-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;cursor:pointer;color:#64748b;transition:all .15s}.cal-nav-btn:hover{background:#f1f5f9;color:#2e3a44}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:8px;text-align:center}.calendar-weekdays span{font-size:.75rem;color:#94a3b8;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;row-gap:4px}.calendar-day{width:100%;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;font-size:.8rem;color:#475569;cursor:pointer;transition:all .15s}.calendar-day:not(.selected):not(.in-range):hover{background-color:#f1f5f9;color:#2e3a44}.calendar-day.empty{cursor:default}.calendar-day.selected,.calendar-day.in-range{background-color:#e0f2fe;color:#0369a1;font-weight:600}.calendar-day.range-start{border-radius:8px 0 0 8px;background-color:#0ea5e9;color:#fff}.calendar-day.range-end{border-radius:0 8px 8px 0;background-color:#0ea5e9;color:#fff}.calendar-day.range-solo{border-radius:8px;background-color:#0ea5e9;color:#fff}.custom-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #F1F5F9}.action-cancel{background:transparent;color:#64748b;border:none;cursor:pointer;padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:500;transition:all .15s}.action-cancel:hover{background:#f1f5f9;color:#2e3a44}.action-apply{background:#0ea5e9;color:#fff;border:none;cursor:pointer;padding:8px 20px;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .15s}.action-apply:hover{background:#0284c7}.action-apply:disabled{opacity:.5;cursor:not-allowed}.page-header{display:flex;align-items:center;justify-content:space-between;margin-top:-5px;margin-bottom:0}.title-page-screen{font-size:1.25rem;font-weight:700;color:#475569;font-family:Poppins,sans-serif;margin:0;letter-spacing:-.01em}.page-subtitle{font-size:.85rem;color:#64748b;margin-top:4px}.header-actions{display:flex;align-items:center;gap:16px}@media(max-width:768px){.page-header{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:10px}.header-left{flex:1;display:flex;justify-content:flex-start;min-width:0}.header-actions{flex-shrink:0;display:flex;justify-content:flex-end}.title-page-screen{font-size:1.1rem;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}}.dashboard-page{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.stats-grid{grid-template-columns:1fr}}.chart-section{position:relative}.chart-section .chart-loading-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:.95rem;background:#ffffffb3;border-radius:12px;z-index:5}.chart-table-divider{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 0;margin-bottom:-4px}.divider-label{font-size:1.2rem;font-weight:700;color:#2e3a44;white-space:nowrap}@media(max-width:768px){.chart-table-divider{justify-content:flex-start;text-align:left}}.dashboard-search-container{display:flex;align-items:center;background:transparent;border-radius:20px;padding:6px 10px;transition:all .3s ease;width:32px;overflow:hidden;position:relative;box-sizing:border-box;height:32px;margin-bottom:6px;border:1px solid transparent}.dashboard-search-container.active{background:#fff;width:260px;border:1px solid #e2e8f0}.dashboard-search-icon{font-size:14px;min-width:14px}.dashboard-search-input{border:none;background:transparent;outline:none;padding-left:10px;width:100%;opacity:0;transition:opacity .2s ease;font-size:13px;color:#334155;pointer-events:none}.dashboard-search-container.active .dashboard-search-input{opacity:1;pointer-events:auto}.dashboard-search-clear{background:none;border:none;color:#94a3b8;cursor:pointer;padding:0 4px;font-size:14px}.dashboard-search-clear:hover{color:#ef4444}.list-card{background:var(--type-gradient);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:10px;transition:all .25s ease;box-shadow:0 1px 3px #0000000a;border:1px solid rgba(0,0,0,.06);position:relative;overflow:hidden}.list-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px -8px #00000026;border-color:var(--type-color)}.card-header{display:flex;justify-content:space-between;align-items:center;gap:8px}.domain-info{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.domain-favicon{width:18px;height:18px;border-radius:4px;flex-shrink:0}.domain-text{font-size:.85rem;color:#475569;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-badge{position:absolute;top:0;left:0;background:#f59e0b;color:#fff;font-size:.65rem;font-weight:700;padding:6px 14px;border-bottom-right-radius:12px;z-index:10;text-transform:uppercase;letter-spacing:.8px;box-shadow:2px 2px 10px #0000001a;pointer-events:none}.card-actions{position:relative;flex-shrink:0}.menu-btn{width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:#475569;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.menu-btn:hover{background:var(--type-color);color:#fff}.action-popup{position:absolute;right:0;top:0;display:flex;align-items:center;gap:4px;background:#fff;padding:4px;border-radius:10px;box-shadow:0 4px 20px #00000026;z-index:20}.popup-btn{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#94a3b8;transition:all .15s}.popup-btn:hover{color:#2e3a44}.popup-btn.delete{color:#ef4444}.popup-btn.delete:hover{color:#dc2626}.popup-btn.edit,.popup-btn.settings{color:#94a3b8}.popup-btn.settings.loading{color:#0ea5e9;cursor:default}.popup-btn.close,.popup-btn.publish{color:#94a3b8}.popup-btn.publish:hover{color:#2e3a44}.delete-confirm{display:flex;align-items:center;gap:8px;padding:0 8px;font-size:.85rem;color:#ef4444;font-weight:500}.confirm-no,.confirm-yes{padding:6px 12px;border-radius:6px;border:none;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.confirm-no{background:#f1f5f9;color:#64748b}.confirm-no:hover{background:#e2e8f0}.confirm-yes{background:#ef4444;color:#fff}.confirm-yes:hover{background:#dc2626}.card-content{display:flex;flex-direction:column;gap:6px}.card-content.with-thumbnail{flex-direction:row;gap:14px;align-items:flex-start}.card-thumbnail-stack{flex-shrink:0;width:80px;height:72px;position:relative}.stacked-thumb{position:absolute;width:56px;height:56px;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 2px 8px #0000001f;border:2px solid #fff;transition:transform .2s}.stacked-thumb img{width:100%;height:100%;object-fit:cover}.stacked-thumb.thumb-2{top:0;left:0;z-index:1;transform:rotate(-6deg)}.stacked-thumb.thumb-1{top:4px;left:10px;z-index:2;transform:rotate(0)}.stacked-thumb.thumb-0{top:8px;left:20px;z-index:3;transform:rotate(6deg)}.card-content.with-thumbnail:hover .stacked-thumb.thumb-2{transform:rotate(-8deg) translate(-4px)}.card-content.with-thumbnail:hover .stacked-thumb.thumb-0{transform:rotate(8deg) translate(4px)}.card-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.card-title{font-size:1rem;font-weight:600;color:#2e3a44;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description{font-size:.85rem;color:#64748b;line-height:1.55;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description.single-line{-webkit-line-clamp:1;line-clamp:1}.card-content.with-thumbnail .card-title,.card-content.with-thumbnail .card-description{-webkit-line-clamp:2;line-clamp:2}.card-content.with-thumbnail .card-description.single-line{-webkit-line-clamp:1;line-clamp:1}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:4px}.card-footer-left{display:flex;align-items:center;gap:8px}.type-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--type-color)}.links-count{font-size:.75rem;color:#94a3b8;font-weight:500;display:flex;align-items:center;gap:8px}.links-count:before{content:"";width:4px;height:4px;border-radius:50%;background:#cbd5e1;display:inline-block}.visit-btn{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;border:1px solid #E2E8F0;background:#fff;color:#475569;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.visit-btn:hover{background:var(--type-color);border-color:var(--type-color);color:#fff}.visit-btn svg{font-size:.7rem}.fade-in{animation:fadeIn .15s ease-out}@media(max-width:480px){.campaign-card{padding:12px;gap:10px}.type-badge{width:32px;height:32px;font-size:.85rem}.card-title{font-size:.95rem}.card-description{-webkit-line-clamp:1;line-clamp:1}.visit-btn span{display:none}.visit-btn{padding:7px 10px}}.translate-drawer-overlay{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;justify-content:flex-end;animation:fadeIn .3s ease}.translate-drawer{width:min(75vw,1200px);max-width:95vw;height:100%;background:#fff;box-shadow:-10px 0 40px #00000014;display:flex;flex-direction:column;animation:slideInRight .3s ease;animation-fill-mode:forwards;border-radius:24px 0 0;position:relative;isolation:isolate;transform:translateZ(0)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.drawer-header-modern{padding:24px 32px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border-top-left-radius:24px;border-top-right-radius:24px}.header-info-modern{display:flex;align-items:center;gap:20px;flex:1;min-width:0;margin-right:20px}.header-titles-modern{flex-shrink:0}.header-titles-modern h3{margin:0;font-size:18px;font-weight:800;color:#2e3a44;letter-spacing:-.02em}.header-titles-modern p{margin:2px 0 0;font-size:12px;color:#64748b;font-weight:500}.localized-link{display:inline-block;color:#0ea5e9!important;text-decoration:none;font-size:12px;font-weight:600;margin-top:2px;transition:all .2s}.localized-link:hover{text-decoration:underline;opacity:.8}.header-controls-modern{display:flex;align-items:center;gap:10px;flex:1;position:relative;min-width:0}.lang-scroll-wrapper{display:flex;align-items:center;gap:10px;overflow-x:auto;padding-right:20px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;width:100%}.lang-scroll-wrapper::-webkit-scrollbar{display:none}.lang-fade-right{position:absolute;right:0;top:0;bottom:0;width:60px;background:linear-gradient(to right,transparent,#ffffff);pointer-events:none;z-index:5}.lang-tab-pill{display:flex;align-items:center;background:#f1f5f9;border-radius:100px;padding:4px 6px 4px 12px;border:1.5px solid transparent;transition:all .2s}.lang-tab-pill.active{background:#f0f9ff;border-color:#0ea5e9}.lang-select-btn{background:none;border:none;font-size:11px;font-weight:700;color:#64748b;padding:0;cursor:pointer;text-transform:uppercase;letter-spacing:.05em}.lang-tab-pill.active .lang-select-btn{color:#0369a1}.lang-delete-btn{background:none;border:none;color:#94a3b8;font-size:10px;padding:4px;margin-left:4px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.lang-delete-btn:hover{background:#e2e8f0;color:#ef4444}.add-lang-container-modern{position:relative;flex-shrink:0;z-index:10}.add-lang-pill{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px dashed #E2E8F0;border-radius:100px;padding:6px 14px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;transition:all .2s;white-space:nowrap}.add-lang-pill:hover{border-color:#94a3b8;color:#2e3a44}.add-lang-pill span{text-transform:uppercase;letter-spacing:.05em}.add-lang-dropdown-modern{position:absolute;top:calc(100% + 12px);right:0;width:320px;max-width:calc(100vw - 40px);background:#fff;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #F1F5F9;z-index:100;padding:12px}.dropdown-header{padding:16px 20px 8px;font-size:.75rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;display:flex;justify-content:space-between;align-items:center}.dropdown-close-btn{background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:4px}.dropdown-close-btn:hover{color:#ef4444;background:#fef2f2}.lang-search-wrapper{padding:0 8px 12px}.lang-search-input{width:100%;padding:8px 12px;border-radius:8px;border:1.5px solid #F1F5F9;background:#f8fafc;font-size:13px;color:#2e3a44;outline:none;transition:all .2s}.lang-search-input:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.lang-grid-modern{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;max-height:280px;overflow-y:auto;padding-right:4px}.lang-grid-modern::-webkit-scrollbar{width:4px}.lang-grid-modern::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.lang-option-modern{text-align:left;padding:6px 10px;border-radius:8px;background:transparent;border:none;font-size:12px;font-weight:500;color:#475569;cursor:pointer;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lang-option-modern:hover{background:#f0f9ff;color:#0ea5e9}.header-actions-modern{display:flex;align-items:center;gap:16px;flex-shrink:0}.action-pill{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;border:1.5px solid #F1F5F9;color:#64748b;cursor:pointer;transition:all .2s}.action-pill:hover{background:#f8fafc;color:#2e3a44;border-color:#e2e8f0}.ai-pill:hover{color:#0ea5e9;border-color:#bae6fd}.ai-pill{position:relative;padding:0;overflow:visible;background:#fff;border:1.5px solid #F1F5F9;transition:all .3s ease}.ai-pill-icon{width:22px;height:22px;object-fit:contain;z-index:2;position:relative}.ai-pill.is-loading{border-color:transparent;background:#fff}.ai-pill-loader{position:absolute;inset:-3px;border-radius:50%;border:2.5px solid transparent;border-top-color:#0ea5e9;border-right-color:#0ea5e9;animation:pillRotate 1s linear infinite;z-index:1}@keyframes pillRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.close-pill:hover{color:#ef4444;border-color:#fee2e2}.translate-drawer-header{padding:24px 28px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #f1f5f9}.header-info{display:flex;flex-direction:column;gap:4px}.header-info h2{margin:0;font-size:1.15rem;font-weight:700;color:#0f172a}.header-info .subtitle{font-size:.85rem;color:#64748b;font-weight:500}.close-drawer-btn{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.25rem;padding:4px;transition:color .2s}.close-drawer-btn:hover{color:#ef4444}.translate-drawer-content{flex:1;overflow-y:auto;padding:24px}.lang-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;align-items:center;position:relative;min-height:48px}.lang-tab{padding:0 20px;height:40px;border-radius:10px;background:#fff;color:#64748b;font-weight:600;cursor:pointer;transition:all .2s;border:1px solid #E2E8F0;font-size:.875rem;position:relative;display:flex;align-items:center;gap:8px;white-space:nowrap}.lang-tab:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.lang-tab.active{background:#e0f2fe;color:#0284c7;border-color:#0ea5e9}.lang-tab:hover .delete-lang-btn{opacity:1;transform:scale(1)}.delete-lang-btn{position:absolute;top:-8px;right:-8px;background:#ef4444;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px;border:none;cursor:pointer;opacity:0;transform:scale(.8);transition:all .2s cubic-bezier(.4,0,.2,1);z-index:10;box-shadow:0 2px 4px #0000001a}.delete-lang-btn:hover{background:#dc2626;transform:scale(1.1)!important}.lang-tab:hover{background:#f8fafc;border-color:#e2e8f0}.lang-tab.active{background:#fff;color:#10b981;border-color:#10b981;box-shadow:0 4px 12px #10b9811a}.add-lang-btn{padding:0 16px;background:#fff;border:1px dashed #cbd5e1;border-radius:10px;color:#64748b;cursor:pointer;font-size:.875rem;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap;height:40px}.add-lang-btn:hover{border-color:#10b981;color:#10b981}.translation-form{display:flex;flex-direction:column;gap:20px}.form-field{margin-bottom:20px;display:flex;flex-direction:column;gap:8px}.form-field label{font-size:.75rem;font-weight:700;color:#475569;text-transform:uppercase;letter-spacing:.05em}.source-reference{font-size:.75rem;color:#94a3b8;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.form-field input,.form-field .quill-editor-container{width:100%;border:1px solid #E2E8F0;border-radius:12px;font-size:.9375rem;transition:all .2s;background:#fff}.quill-editor-container{overflow:hidden;display:flex;flex-direction:column}.quill-editor-container .ql-toolbar{border:none!important;border-bottom:1px solid #E2E8F0!important;background:#f8fafc!important;border-radius:12px 12px 0 0!important;padding:8px 12px!important}.quill-editor-container .ql-container{border:none!important;font-family:inherit!important;font-size:.9375rem!important;flex:1;display:flex;flex-direction:column;min-height:0}.link-trans-item .quill-editor-container .ql-container{min-height:80px}.quill-editor-container .ql-editor{padding:12px 16px!important;color:#334155!important;flex:1;overflow-y:auto}.quill-editor-container .ql-editor.ql-blank:before{color:#94a3b8!important;font-style:normal!important;left:16px!important}.form-field input:focus,.quill-editor-container:focus-within{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 4px #0ea5e91a}.ai-controls{background:#fff;border:1px solid #E2E8F0;padding:20px;border-radius:12px;margin-bottom:24px;position:relative;z-index:100;overflow:visible;box-shadow:0 1px 3px #00000005}.ai-controls-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:#166534;font-weight:600;font-size:.875rem}.ai-agent-icon-small{width:24px;height:24px;object-fit:contain}.ai-controls-grid{display:grid;grid-template-columns:1fr auto;gap:12px}.ai-controls-grid .floating-select-trigger{border:1px solid #d1fae5;background:#fff;border-radius:8px;height:40px}.ai-translate-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:0 20px;height:40px;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0ea5e933}.ai-translate-btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e94d}.ai-translate-btn:disabled{opacity:.6;cursor:not-allowed}.link-translations-list{margin-top:32px;display:flex;flex-direction:column;gap:24px}.link-trans-item{padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #f1f5f9}.link-trans-header{font-size:.75rem;color:#64748b;margin-bottom:12px;font-weight:600}.drawer-footer{position:absolute;bottom:0;left:0;right:0;padding:24px 28px;background:#fff;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;z-index:10}.drawer-body{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:0;min-height:0}.drawer-body::-webkit-scrollbar{width:6px}.drawer-body::-webkit-scrollbar-track{background:transparent}.drawer-body::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.drawer-body:hover::-webkit-scrollbar-thumb{background:#e2e8f0}.drawer-body::-webkit-scrollbar-thumb:hover{background:#cbd5e1}.translation-workspace{display:flex;flex-direction:column;flex:1;min-height:0}.translation-split-view{display:flex;align-items:stretch;background:transparent;flex:1;min-height:0}.modernization-panel{flex:1;min-width:320px;max-width:440px;background:transparent;padding:16px 16px 32px 32px;display:flex;flex-direction:column;gap:8px;border-right:1px solid #F1F5F9;position:relative;overflow-y:auto}.modern-section-label{font-size:.78125rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;margin-top:16px;display:block}.modern-title-item{padding:12px 14px;border-radius:14px;border:1px solid #E2E8F0;background:#fff;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 1px 2px #00000008;margin-bottom:12px;position:relative}.modern-title-item:hover{background:#fff;border-color:#e2e8f0;transform:translateY(-1px)}.modern-title-item.active{border-color:#0ea5e9;background:#f0f9ff;box-shadow:0 4px 12px #0ea5e926;transform:translateY(-1px)}.modern-form-field{display:flex;flex-direction:column;gap:4px}.source-preview{font-size:11px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:2px}.input-group-modern{display:flex;align-items:center;gap:8px}.input-group-modern input{flex:1;border:none;padding:2px 0;font-size:14px;font-weight:500;color:#2e3a44;background:transparent;outline:none}.active-chevron{position:absolute;right:-14px;top:50%;transform:translateY(-50%);color:#0ea5e9;background:#fff;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 4px 12px #0ea5e940;z-index:10;animation:pulseArrowField 1.5s ease-in-out infinite;pointer-events:none;opacity:1;transition:all .25s ease}.active-chevron svg{transform:scale(.6)!important;width:24px!important;height:24px!important}@keyframes pulseArrowField{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.1);opacity:.95}}.modern-title-item.active .active-chevron{opacity:1}.modernization-editor{flex:1.6;background:transparent;display:flex;flex-direction:column;padding:16px 24px 16px 16px;overflow:hidden;min-height:0}.modern-header{background:transparent;margin-bottom:20px}.header-labels{display:flex;flex-direction:column;gap:4px}.main-field-label{font-size:.78125rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;display:block;margin-bottom:2px}.source-description-preview{font-size:12px;color:#94a3b8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:normal}.editor-content-area-modern{flex:1;padding:0;border:1px solid #E2E8F0;border-radius:16px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.cta-modern-field{margin-top:16px;margin-bottom:0}.modern-input{width:100%;padding:12px 16px;border-radius:10px;border:1px solid #E2E8F0;background:#fff;font-size:14px;font-weight:500;color:#2e3a44;transition:all .2s}.modern-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a;outline:none}.header-save-btn{height:38px;padding:0 18px;border-radius:10px;border:none;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-size:.875rem;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 6px -1px #0ea5e933;transition:all .25s cubic-bezier(.4,0,.2,1)}.header-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 12px -2px #0ea5e94d}.header-save-btn:disabled{opacity:.7;cursor:not-allowed}.header-save-btn.saved{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b98133}.header-save-btn.saved:hover{box-shadow:0 6px 12px -2px #10b9814d}.delete-trans-btn{background:none;border:none;color:#ef4444;font-size:.875rem;cursor:pointer;padding:8px}.lang-selector-container{position:relative;display:flex;align-items:center;height:40px}.lang-selector-container .floating-select{min-width:200px}.lang-selector-container .floating-select-trigger{height:40px;border-radius:10px;border:1px solid #10B981;background:#fff;color:#10b981;font-weight:600}.loading-overlay{height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:#64748b;background:transparent;animation:fadeIn .3s ease}.loading-spinner-icon{font-size:42px;color:#0ea5e9;opacity:.8}.loading-overlay p{font-size:14px;font-weight:600;letter-spacing:.01em}@media(max-width:1024px){.translate-drawer{width:90vw}}@media(max-width:768px){.translate-drawer{width:95vw}.add-lang-dropdown-modern{width:300px;right:0}}@media(max-width:480px){.translate-drawer{width:100vw;border-radius:0}.add-lang-dropdown-modern{width:calc(100vw - 32px);right:-10px;max-width:350px}.lang-grid-modern{grid-template-columns:1fr}}.ql-container{box-sizing:border-box;font-family:Helvetica,Arial,sans-serif;font-size:13px;height:100%;margin:0;position:relative}.ql-container.ql-disabled .ql-tooltip{visibility:hidden}.ql-container:not(.ql-disabled) li[data-list=checked]>.ql-ui,.ql-container:not(.ql-disabled) li[data-list=unchecked]>.ql-ui{cursor:pointer}.ql-clipboard{left:-100000px;height:1px;overflow-y:hidden;position:absolute;top:50%}.ql-clipboard p{margin:0;padding:0}.ql-editor{box-sizing:border-box;counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;line-height:1.42;height:100%;outline:none;overflow-y:auto;padding:12px 15px;tab-size:4;-moz-tab-size:4;text-align:left;white-space:pre-wrap;word-wrap:break-word}.ql-editor>*{cursor:text}.ql-editor p,.ql-editor ol,.ql-editor pre,.ql-editor blockquote,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{margin:0;padding:0}@supports (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-set:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor p,.ql-editor h1,.ql-editor h2,.ql-editor h3,.ql-editor h4,.ql-editor h5,.ql-editor h6{counter-reset:list-0 list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor table{border-collapse:collapse}.ql-editor td{border:1px solid #000;padding:2px 5px}.ql-editor ol{padding-left:1.5em}.ql-editor li{list-style-type:none;padding-left:1.5em;position:relative}.ql-editor li>.ql-ui:before{display:inline-block;margin-left:-1.5em;margin-right:.3em;text-align:right;white-space:nowrap;width:1.2em}.ql-editor li[data-list=checked]>.ql-ui,.ql-editor li[data-list=unchecked]>.ql-ui{color:#777}.ql-editor li[data-list=bullet]>.ql-ui:before{content:"•"}.ql-editor li[data-list=checked]>.ql-ui:before{content:"☑"}.ql-editor li[data-list=unchecked]>.ql-ui:before{content:"☐"}@supports (counter-set:none){.ql-editor li[data-list]{counter-set:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list]{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered]{counter-increment:list-0}.ql-editor li[data-list=ordered]>.ql-ui:before{content:counter(list-0,decimal) ". "}.ql-editor li[data-list=ordered].ql-indent-1{counter-increment:list-1}.ql-editor li[data-list=ordered].ql-indent-1>.ql-ui:before{content:counter(list-1,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-set:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-2{counter-increment:list-2}.ql-editor li[data-list=ordered].ql-indent-2>.ql-ui:before{content:counter(list-2,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-set:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-3{counter-increment:list-3}.ql-editor li[data-list=ordered].ql-indent-3>.ql-ui:before{content:counter(list-3,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-set:list-4 list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-4{counter-increment:list-4}.ql-editor li[data-list=ordered].ql-indent-4>.ql-ui:before{content:counter(list-4,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-set:list-5 list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-5{counter-increment:list-5}.ql-editor li[data-list=ordered].ql-indent-5>.ql-ui:before{content:counter(list-5,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-set:list-6 list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-5{counter-reset:list-6 list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-6{counter-increment:list-6}.ql-editor li[data-list=ordered].ql-indent-6>.ql-ui:before{content:counter(list-6,decimal) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-set:list-7 list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-6{counter-reset:list-7 list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-7{counter-increment:list-7}.ql-editor li[data-list=ordered].ql-indent-7>.ql-ui:before{content:counter(list-7,lower-alpha) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-set:list-8 list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-7{counter-reset:list-8 list-9}}.ql-editor li[data-list=ordered].ql-indent-8{counter-increment:list-8}.ql-editor li[data-list=ordered].ql-indent-8>.ql-ui:before{content:counter(list-8,lower-roman) ". "}@supports (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-set:list-9}}@supports not (counter-set:none){.ql-editor li[data-list].ql-indent-8{counter-reset:list-9}}.ql-editor li[data-list=ordered].ql-indent-9{counter-increment:list-9}.ql-editor li[data-list=ordered].ql-indent-9>.ql-ui:before{content:counter(list-9,decimal) ". "}.ql-editor .ql-indent-1:not(.ql-direction-rtl){padding-left:3em}.ql-editor li.ql-indent-1:not(.ql-direction-rtl){padding-left:4.5em}.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:3em}.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right{padding-right:4.5em}.ql-editor .ql-indent-2:not(.ql-direction-rtl){padding-left:6em}.ql-editor li.ql-indent-2:not(.ql-direction-rtl){padding-left:7.5em}.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:6em}.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right{padding-right:7.5em}.ql-editor .ql-indent-3:not(.ql-direction-rtl){padding-left:9em}.ql-editor li.ql-indent-3:not(.ql-direction-rtl){padding-left:10.5em}.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:9em}.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right{padding-right:10.5em}.ql-editor .ql-indent-4:not(.ql-direction-rtl){padding-left:12em}.ql-editor li.ql-indent-4:not(.ql-direction-rtl){padding-left:13.5em}.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:12em}.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right{padding-right:13.5em}.ql-editor .ql-indent-5:not(.ql-direction-rtl){padding-left:15em}.ql-editor li.ql-indent-5:not(.ql-direction-rtl){padding-left:16.5em}.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:15em}.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right{padding-right:16.5em}.ql-editor .ql-indent-6:not(.ql-direction-rtl){padding-left:18em}.ql-editor li.ql-indent-6:not(.ql-direction-rtl){padding-left:19.5em}.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:18em}.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right{padding-right:19.5em}.ql-editor .ql-indent-7:not(.ql-direction-rtl){padding-left:21em}.ql-editor li.ql-indent-7:not(.ql-direction-rtl){padding-left:22.5em}.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:21em}.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right{padding-right:22.5em}.ql-editor .ql-indent-8:not(.ql-direction-rtl){padding-left:24em}.ql-editor li.ql-indent-8:not(.ql-direction-rtl){padding-left:25.5em}.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:24em}.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right{padding-right:25.5em}.ql-editor .ql-indent-9:not(.ql-direction-rtl){padding-left:27em}.ql-editor li.ql-indent-9:not(.ql-direction-rtl){padding-left:28.5em}.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:27em}.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right{padding-right:28.5em}.ql-editor li.ql-direction-rtl{padding-right:1.5em}.ql-editor li.ql-direction-rtl>.ql-ui:before{margin-left:.3em;margin-right:-1.5em;text-align:left}.ql-editor table{table-layout:fixed;width:100%}.ql-editor table td{outline:none}.ql-editor .ql-code-block-container{font-family:monospace}.ql-editor .ql-video{display:block;max-width:100%}.ql-editor .ql-video.ql-align-center{margin:0 auto}.ql-editor .ql-video.ql-align-right{margin:0 0 0 auto}.ql-editor .ql-bg-black{background-color:#000}.ql-editor .ql-bg-red{background-color:#e60000}.ql-editor .ql-bg-orange{background-color:#f90}.ql-editor .ql-bg-yellow{background-color:#ff0}.ql-editor .ql-bg-green{background-color:#008a00}.ql-editor .ql-bg-blue{background-color:#06c}.ql-editor .ql-bg-purple{background-color:#93f}.ql-editor .ql-color-white{color:#fff}.ql-editor .ql-color-red{color:#e60000}.ql-editor .ql-color-orange{color:#f90}.ql-editor .ql-color-yellow{color:#ff0}.ql-editor .ql-color-green{color:#008a00}.ql-editor .ql-color-blue{color:#06c}.ql-editor .ql-color-purple{color:#93f}.ql-editor .ql-font-serif{font-family:Georgia,Times New Roman,serif}.ql-editor .ql-font-monospace{font-family:Monaco,Courier New,monospace}.ql-editor .ql-size-small{font-size:.75em}.ql-editor .ql-size-large{font-size:1.5em}.ql-editor .ql-size-huge{font-size:2.5em}.ql-editor .ql-direction-rtl{direction:rtl;text-align:inherit}.ql-editor .ql-align-center{text-align:center}.ql-editor .ql-align-justify{text-align:justify}.ql-editor .ql-align-right{text-align:right}.ql-editor .ql-ui{position:absolute}.ql-editor.ql-blank:before{color:#0009;content:attr(data-placeholder);font-style:italic;left:15px;pointer-events:none;position:absolute;right:15px}.ql-snow.ql-toolbar:after,.ql-snow .ql-toolbar:after{clear:both;content:"";display:table}.ql-snow.ql-toolbar button,.ql-snow .ql-toolbar button{background:none;border:none;cursor:pointer;display:inline-block;float:left;height:24px;padding:3px 5px;width:28px}.ql-snow.ql-toolbar button svg,.ql-snow .ql-toolbar button svg{float:left;height:100%}.ql-snow.ql-toolbar button:active:hover,.ql-snow .ql-toolbar button:active:hover{outline:none}.ql-snow.ql-toolbar input.ql-image[type=file],.ql-snow .ql-toolbar input.ql-image[type=file]{display:none}.ql-snow.ql-toolbar button:hover,.ql-snow .ql-toolbar button:hover,.ql-snow.ql-toolbar button:focus,.ql-snow .ql-toolbar button:focus,.ql-snow.ql-toolbar button.ql-active,.ql-snow .ql-toolbar button.ql-active,.ql-snow.ql-toolbar .ql-picker-label:hover,.ql-snow .ql-toolbar .ql-picker-label:hover,.ql-snow.ql-toolbar .ql-picker-label.ql-active,.ql-snow .ql-toolbar .ql-picker-label.ql-active,.ql-snow.ql-toolbar .ql-picker-item:hover,.ql-snow .ql-toolbar .ql-picker-item:hover,.ql-snow.ql-toolbar .ql-picker-item.ql-selected,.ql-snow .ql-toolbar .ql-picker-item.ql-selected{color:#06c}.ql-snow.ql-toolbar button:hover .ql-fill,.ql-snow .ql-toolbar button:hover .ql-fill,.ql-snow.ql-toolbar button:focus .ql-fill,.ql-snow .ql-toolbar button:focus .ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill{fill:#06c}.ql-snow.ql-toolbar button:hover .ql-stroke,.ql-snow .ql-toolbar button:hover .ql-stroke,.ql-snow.ql-toolbar button:focus .ql-stroke,.ql-snow .ql-toolbar button:focus .ql-stroke,.ql-snow.ql-toolbar button.ql-active .ql-stroke,.ql-snow .ql-toolbar button.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,.ql-snow.ql-toolbar button:hover .ql-stroke-miter,.ql-snow .ql-toolbar button:hover .ql-stroke-miter,.ql-snow.ql-toolbar button:focus .ql-stroke-miter,.ql-snow .ql-toolbar button:focus .ql-stroke-miter,.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter{stroke:#06c}@media(pointer:coarse){.ql-snow.ql-toolbar button:hover:not(.ql-active),.ql-snow .ql-toolbar button:hover:not(.ql-active){color:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill{fill:#444}.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,.ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,.ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter{stroke:#444}}.ql-snow,.ql-snow *{box-sizing:border-box}.ql-snow .ql-hidden{display:none}.ql-snow .ql-out-bottom,.ql-snow .ql-out-top{visibility:hidden}.ql-snow .ql-tooltip{position:absolute;transform:translateY(10px)}.ql-snow .ql-tooltip a{cursor:pointer;text-decoration:none}.ql-snow .ql-tooltip.ql-flip{transform:translateY(-10px)}.ql-snow .ql-formats{display:inline-block;vertical-align:middle}.ql-snow .ql-formats:after{clear:both;content:"";display:table}.ql-snow .ql-stroke{fill:none;stroke:#444;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.ql-snow .ql-stroke-miter{fill:none;stroke:#444;stroke-miterlimit:10;stroke-width:2}.ql-snow .ql-fill,.ql-snow .ql-stroke.ql-fill{fill:#444}.ql-snow .ql-empty{fill:none}.ql-snow .ql-even{fill-rule:evenodd}.ql-snow .ql-thin,.ql-snow .ql-stroke.ql-thin{stroke-width:1}.ql-snow .ql-transparent{opacity:.4}.ql-snow .ql-direction svg:last-child{display:none}.ql-snow .ql-direction.ql-active svg:last-child{display:inline}.ql-snow .ql-direction.ql-active svg:first-child{display:none}.ql-snow .ql-editor h1{font-size:2em}.ql-snow .ql-editor h2{font-size:1.5em}.ql-snow .ql-editor h3{font-size:1.17em}.ql-snow .ql-editor h4{font-size:1em}.ql-snow .ql-editor h5{font-size:.83em}.ql-snow .ql-editor h6{font-size:.67em}.ql-snow .ql-editor a{text-decoration:underline}.ql-snow .ql-editor blockquote{border-left:4px solid #ccc;margin-bottom:5px;margin-top:5px;padding-left:16px}.ql-snow .ql-editor code,.ql-snow .ql-editor .ql-code-block-container{background-color:#f0f0f0;border-radius:3px}.ql-snow .ql-editor .ql-code-block-container{margin-bottom:5px;margin-top:5px;padding:5px 10px}.ql-snow .ql-editor code{font-size:85%;padding:2px 4px}.ql-snow .ql-editor .ql-code-block-container{background-color:#23241f;color:#f8f8f2;overflow:visible}.ql-snow .ql-editor img{max-width:100%}.ql-snow .ql-picker{color:#444;display:inline-block;float:left;font-size:14px;font-weight:500;height:24px;position:relative;vertical-align:middle}.ql-snow .ql-picker-label{cursor:pointer;display:inline-block;height:100%;padding-left:8px;padding-right:2px;position:relative;width:100%}.ql-snow .ql-picker-label:before{display:inline-block;line-height:22px}.ql-snow .ql-picker-options{background-color:#fff;display:none;min-width:100%;padding:4px 8px;position:absolute;white-space:nowrap}.ql-snow .ql-picker-options .ql-picker-item{cursor:pointer;display:block;padding-bottom:5px;padding-top:5px}.ql-snow .ql-picker.ql-expanded .ql-picker-label{color:#ccc;z-index:2}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill{fill:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke{stroke:#ccc}.ql-snow .ql-picker.ql-expanded .ql-picker-options{display:block;margin-top:-1px;top:100%;z-index:1}.ql-snow .ql-color-picker,.ql-snow .ql-icon-picker{width:28px}.ql-snow .ql-color-picker .ql-picker-label,.ql-snow .ql-icon-picker .ql-picker-label{padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-label svg,.ql-snow .ql-icon-picker .ql-picker-label svg{right:4px}.ql-snow .ql-icon-picker .ql-picker-options{padding:4px 0}.ql-snow .ql-icon-picker .ql-picker-item{height:24px;width:24px;padding:2px 4px}.ql-snow .ql-color-picker .ql-picker-options{padding:3px 5px;width:152px}.ql-snow .ql-color-picker .ql-picker-item{border:1px solid transparent;float:left;height:16px;margin:2px;padding:0;width:16px}.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg{position:absolute;margin-top:-9px;right:0;top:50%;width:18px}.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=""]):before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=""]):before{content:attr(data-label)}.ql-snow .ql-picker.ql-header{width:98px}.ql-snow .ql-picker.ql-header .ql-picker-label:before,.ql-snow .ql-picker.ql-header .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{content:"Heading 1"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{content:"Heading 2"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{content:"Heading 3"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{content:"Heading 4"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{content:"Heading 5"}.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]:before,.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{content:"Heading 6"}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]:before{font-size:2em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]:before{font-size:1.5em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]:before{font-size:1.17em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]:before{font-size:1em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]:before{font-size:.83em}.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]:before{font-size:.67em}.ql-snow .ql-picker.ql-font{width:108px}.ql-snow .ql-picker.ql-font .ql-picker-label:before,.ql-snow .ql-picker.ql-font .ql-picker-item:before{content:"Sans Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{content:"Serif"}.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]:before,.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{content:"Monospace"}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]:before{font-family:Georgia,Times New Roman,serif}.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]:before{font-family:Monaco,Courier New,monospace}.ql-snow .ql-picker.ql-size{width:98px}.ql-snow .ql-picker.ql-size .ql-picker-label:before,.ql-snow .ql-picker.ql-size .ql-picker-item:before{content:"Normal"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{content:"Small"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{content:"Large"}.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]:before,.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{content:"Huge"}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]:before{font-size:10px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]:before{font-size:18px}.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]:before{font-size:32px}.ql-snow .ql-color-picker.ql-background .ql-picker-item{background-color:#fff}.ql-snow .ql-color-picker.ql-color .ql-picker-item{background-color:#000}.ql-code-block-container{position:relative}.ql-code-block-container .ql-ui{right:5px;top:5px}.ql-toolbar.ql-snow{border:1px solid #ccc;box-sizing:border-box;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;padding:8px}.ql-toolbar.ql-snow .ql-formats{margin-right:15px}.ql-toolbar.ql-snow .ql-picker-label{border:1px solid transparent}.ql-toolbar.ql-snow .ql-picker-options{border:1px solid transparent;box-shadow:#0003 0 2px 8px}.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label,.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options{border-color:#ccc}.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover{border-color:#000}.ql-toolbar.ql-snow+.ql-container.ql-snow{border-top:0}.ql-snow .ql-tooltip{background-color:#fff;border:1px solid #ccc;box-shadow:0 0 5px #ddd;color:#444;padding:5px 12px;white-space:nowrap}.ql-snow .ql-tooltip:before{content:"Visit URL:";line-height:26px;margin-right:8px}.ql-snow .ql-tooltip input[type=text]{display:none;border:1px solid #ccc;font-size:13px;height:26px;margin:0;padding:3px 5px;width:170px}.ql-snow .ql-tooltip a.ql-preview{display:inline-block;max-width:200px;overflow-x:hidden;text-overflow:ellipsis;vertical-align:top}.ql-snow .ql-tooltip a.ql-action:after{border-right:1px solid #ccc;content:"Edit";margin-left:16px;padding-right:8px}.ql-snow .ql-tooltip a.ql-remove:before{content:"Remove";margin-left:8px}.ql-snow .ql-tooltip a{line-height:26px}.ql-snow .ql-tooltip.ql-editing a.ql-preview,.ql-snow .ql-tooltip.ql-editing a.ql-remove{display:none}.ql-snow .ql-tooltip.ql-editing input[type=text]{display:inline-block}.ql-snow .ql-tooltip.ql-editing a.ql-action:after{border-right:0;content:"Save";padding-right:0}.ql-snow .ql-tooltip[data-mode=link]:before{content:"Enter link:"}.ql-snow .ql-tooltip[data-mode=formula]:before{content:"Enter formula:"}.ql-snow .ql-tooltip[data-mode=video]:before{content:"Enter video:"}.ql-snow a{color:#06c}.ql-container.ql-snow{border:1px solid #ccc}.ai-drawer-body{flex:1;overflow-y:auto;padding:32px}.ai-onboarding-card{background:linear-gradient(135deg,#0ea5e9,#0284c7);border-radius:20px;padding:24px;color:#fff;margin-bottom:32px;position:relative;overflow:hidden}.ai-onboarding-card:after{content:"";position:absolute;top:0;right:0;width:150px;height:100%;background:radial-gradient(circle at top right,rgba(255,255,255,.2) 0%,transparent 70%)}.ai-onboarding-card h4{margin:0 0 8px;font-size:1.125rem;font-weight:800}.ai-onboarding-card p{margin:0;font-size:.875rem;opacity:.9;line-height:1.5}.ai-label-modern{font-size:.8125rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:12px;display:block}.ai-model-select{margin-bottom:8px;position:relative;z-index:100}.ai-model-select .floating-select-trigger{border-radius:14px;padding:14px 16px;background:#fff;border:1.5px solid #F1F5F9;font-weight:600;color:#2e3a44}.ai-model-select .floating-select-dropdown{border-radius:14px;box-shadow:0 10px 25px -5px #0000001a;border:1px solid #F1F5F9;background:#fff;z-index:200}.ai-drawer-footer{padding:32px;border-top:1px solid #F1F5F9}.premium-ai-btn{width:100%;height:56px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 16px #0ea5e940;transition:all .3s cubic-bezier(.4,0,.2,1)}.steps-container{margin-top:32px;display:flex;flex-direction:column;gap:12px}.step-row{display:flex;align-items:center;gap:16px;padding:16px;background:#fff;border:1px solid #F1F5F9;border-radius:12px;transition:all .3s ease}.step-row.active{border-color:#0ea5e9;background:#f0f9ff;transform:scale(1.02);box-shadow:0 4px 12px #0ea5e91a}.step-row.done{border-color:#bbf7d0;background:#f0fdf4}.step-status-v2{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;background:#f1f5f9;color:#94a3b8}.step-row.active .step-status-v2{background:#0ea5e9;color:#fff;animation:pulse 2s infinite}.step-row.done .step-status-v2{background:#22c55e;color:#fff}.step-label-v2{font-size:.875rem;font-weight:700;color:#475569;margin-bottom:2px}.step-details-v2{display:flex;flex-direction:column;flex:1}.step-original-text{font-size:.75rem;color:#94a3b8;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:400px}.step-row.active .step-label-v2{color:#0369a1}.step-row.done .step-label-v2{color:#15803d;text-decoration:none}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #0ea5e966}70%{transform:scale(1.05);box-shadow:0 0 0 10px #0ea5e900}to{transform:scale(1);box-shadow:0 0 #0ea5e900}}.mylist-page{width:100%}.mylist-header-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;height:40px}.mylist-title{font-size:1.25rem;font-weight:700;color:#475569}.search-section{display:flex;align-items:center;position:relative}.search-icon-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;font-size:1.1rem;border:none;background:transparent;border-radius:50%;transition:all .2s}.search-icon-btn:hover{background:#f1f5f9;color:#2e3a44}.search-box{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #E2E8F0;border-radius:22px;padding:8px 14px;height:40px;min-width:280px;box-shadow:0 4px 12px #0000001a;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-50%) translate(20px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.search-box-icon{color:#94a3b8;font-size:.9rem}.search-box input{flex:1;border:none;background:transparent;outline:none;font-size:.9rem;color:#2e3a44}.search-box input::placeholder{color:#94a3b8}.search-close-btn{width:24px;height:24px;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;transition:all .2s}.search-close-btn:hover{background:#fee2e2;color:#ef4444}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:1200px){.list-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.list-grid{grid-template-columns:1fr}}.loading-state{display:flex;justify-content:center;align-items:center;min-height:300px}.no-results-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fff;border-radius:16px;text-align:center;min-height:400px;width:60%;margin:40px auto}.no-results-icon{font-size:3.5rem;color:#e2e8f0;margin-bottom:24px;background:#f8fafc;width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center}.no-results-title{font-size:1.5rem;font-weight:700;color:#334155;margin-bottom:12px}.no-results-desc{color:#64748b;font-size:1rem;max-width:400px;margin-bottom:32px;line-height:1.6}.create-first-list-btn{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;font-weight:600;border:none;border-radius:12px;cursor:pointer;font-size:1rem;transition:all .2s ease;box-shadow:0 4px 12px #0ea5e94d}.create-first-list-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.create-first-list-btn:active{transform:translateY(0)}.st-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:stFadeIn .2s ease-out}.st-modal-content{background:#fff;width:400px;padding:30px;border-radius:20px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.st-modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px}.st-modal-icon.success{background:#f0fdf4;color:#16a34a}.st-modal-content h3{font-size:1.25rem;font-weight:700;color:#2e3a44;margin-bottom:12px}.st-modal-content p{font-size:14px;color:#475569;line-height:1.6;margin-bottom:25px}.st-modal-actions{display:flex;gap:12px}.st-modal-btn-cancel{flex:1;padding:12px;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;font-weight:600;color:#64748b;cursor:pointer;transition:all .2s}.st-modal-btn-cancel:hover{background:#f1f5f9}.st-modal-btn-confirm{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.st-modal-btn-confirm.activate{background:#16a34a}.st-modal-btn-confirm.activate:hover{background:#15803d}.st-modal-btn-confirm:disabled{opacity:.7;cursor:not-allowed}@keyframes stFadeIn{0%{opacity:0}to{opacity:1}}.searchable-select-wrapper{position:relative;width:100%}.searchable-select-trigger{background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:12px 14px;font-size:.95rem;color:#2e3a44;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;-webkit-user-select:none;user-select:none}.searchable-select-trigger.disabled{background:#f8fafc;border-color:#e2e8f0;color:#94a3b8;cursor:not-allowed}.searchable-select-trigger:hover{border-color:#cbd5e1}.searchable-select-trigger.open{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.trigger-icon{font-size:.8rem;color:#64748b;transition:transform .2s}.searchable-select-trigger.open .trigger-icon{transform:rotate(180deg)}.searchable-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:50;overflow:hidden;animation:fadeInDropdown .15s ease-out}@keyframes fadeInDropdown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.search-box-container{padding:10px;border-bottom:1px solid #F1F5F9;position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:16px;color:#94a3b8;font-size:.85rem;pointer-events:none;z-index:10}.dropdown-search-input{width:100%;padding:10px 32px 10px 12px;border:1px solid #E2E8F0;border-radius:6px;font-size:.9rem;color:#2e3a44;outline:none;background:#f8fafc;transition:border-color .2s}.dropdown-search-input:focus{border-color:#0ea5e9;background:#fff}.clear-search-btn{position:absolute;right:20px;background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.85rem;padding:2px;display:flex;align-items:center;justify-content:center}.clear-search-btn:hover{color:#64748b}.options-list{max-height:240px;overflow-y:auto;list-style:none;padding:4px 0;margin:0}.options-list::-webkit-scrollbar{width:6px}.options-list::-webkit-scrollbar-track{background:#f1f5f9}.options-list::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.option-item{padding:10px 14px;font-size:.9rem;color:#2e3a44;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .1s}.option-item:hover{background-color:#f1f5f9}.option-item.selected{background-color:#f0f9ff;color:#0ea5e9;font-weight:500}.check-mark{font-size:.8rem}.no-options{padding:16px;text-align:center;color:#94a3b8;font-size:.85rem}.drawer-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0f172a33;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;justify-content:flex-end;z-index:1000}.drawer-overlay.show{display:flex;animation:fadeInOverlay .3s ease-out}.drawer-content{background:#fff;width:500px;height:100vh;box-shadow:-20px 0 50px #00000026;display:flex;flex-direction:column;border-top-left-radius:24px;overflow:hidden;position:relative;transform:translate(100%)}.drawer-overlay.show .drawer-content{animation:slideInRight .4s cubic-bezier(.16,1,.3,1) forwards}.drawer-header{padding:24px 30px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.drawer-title{margin:0;font-size:1.25rem;font-weight:700;color:#2e3a44}.drawer-close{background:#f8fafc;border:none;width:32px;height:32px;border-radius:50%;font-size:14px;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.drawer-close:hover{background:#f1f5f9;color:#2e3a44}.drawer-form{padding:30px 30px 100px;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:0;box-sizing:border-box}.form-section{background:#fff;border:1px solid #F1F5F9;border-radius:16px;padding:24px;margin-bottom:16px;box-shadow:0 2px 4px #00000005}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;color:#475569;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.icon-wrapper{width:28px;height:28px;border:1.5px solid #E2E8F0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0ea5e9;font-size:.75rem;flex-shrink:0}.form-group label{display:block;margin-bottom:8px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.form-group input,.form-group select{width:100%;padding:12px 14px;background:#fff;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;color:#2e3a44;outline:none;transition:all .2s}.admin-drawer-select .floating-select-trigger,.searchable-select-trigger{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:10px!important;padding:12px 14px!important;font-size:.95rem!important;color:#2e3a44!important;height:46px!important;display:flex!important;align-items:center!important;box-sizing:border-box!important;width:100%!important}.admin-drawer-select .floating-select-trigger.open,.searchable-select-trigger.open{border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e91a!important}.searchable-select-dropdown,.floating-select-dropdown{z-index:1100!important;border-radius:10px!important;border:1px solid #E2E8F0!important;box-shadow:0 10px 15px -3px #0000001a!important}.drawer-footer{padding:24px 30px;border-top:1px solid #F1F5F9;background:#fff;margin-top:auto;flex-shrink:0;box-sizing:border-box}.btn-submit-large{width:100%;padding:16px;background:linear-gradient(135deg,#0ea5e9,#0284c7);border:none;border-radius:12px;font-weight:700;font-size:1rem;color:#fff;cursor:pointer;transition:all .2s}.btn-submit-large:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e966}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:2000}.other-options-toggle{display:flex;align-items:center;gap:8px;background:none;border:none;padding:0;color:#475569;font-size:.85rem;font-weight:600;cursor:pointer;margin-top:-8px;transition:color .2s}.other-options-toggle:hover{color:#1e293b}.chevron-icon{font-size:.7rem;transition:transform .25s ease}.chevron-icon.open{transform:rotate(180deg)}.other-options-content{padding:8px 0 0;margin-top:4px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.modal-content.add-domain-modal{background:#fff;border-radius:12px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto;padding:24px;position:relative;box-shadow:0 10px 25px #0000001a;scrollbar-width:thin;scrollbar-color:#E2E8F0 transparent}.modal-content.add-domain-modal::-webkit-scrollbar{width:6px}.modal-content.add-domain-modal::-webkit-scrollbar-thumb{background-color:#e2e8f0;border-radius:10px}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:1.2rem;color:#94a3b8;cursor:pointer;transition:color .2s}.modal-close:hover{color:#64748b}.modal-header h2{font-size:1.25rem;font-weight:700;color:#2e3a44;margin:0 0 4px}.modal-header p{color:#64748b;font-size:.9rem;margin:0 0 20px}.modal-body{padding:10px 0}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:600;color:#475569;margin-bottom:8px}.form-group input[type=text]{width:100%;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:.95rem;color:#2e3a44;outline:none;transition:border-color .2s}.form-group input[type=text]:focus{border-color:#0ea5e9}.form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upload-box{border:2px dashed #E2E8F0;border-radius:8px;padding:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;background:#f8fafc;transition:all .2s;min-height:100px;position:relative;overflow:hidden}.upload-box:hover{border-color:#cbd5e1;background:#f1f5f9}.upload-box.has-file{border-style:solid;padding:0}.upload-box svg{font-size:1.5rem;color:#94a3b8}.upload-box span{font-size:.85rem;color:#64748b;font-weight:500}.preview-container{width:100%;height:100%;min-height:100px;flex:1;display:flex;justify-content:center;align-items:center;position:relative;background:#fff;border-radius:6px;overflow:hidden}.preview-container img{max-width:100%;max-height:100px;object-fit:contain}.replace-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080;color:#fff;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:600;opacity:0;transition:opacity .2s}.upload-box:hover .replace-overlay{opacity:1}.error-message{background:#fef2f2;color:#dc2626;padding:10px;border-radius:6px;font-size:.9rem;margin-bottom:16px;text-align:center}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn-cancel{background:transparent;border:1px solid #E2E8F0;color:#64748b;padding:10px 20px;border-radius:8px;cursor:pointer;font-weight:500}.btn-cancel:hover{background:#f8fafc;color:#2e3a44}.btn-submit{background:#0ea5e9;border:none;color:#fff;padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;display:flex;align-items:center;gap:8px}.btn-submit:hover{background:#0284c7}.btn-submit:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.form-row{grid-template-columns:1fr}}.status-toggles-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:20px}.status-toggle-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#f8fafc;border-radius:10px;border:1px solid #E2E8F0}.status-toggle-info{display:flex;flex-direction:column}.status-toggle-label{font-size:.85rem;font-weight:700;color:#475569}.status-toggle-desc{font-size:.75rem;color:#94a3b8}.adm-switch{position:relative;display:inline-block;width:44px;height:24px}.adm-switch input{opacity:0;width:0;height:0}.adm-slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s}.adm-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s}input:checked+.adm-slider{background-color:#0ea5e9}input:focus+.adm-slider{box-shadow:0 0 1px #0ea5e9}input:checked+.adm-slider:before{transform:translate(20px)}.adm-slider.round{border-radius:24px}.adm-slider.round:before{border-radius:50%}.md-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;opacity:0;visibility:hidden;transition:all .3s ease}.md-overlay.show{opacity:1;visibility:visible}.md-drawer{position:fixed;top:0;right:0;width:600px;height:100vh;background:#fff;box-shadow:-10px 0 30px #0000001a;z-index:1101;display:flex;flex-direction:column;transform:translate(100%);transition:all .4s cubic-bezier(.16,1,.3,1);border-top-left-radius:24px}.md-drawer.show{transform:translate(0)}.md-header{padding:24px 30px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:24px}.md-header-info h2{font-size:1.25rem;font-weight:700;color:#2e3a44;margin:0}.md-user-badge{display:inline-block;margin-top:4px;font-size:.75rem;color:#64748b;background:#f1f5f9;padding:2px 8px;border-radius:6px;font-weight:500}.md-close-btn{width:36px;height:36px;border-radius:10px;border:1px solid #E2E8F0;background:#f8fafc;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.md-close-btn:hover{background:#e2e8f0;color:#2e3a44}.md-tabs{display:flex;padding:10px 30px 0;background:#fff;border-bottom:1px solid #F1F5F9;gap:32px;box-shadow:0 4px 6px -1px #0000000d;z-index:2}.md-tab-btn{background:transparent;border:none;padding:12px 0 16px;display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.875rem;font-weight:600;cursor:pointer;position:relative;transition:color .2s}.md-tab-btn:hover{color:#475569}.md-tab-btn.active{color:#0ea5e9}.md-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0ea5e9;border-radius:3px 3px 0 0}.md-content{flex:1;overflow-y:auto;padding:30px}.md-form{display:flex;flex-direction:column;gap:20px}.md-form-group{display:flex;flex-direction:column;gap:8px}.md-form-group label{font-size:.9rem;font-weight:600;color:#475569}.md-form-group input{width:100%;padding:12px;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;color:#2e3a44;outline:none;transition:border-color .2s}.md-form-group input:focus{border-color:#0ea5e9}.md-editor-container{border:1px solid #E2E8F0;border-radius:10px;overflow:hidden;background:#fff;transition:border-color .2s}.md-editor-container:focus-within{border-color:#0ea5e9}#md-quill-toolbar{border:none;border-bottom:1px solid #F1F5F9;background:#f8fafc;padding:8px}.md-quill-editor{height:250px}.ql-toolbar.ql-snow,.ql-container.ql-snow{border:none!important}.ql-editor{font-family:inherit;font-size:.95rem;color:#2e3a44;padding:16px!important}.ql-editor.ql-blank:before{color:#94a3b8;font-style:normal;left:16px!important}.md-toggles{display:flex;flex-direction:column;gap:12px;background:#f8fafc;padding:16px;border-radius:12px}.md-toggle-item{display:flex;align-items:center;gap:12px;cursor:pointer}.md-checkbox{width:20px;height:20px;border:2px solid #CBD5E1;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;transition:all .2s}.md-checkbox.checked{background:#0ea5e9;border-color:#0ea5e9}.md-radio{width:20px;height:20px;border:2px solid #CBD5E1;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;background:#fff}.md-radio.checked{border-color:#0ea5e9}.md-radio-inner{width:10px;height:10px;background:#0ea5e9;border-radius:50%}.md-toggle-item:hover .md-radio{border-color:#0ea5e9}.text-green{color:#10b981!important}.text-red{color:#ef4444!important}.md-toggle-label{display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500;color:#475569}.md-toggle-label svg{color:#64748b}.md-footer{margin-top:10px}.md-send-btn{width:100%;padding:14px;background:linear-gradient(135deg,#22d3ee,#0ea5e9);border:none;border-radius:12px;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s}.md-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.md-send-btn:disabled{opacity:.7;cursor:not-allowed}.md-items{display:flex;flex-direction:column;gap:16px}.md-item{padding:16px;border:1px solid #F1F5F9;border-radius:12px;background:#fff;transition:all .2s}.md-item:hover{border-color:#e2e8f0;box-shadow:0 4px 6px -1px #0000000d}.md-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.md-type-badge{font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:20px;background:#f1f5f9;color:#64748b;display:flex;align-items:center;gap:6px}.md-type-badge.email{background:#e0f2fe;color:#0369a1}.md-date{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;gap:4px}.md-item-body h4{margin:0 0 6px;font-size:1rem;color:#2e3a44}.md-item-content-rich{font-size:.85rem;color:#64748b}.md-item-content-rich h1,.md-item-content-rich h2,.md-item-content-rich h3{margin:8px 0 4px;font-size:1rem;color:#334155}.md-item-content-rich p{margin:0 0 8px}.md-item-content-rich ul,.md-item-content-rich ol{padding-left:20px;margin:8px 0}.md-item-footer{margin-top:12px;display:flex;justify-content:space-between;align-items:center}.md-delete-btn{width:28px;height:28px;border-radius:6px;border:none;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.85rem;transition:all .2s;opacity:0}.md-item:hover .md-delete-btn{opacity:1}.md-delete-btn:hover{background:#fee2e2;color:#dc2626}.md-status{font-size:.75rem;font-weight:600}.md-status.sent{color:#10b981}.md-status.failed{color:#ef4444}.md-loading,.md-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:300px;color:#94a3b8;gap:16px}.md-empty p{font-weight:500}.md-error{background:#fef2f2;color:#dc2626;padding:12px;border-radius:8px;font-size:.85rem}.md-success{background:#f0fdf4;color:#16a34a;padding:12px;border-radius:8px;font-size:.85rem}@media(max-width:480px){.md-drawer{width:100%;right:-100%}}.usd-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0000004d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.usd-overlay.show{opacity:1;visibility:visible}.usd-drawer{position:fixed;top:0;right:0;width:750px;height:100%;background:#fff;box-shadow:-10px 0 30px #0000001a;z-index:1001;display:flex;flex-direction:column;transform:translate(100%);border-top-left-radius:24px}.usd-drawer.show{animation:slideInFromRight .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.usd-header{padding:24px 30px;background:#fff;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center;border-top-left-radius:24px}.usd-header-info h2{margin:0;font-size:1.25rem;font-weight:700;color:#2e3a44}.usd-user-badge{display:inline-block;color:#64748b;font-size:.75rem;font-weight:500}.usd-joined-label{font-size:.75rem;color:#94a3b8;display:flex;align-items:center;font-weight:500}.usd-joined-label:before{content:"";display:inline-block;width:1px;height:10px;background:#cbd5e1;margin:0 12px}.usd-close-btn{background:#f1f5f9;border:none;width:36px;height:36px;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.usd-close-btn:hover{background:#e2e8f0;color:#2e3a44}.usd-tabs{display:flex;padding:10px 30px 0;gap:32px;background:#fff;box-shadow:0 4px 6px -1px #0000000d;z-index:2}.usd-tab-btn{background:transparent;border:none;padding:12px 0 16px;display:flex;align-items:center;gap:8px;color:#94a3b8;font-size:.875rem;font-weight:600;cursor:pointer;position:relative;transition:color .2s}.usd-header-actions-group{display:flex;align-items:center;gap:12px}.usd-btn-suspend{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff5f5;border:1px solid #FEB2B2;border-radius:8px;color:#c53030;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.usd-btn-suspend:hover{background:#fed7d7;border-color:#fc8181}.usd-btn-suspend.active{background:#f0fff4;border-color:#9ae6b4;color:#2f855a}.usd-btn-suspend.active:hover{background:#c6f6d5}.usd-btn-message{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f0f9ff;border:1px solid #B9E6FE;border-radius:8px;color:#0369a1;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s}.usd-btn-message:hover{background:#e0f2fe;border-color:#7dd3fc}.usd-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border:1px solid #E2E8F0;border-radius:10px;color:#64748b;cursor:pointer;transition:all .2s}.usd-password-toggle:hover{color:#2e3a44}.usd-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:usdFadeIn .2s ease-out}.usd-modal-content{background:#fff;width:400px;padding:30px;border-radius:20px;text-align:center;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.usd-modal-icon{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px}.usd-modal-icon.warning{background:#fff5f5;color:#e53e3e}.usd-modal-content h3{font-size:1.25rem;font-weight:700;color:#2d3748;margin-bottom:12px}.usd-modal-content p{font-size:14px;color:#718096;line-height:1.6;margin-bottom:25px}.usd-modal-actions{display:flex;gap:12px}.usd-modal-btn-cancel{flex:1;padding:12px;background:#f7fafc;border:1px solid #E2E8F0;border-radius:10px;font-weight:600;color:#4a5568;cursor:pointer;transition:all .2s}.usd-modal-btn-cancel:hover{background:#edf2f7}.usd-modal-btn-confirm{flex:1;padding:12px;border:none;border-radius:10px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s}.usd-modal-btn-confirm.suspend{background:#e53e3e}.usd-modal-btn-confirm.suspend:hover{background:#c53030}.usd-modal-btn-confirm.activate{background:#38a169}.usd-modal-btn-confirm.activate:hover{background:#2f855a}@keyframes usdFadeIn{0%{opacity:0}to{opacity:1}}.usd-tab-btn:hover{color:#475569}.usd-tab-btn.active{color:#0ea5e9}.usd-tab-btn.active:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#0ea5e9;border-radius:3px 3px 0 0}.usd-content{flex:1;overflow-y:auto;padding:30px}.usd-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#64748b}.usd-loading p{margin-top:12px}.usd-section{display:flex;flex-direction:column;gap:24px}.usd-section-block{background:#fff;border-radius:16px;padding:24px;border:1px solid #E2E8F0}.usd-section-block h3{font-size:1rem;font-weight:700;color:#2e3a44;margin:0 0 16px;display:flex;align-items:center;gap:10px}.usd-block-desc{font-size:.8rem;color:#94a3b8;margin-top:-15px;margin-bottom:20px}.usd-form-group{margin-bottom:20px}.usd-form-group label{display:block;margin-bottom:8px;font-size:.85rem;font-weight:600;color:#475569}.usd-form-group input{width:100%;padding:12px 16px;border:1px solid #E2E8F0;border-radius:10px;font-size:.95rem;transition:all .2s;box-sizing:border-box;background:#fff}.usd-form-group input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.usd-input-disabled{background:#f8fafc!important;color:#94a3b8;cursor:not-allowed}.usd-input-with-icon{position:relative}.usd-bordered-floating-select .floating-select-trigger{border:1px solid #E2E8F0!important;border-radius:10px!important;padding:12px 16px!important;background:#fff!important;box-shadow:none!important;min-height:auto}.usd-bordered-floating-select .floating-select-trigger:hover{border-color:#cbd5e1!important}.usd-bordered-floating-select .floating-select-trigger.open{border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e91a!important}.usd-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:4px}.usd-footer{padding:24px 30px;border-top:1px solid #F1F5F9;background:#fff}.usd-footer-actions{display:flex;justify-content:flex-start}.usd-btn-save{padding:12px 24px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px -1px #0ea5e933}.usd-btn-save:hover{transform:translateY(-1px);box-shadow:0 6px 12px -2px #0ea5e94d}.usd-btn-save:disabled{opacity:.7;cursor:not-allowed;transform:none}.usd-error,.usd-success{padding:12px 16px;border-radius:10px;font-size:.85rem;margin-bottom:20px;display:flex;align-items:center;gap:10px}.usd-error{background:#fef2f2;color:#b91c1c;border:1px solid #FEE2E2}.usd-success{background:#f0fdf4;color:#15803d;border:1px solid #DCFCE7}.usd-domain-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border:1px solid #F1F5F9;border-radius:10px;background:#fff;transition:all .2s ease}.usd-domain-item:hover{background:#f8fafc;border-color:#e2e8f0}.usd-domain-content-right{display:flex;align-items:center;gap:16px}.usd-domain-actions{display:flex;align-items:center;gap:4px;opacity:0;transform:translate(5px);transition:all .2s ease;pointer-events:none}.usd-domain-item:hover .usd-domain-actions{opacity:1;transform:translate(0);pointer-events:auto}.usd-action-btn{width:28px;height:28px;border-radius:6px;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;transition:all .2s;background:transparent;color:#94a3b8}.usd-action-btn.edit:hover{background:#e0f2fe;color:#0284c7}.usd-action-btn.delete:hover{background:#fee2e2;color:#dc2626}.urd-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1050;opacity:0;visibility:hidden;display:flex;justify-content:flex-end}.urd-overlay.show{opacity:1;visibility:visible;animation:fadeInOverlay .2s ease-out}.urd-overlay.closing{animation:fadeOutOverlay .3s ease-in forwards}.urd-drawer{width:95%;max-width:1600px;background:#fff;height:100%;display:flex;flex-direction:column;box-shadow:-10px 0 30px #0000001a;position:fixed;top:0;right:0;z-index:1060;border-top-left-radius:24px;overflow:hidden;transform:translate(100%)}.urd-drawer.show{transform:translate(0);animation:slideInRight .3s cubic-bezier(.16,1,.3,1)}.urd-drawer.closing{transform:translate(0);animation:slideOutRight .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideOutRight{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes fadeOutOverlay{0%{opacity:1}to{opacity:0}}.urd-header{background:#fff;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #E2E8F0;flex-shrink:0;border-bottom-left-radius:0;position:sticky;top:0;z-index:10}.urd-header-info{display:flex;align-items:center;gap:12px}.urd-user-avatar{width:36px;height:36px;background:#eff6ff;color:#3b82f6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.urd-header-titles h2{margin:0;font-size:1.1rem;font-weight:700;color:#2e3a44;letter-spacing:-.01em;line-height:1.1}.urd-user-meta{font-size:.85rem;color:#64748b;margin-top:0;font-weight:500}.urd-header-actions{display:flex;align-items:center;gap:16px}.urd-close-btn{width:40px;height:40px;border-radius:10px;border:none;background:#f1f5f9;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.urd-close-btn:hover{background:#e2e8f0;color:#2e3a44}.urd-content{flex:1;overflow-y:auto;padding:32px}.urd-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:32px}.urd-chart-section{background:transparent;padding:0;margin-bottom:32px;position:relative}.urd-loading-overlay{position:absolute;inset:0;background:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:5;border-radius:24px;color:#64748b;font-weight:600}.urd-table-divider{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 0;margin-bottom:8px}.urd-divider-label{font-size:1.2rem;font-weight:700;color:#2e3a44;white-space:nowrap}.urd-table-section{background:#fff;border-radius:20px;overflow:visible;border:1px solid #E2E8F0;isolation:isolate}.urd-content .performance-table{border-radius:20px;border-collapse:separate!important;border-spacing:0;overflow:hidden}.urd-content .performance-table thead th{background:#f8fafc!important;border-top:none!important;color:#64748b;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}.urd-content .performance-table tfoot td{background:#f8fafc!important;border-top:2px solid #E2E8F0!important;font-weight:700}.urd-content .detail-table-container{border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}.urd-content .performance-table thead tr:first-child th:first-child{border-top-left-radius:20px}.urd-content .performance-table thead tr:first-child th:last-child{border-top-right-radius:20px}.urd-content .performance-table tbody tr:last-child td:first-child{border-bottom-left-radius:20px}.urd-content .performance-table tbody tr:last-child td:last-child{border-bottom-right-radius:20px}.urd-content .performance-table th:first-child,.urd-content .performance-table td:first-child{background-color:#fff!important;z-index:10}.urd-content .performance-table thead th:first-child,.urd-content .performance-table tfoot td:first-child{background-color:#f8fafc!important}.urd-content .performance-table thead tr:first-child th{border-top:none!important}@media(max-width:1024px){.urd-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.urd-stats-grid{grid-template-columns:1fr}.urd-drawer{width:100%}.urd-header-actions .date-filter-container{display:none}}.users-page{padding:0 0 30px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header-right{display:flex;gap:15px;align-items:center}.filter-group{min-width:auto}.header-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.btn-circle-gradient{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:50%;font-size:1rem;cursor:pointer;transition:all .2s;box-shadow:0 4px 10px #0ea5e94d}.btn-circle-gradient:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-circle-gradient:active{transform:translateY(0)}.status-filter-mini{min-width:auto!important}.status-filter-mini .floating-select-trigger{width:42px!important;height:42px!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:50%!important;background:#fff!important;border:1px solid #E2E8F0!important;transition:all .2s!important;box-sizing:border-box!important}.status-filter-mini .selected-value-text,.status-filter-mini .trigger-arrow{display:none!important}.status-filter-mini .trigger-pref-icon{font-size:1rem!important;margin:0!important;color:#64748b!important}.status-filter-mini .floating-select-trigger:hover{background:#f8fafc!important;border-color:#cbd5e1!important}.status-filter-mini .floating-select-trigger.open{background:#f1f5f9!important;border-color:#0ea5e9!important;color:#0ea5e9!important}.table-section{background:#fff;border:1px solid #E2E8F0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:visible!important}.admin-performance-table{width:100%;border-collapse:separate;border-spacing:0}.admin-performance-table thead tr:first-child th:first-child{border-top-left-radius:12px}.admin-performance-table thead tr:first-child th:last-child{border-top-right-radius:12px}.admin-performance-table tbody tr:last-child td:first-child{border-bottom-left-radius:12px}.admin-performance-table tbody tr:last-child td:last-child{border-bottom-right-radius:12px}.admin-performance-table th{text-align:left;padding:8px 16px;font-size:.75rem;font-weight:600;color:#64748b;background-color:#f8fafc;border-bottom:1px solid #E2E8F0;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.admin-performance-table td{padding:7px 16px;font-size:.85rem;color:#475569;border-bottom:1px solid #F1F5F9;background:#fff;transition:all .2s}.admin-performance-table tr:last-child td{border-bottom:none}.admin-performance-table tr:hover td{background-color:#f8fafc;cursor:pointer}.admin-performance-table th:first-child,.admin-performance-table td:first-child{position:sticky;left:0;z-index:10;background-color:#fff;border-right:1px solid #E2E8F0;min-width:200px}.admin-performance-table th:first-child{background-color:#f8fafc;z-index:20}.admin-performance-table tr:hover td:first-child{background-color:#f8fafc!important}.scrolled .admin-performance-table th:first-child:after,.scrolled .admin-performance-table td:first-child:after{content:"";position:absolute;top:0;right:-10px;bottom:0;width:100%;pointer-events:none;background:linear-gradient(to right,rgba(0,0,0,.05),transparent);width:10px;opacity:1}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600}.status-badge.active{background:#dcfce7;color:#15803d}.status-badge.waitlist{background:#fef9c3;color:#854d0e}.status-badge.suspended{background:#fee2e2;color:#b91c1c}.metric-value{font-weight:600;color:#2e3a44}.metric-positive{color:#10b981}.metric-negative{color:#ef4444}.btn-action{background:transparent;border:1px solid #E2E8F0;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;color:#475569;cursor:pointer;transition:all .2s}.btn-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#2e3a44}.btn-action.approve{color:#10b981;border-color:#a7f3d0}.btn-action.approve:hover{background:#ecfdf5}.btn-action.reject{color:#ef4444;border-color:#fecaca}.btn-action.reject:hover{background:#fef2f2}.user-info-cell{display:flex;align-items:center;gap:12px;position:relative;padding-right:40px}.user-avatar{width:26px;height:26px;background:#f1f5f9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#64748b;flex-shrink:0}.user-details{overflow:hidden}.user-username{font-size:11px;color:#64748b}.admin-performance-table .user-row-hoverable:hover .row-settings-btn{opacity:1!important;visibility:visible!important}.admin-performance-table .row-settings-btn{position:absolute;right:-10px;opacity:0;visibility:hidden;transition:all .2s ease;background:#f1f5f9;border:1px solid #E2E8F0;width:24px;height:24px;border-radius:50%;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;z-index:50}.admin-performance-table .row-settings-btn:hover{background:#0ea5e9!important;color:#fff!important;border-color:#0ea5e9!important}.user-name-cell-clickable{cursor:pointer;transition:background .2s}.user-name-cell-clickable:hover{background-color:#f0f9ff!important}.user-name-cell-clickable:hover .user-name-label{color:#0ea5e9;text-decoration:underline}.admin-performance-table .user-name-cell-clickable:hover .row-settings-btn{opacity:1!important;visibility:visible!important;background:#0ea5e9!important;color:#fff!important;border-color:#0ea5e9!important}.user-name-label{transition:all .2s}.status-badge{padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;display:inline-block}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.rejected{background:#fee2e2;color:#991b1b}.status-badge.pending{background:#f1f5f9;color:#475569}.cpa-cell{position:relative}.cpa-cell:hover{z-index:9999}.cpa-tooltip-wrapper{position:relative;display:inline-block}.cost-simple-tooltip{position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%) translate(10px);background:#fff;color:#334155;padding:10px 14px;border-radius:8px;font-size:.75rem;white-space:nowrap;z-index:9999;opacity:0;visibility:hidden;transition:all .2s ease;box-shadow:0 10px 25px -5px #0003;border:1px solid #E2E8F0;pointer-events:none;min-width:180px;text-align:left}.cpa-cell:hover .cost-simple-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.cost-simple-tooltip:after{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:6px;border-style:solid;border-color:transparent #ffffff transparent transparent;filter:drop-shadow(-2px 0 2px rgba(0,0,0,.05))}.cost-simple-tooltip:before{content:"";position:absolute;top:50%;right:100%;transform:translateY(-50%);border-width:7px;border-style:solid;border-color:transparent #E2E8F0 transparent transparent;z-index:-1}.cpa-left-tooltip{position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%) translate(-10px);background:#fff;color:#334155;padding:10px 14px;border-radius:8px;font-size:.75rem;white-space:nowrap;z-index:9999;opacity:0;visibility:hidden;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;border:1px solid #E2E8F0;pointer-events:none;min-width:180px;text-align:left}.cpa-cell:hover .cpa-left-tooltip{opacity:1;visibility:visible;transform:translateY(-50%) translate(0)}.cpa-left-tooltip:after{content:"";position:absolute;top:50%;left:100%;transform:translateY(-50%);border-width:7px;border-style:solid;border-color:transparent transparent transparent #ffffff}.cpa-left-tooltip:before{content:"";position:absolute;top:50%;left:calc(100% + 1px);transform:translateY(-50%);border-width:8px;border-style:solid;border-color:transparent transparent transparent #E2E8F0;z-index:-1}.tooltip-label{color:#64748b;font-size:.65rem;margin-bottom:2px;letter-spacing:.02em}.user-avatar.free{color:#94a3b8;background:#f8fafc}.user-avatar.pro{color:#0ea5e9;background:#f0f9ff}.user-avatar.max{color:#f59e0b;background:#fffbeb}.plan-label-text{font-size:.75rem;font-weight:700;text-transform:uppercase;color:#475569;transition:color .2s}.plan-label-text.limit-reached{color:#ef4444!important;text-decoration:underline dotted #FCA5A5}.settings-page{width:100%}.settings-title{font-size:1.25rem;font-weight:700;color:#475569;margin-bottom:24px}.settings-layout{display:flex;flex-direction:column;gap:24px;max-width:720px}.settings-layout.wide{max-width:none}.settings-tabs{display:flex;gap:8px;border-bottom:1px solid #E2E8F0;padding-bottom:0}.tab-item{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;font-size:.9rem;font-weight:500;color:#64748b;transition:all .2s;margin-bottom:-1px}.tab-item:hover{color:#2e3a44;background:#f8fafc}.tab-item.active{color:#0ea5e9;border-bottom-color:#0ea5e9;background:transparent}.tab-icon{font-size:.85rem}.settings-content{flex:1}.content-section{display:flex;flex-direction:column;gap:20px}.settings-card{background:#fff;border:1px solid #E2E8F0;border-radius:12px}.settings-card .card-header{padding:20px 24px;border-bottom:1px solid #F1F5F9}.settings-card .card-header h3{font-size:1rem;font-weight:600;color:#2e3a44;margin:0 0 4px}.settings-card .card-header p{font-size:.85rem;color:#94a3b8;margin:0}.settings-card .card-body{padding:24px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:20px}.form-row:last-child{margin-bottom:0}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:.8rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em}.input-static{background:#f8fafc;border:1px solid #E2E8F0;border-radius:8px;padding:12px 14px;font-size:.95rem;color:#475569}.form-field input,.form-field select,.form-field textarea{background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:12px 14px;font-size:.95rem;color:#2e3a44;outline:none;transition:border-color .2s,box-shadow .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.form-field input::placeholder,.form-field textarea::placeholder{color:#cbd5e1}.form-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-field textarea{resize:vertical;min-height:120px;font-family:inherit}.input-with-icon{position:relative}.input-with-icon input{width:100%;padding-right:44px}.toggle-password{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px;transition:color .2s}.toggle-password:hover{color:#475569}.form-actions{display:flex;justify-content:flex-start;align-items:center;gap:16px}.message-alert-inline{padding:10px 16px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px;animation:fadeIn .3s ease-out}.message-alert-inline.success{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.message-alert-inline.error{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.btn-save{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:12px 28px;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s ease}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.btn-save:active{transform:translateY(0)}.btn-secondary{background:#f1f5f9;color:#475569;border:none;padding:10px 20px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:background .2s}.btn-secondary:hover{background:#e2e8f0}.btn-icon{width:32px;height:32px;border-radius:6px;border:1px solid #E2E8F0;background:#fff;color:#64748b;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon:hover{background:#f1f5f9;color:#2e3a44}.domain-actions{display:flex;gap:8px;opacity:0;transition:opacity .2s ease-in-out}.domain-item:hover .domain-actions{opacity:1}.action-btn{width:32px;height:32px;border-radius:6px;border:1px solid transparent;background:transparent;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.action-btn:hover{background:#f1f5f9;color:#475569}.action-btn.edit-btn:hover{background:#e0f2fe;color:#0284c7;border-color:#bae6fd}.action-btn.delete-btn:hover{background:#fee2e2;color:#dc2626;border-color:#fecaca}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.empty-icon{font-size:2.5rem;color:#cbd5e1;margin-bottom:16px}.empty-state p{color:#94a3b8;margin:0 0 16px}.domain-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #F1F5F9}.domain-item:last-child{border-bottom:none}.settings-table-wrapper{overflow-x:auto;overflow-y:hidden;border-radius:0 0 12px 12px}.settings-table{width:100%;border-collapse:collapse;font-size:.9rem}.settings-table th{background:#f8fafc;padding:14px 24px;text-align:left;font-size:.75rem;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid #F1F5F9}.settings-table td{padding:16px 24px;border-bottom:1px solid #F1F5F9;color:#475569}.settings-table tr:last-child td{border-bottom:none}.status-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center}.status-badge.status-paid{background:#ecfdf5;color:#059669}.status-badge.status-pending{background:#fef3c7;color:#d97706}.status-badge.status-failed{background:#fef2f2;color:#dc2626}.domain-info{display:flex;align-items:center;gap:12px}.domain-name{font-weight:500;color:#2e3a44}.domain-status{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:12px;text-transform:uppercase;letter-spacing:.03em}.domain-status.verified{background:#ecfdf5;color:#059669}.domain-status.pending{background:#fef3c7;color:#d97706}.fade-in{animation:fadeIn .25s ease-out forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.form-row{grid-template-columns:1fr}.settings-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.tab-item{white-space:nowrap;padding:10px 16px}}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px;color:#94a3b8}.message-alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:.95rem;display:flex;align-items:center;gap:10px}.message-alert.success{background:#ecfdf5;color:#059669;border:1px solid #A7F3D0}.btn-verify-outline{padding:2px 8px;font-size:.7rem;background:transparent;color:#f59e0b;border:1px solid #F59E0B;border-radius:4px;cursor:pointer;font-weight:500;transition:all .2s}.btn-verify-outline:hover{background:#fffbeb;color:#d97706;border-color:#d97706}.message-alert.error{background:#fef2f2;color:#dc2626;border:1px solid #FECACA}.language-select .floating-select-trigger{background:#fff!important;border:1px solid #E2E8F0!important;border-radius:8px!important;padding:12px 14px!important;font-size:.95rem!important;color:#2e3a44!important;height:46px;min-width:100%}.language-select .floating-select-trigger:hover{border-color:#cbd5e1!important;background:#fff!important}.language-select .floating-select-trigger.open{border-color:#0ea5e9!important;box-shadow:0 0 0 3px #0ea5e91a!important;background:#fff!important}.language-select .trigger-arrow{font-size:.8rem!important;color:#64748b!important}.language-select .floating-select-dropdown{border-radius:8px!important;margin-top:4px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f!important}.premium-card{border:1px solid #E2E8F0;transition:all .3s ease;margin-top:20px;overflow:hidden}.premium-max-card{background:linear-gradient(135deg,#fff,#fef9c3,#fef08a);border:1px solid #FDE047!important;box-shadow:0 10px 25px -5px #f59e0b26}.premium-pro-card{background:linear-gradient(135deg,#fff,#e0f2fe,#bae6fd);border:1px solid #7DD3FC!important;box-shadow:0 10px 25px -5px #0ea5e926}.premium-max-card .card-header,.premium-pro-card .card-header{border-bottom-color:#0000000d}.btn-plan-gradient{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:8px 18px;border-radius:10px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #0ea5e933}.btn-plan-gradient:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0ea5e94d;background:linear-gradient(135deg,#0ba5e9,#0384c7)}.premium-max-card .btn-plan-gradient{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b4d}.premium-max-card .btn-plan-gradient:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 6px 16px #f59e0b66}.plan-badge{padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;letter-spacing:.05em;display:flex;align-items:center;box-shadow:0 2px 8px #0000000d}.plan-badge.free{background:#f1f5f9;color:#64748b}.plan-badge.pro{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff}.plan-badge.max{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.pricing-modal-overlay{position:fixed;inset:0;background:#0f172a66;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .3s ease-out}.pricing-modal-content{background:#fff;width:95%;max-width:1000px;max-height:90vh;border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow-y:auto;animation:slideUp .4s cubic-bezier(.16,1,.3,1)}.pricing-modal-header{text-align:center;margin-bottom:40px;position:relative}.pricing-modal-header h2{font-size:2rem;font-weight:800;color:#2e3a44;margin:0 0 12px}.pricing-modal-header p{font-size:1.1rem;color:#64748b;margin:0}.pricing-close{position:absolute;top:-10px;right:-10px;width:40px;height:40px;border-radius:50%;background:#f1f5f9;border:none;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.pricing-close:hover{background:#e2e8f0;color:#475569;transform:rotate(90deg)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.pricing-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:32px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}.pricing-card:hover{border-color:#cbd5e1;transform:translateY(-8px);box-shadow:0 20px 40px #0000000d}.pricing-card.current{border-color:#0ea5e9;background:#f0f9ff}.pricing-card.pro{border-color:#0ea5e9;box-shadow:0 10px 30px #0ea5e91a}.pricing-card.max{border-color:#f59e0b;box-shadow:0 10px 30px #f59e0b1a}.current-badge{position:absolute;top:16px;right:16px;background:#0ea5e9;color:#fff;font-size:.7rem;font-weight:700;padding:4px 10px;border-radius:20px}.popular-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#f59e0b;color:#fff;font-size:.7rem;font-weight:800;padding:6px 16px;border-radius:20px;box-shadow:0 4px 12px #f59e0b4d;white-space:nowrap;z-index:10}.pricing-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#4a8fe7,#6366f1);color:#fff;font-size:.7rem;font-weight:700;padding:6px 16px;border-radius:20px;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap;box-shadow:0 4px 12px #4a8fe74d;z-index:10}.pricing-plan-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:16px}.icon-beginner{background:linear-gradient(135deg,#ef44441a,#f973161a);color:#ef4444}.icon-pro{background:linear-gradient(135deg,#4a8fe71a,#6366f11a);color:#4a8fe7}.icon-max{background:linear-gradient(135deg,#eab3081a,#facc151a);color:#eab308}.pricing-card.pro{border:2px solid #4A8FE7;box-shadow:0 10px 40px #4a8fe726;transform:scale(1.05);z-index:1}.pricing-card.pro:hover{transform:scale(1.05) translateY(-8px);box-shadow:0 15px 45px #4a8fe733}.card-top{margin-bottom:24px}.plan-name{font-size:1.25rem;font-weight:700;color:#2e3a44;display:block;margin-bottom:8px}.plan-price{display:flex;align-items:baseline;gap:2px}.plan-price .currency{font-size:1.25rem;color:#64748b;font-weight:600}.plan-price .amount{font-size:2.5rem;font-weight:800;color:#2e3a44}.plan-price .period{color:#94a3b8;font-size:.9rem}.plan-features{list-style:none;padding:0;margin:0 0 32px;flex:1}.plan-features li{font-size:.9rem;color:#64748b;margin-bottom:12px;display:flex;align-items:center;gap:10px}.plan-features li svg{font-size:.8rem;color:#10b981}.pricing-card.max .plan-features li svg{color:#f59e0b}.plan-btn{width:100%;padding:14px;border-radius:12px;font-weight:700;font-size:.95rem;cursor:pointer;transition:all .2s;border:1px solid #E2E8F0;background:#fff;color:#475569}.plan-btn:hover:not(:disabled){background:#f8fafc;border-color:#64748b;color:#2e3a44}.plan-btn.pro{background:#0ea5e9;color:#fff;border:none}.plan-btn.pro:hover:not(:disabled){background:#0284c7;transform:scale(1.02)}.plan-btn.max{background:#2e3a44;color:#fff;border:none}.plan-btn.max:hover:not(:disabled){background:#111827;transform:scale(1.02)}.plan-btn:disabled{opacity:.5;cursor:not-allowed;background:#f1f5f9;color:#94a3b8;border-color:#e2e8f0}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr}.pricing-modal-content{padding:24px}.pricing-modal-header h2{font-size:1.5rem}}.revenue-limit-box{background:#f8fafc;padding:16px;border-radius:12px;border:1px solid #E2E8F0;transition:all .3s ease}.revenue-limit-box:hover{border-color:#34d399;box-shadow:0 4px 12px #10b9810d}.revenue-progress-bg{box-shadow:inset 0 1px 2px #0000000d}.revenue-progress-bar{box-shadow:0 2px 4px #10b98133}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:3000;animation:fadeIn .2s ease-out}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;position:relative;overflow:hidden;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.modal-header{padding:20px 24px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;font-size:1.1rem;font-weight:700;color:#2e3a44;display:flex;align-items:center;gap:10px}.btn-close{background:#f1f5f9;border:none;width:32px;height:32px;border-radius:50%;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-close:hover{background:#e2e8f0;color:#2e3a44;transform:rotate(90deg)}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid #F1F5F9;background:#f8fafc;display:flex;justify-content:flex-end}.migration-modal{border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.migration-modal code{background:#f1f5f9;padding:2px 6px;border-radius:4px;font-family:inherit;font-weight:600;color:#3b82f6}.modal-tabs button{transition:all .2s ease;position:relative}.modal-tabs button:hover{background:#3b82f60d!important}.lists-scan::-webkit-scrollbar{width:6px}.lists-scan::-webkit-scrollbar-track{background:transparent}.lists-scan::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}.guide-tab .step-item{padding-bottom:20px;border-bottom:1px dashed #f1f5f9}.guide-tab .step-item:last-child{border-bottom:none}.add-list-page.suspended-restricted .three-column-layout,.add-list-page.suspended-restricted .editor-wrapper{opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.suspended-notice-bar{background:#fef2f2;border:1px solid #FEE2E2;color:#dc2626;padding:12px 20px;border-radius:12px;display:flex;align-items:center;gap:12px;margin-bottom:24px;font-weight:600;font-size:.95rem;box-shadow:0 2px 4px #dc26260d}.suspended-notice-bar svg{font-size:1.1rem}.add-list-page{background:#fff;min-height:100vh}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-title{font-size:1.5rem;font-weight:600;color:#475569;margin:0}.save-page-btn{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;padding:12px 32px;border-radius:12px;font-weight:600;font-size:.95rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px #0ea5e94d;transition:all .2s ease}.save-page-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e966}.save-page-btn:active{transform:translateY(0)}.three-column-layout{display:grid;grid-template-columns:140px 440px 1fr;gap:24px;align-items:stretch}.editor-wrapper{display:flex;flex-direction:column;height:100%}.column-editor{display:flex;flex-direction:column;border:1px solid #E2E8F0;border-radius:8px;overflow-y:auto;background:#fff;min-height:400px;flex:1}.column-templates{display:flex;flex-direction:column;gap:14px}.template-section-label{font-size:.75rem;font-weight:600;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.template-card{border:2px solid #E5E7EB;border-radius:12px;padding:12px 10px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:#fafbfc;box-shadow:0 1px 3px #0000000f;position:relative}.template-card.active{border-color:#0ea5e9;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);box-shadow:0 4px 12px #0ea5e926;transform:translateY(-2px)}.template-card:hover:not(.active){border-color:#94a3b8;background:#fff;box-shadow:0 4px 8px #00000014;transform:translateY(-1px)}.image-count-badge{position:absolute;top:-5px;right:-5px;background-color:#ef4444;color:#fff;font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid white;box-shadow:0 2px 4px #0003;z-index:2}.prefix-icon{position:relative;overflow:visible!important}.template-arrow{position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#0ea5e9;font-size:1.1rem;background:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 6px #0ea5e94d;animation:pulseArrow 1.5s ease-in-out infinite}@keyframes pulseArrow{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.1);opacity:.8}}.template-preview-list{display:flex;flex-direction:column;gap:9px;padding:10px;min-height:95px;height:95px;justify-content:center}.list-bar{background:linear-gradient(90deg,#d1d5db,#e5e7eb);height:16px;border-radius:8px;box-shadow:0 1px 2px #0000000d;transition:all .2s}.template-card.active .list-bar{background:linear-gradient(90deg,#0ea5e9,#38bdf8);box-shadow:0 2px 4px #0ea5e926}.template-card:hover .list-bar{box-shadow:0 3px 6px #0ea5e940}.list-bar:nth-child(1){width:100%}.list-bar:nth-child(2){width:85%}.list-bar:nth-child(3){width:70%}.template-preview-mixed{display:flex;flex-direction:column;gap:9px;padding:10px;min-height:95px;height:95px;justify-content:center}.mixed-item{display:flex;gap:10px;align-items:center}.mixed-icon{width:22px;height:22px;background:linear-gradient(135deg,#d1d5db,#e5e7eb);border-radius:6px;flex-shrink:0;box-shadow:0 1px 2px #0000000d;transition:all .2s}.template-card.active .mixed-icon{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 2px 4px #0ea5e933}.mixed-text{flex:1;height:22px;background:linear-gradient(90deg,#e5e7eb,#f3f4f6);border-radius:6px;transition:all .2s}.template-card.active .mixed-text{background:linear-gradient(90deg,#38bdf8,#bae6fd)}.mixed-item:nth-child(1) .mixed-text{width:100%}.mixed-item:nth-child(2) .mixed-text{width:80%}.mixed-item:nth-child(3) .mixed-text{width:65%}.template-preview-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:5px;padding:6px;min-height:70px;height:70px;align-content:center}.grid-cell{background:linear-gradient(135deg,#d1d5db,#e5e7eb);aspect-ratio:1;border-radius:10px;box-shadow:0 1px 2px #0000000d;transition:transform .2s}.template-card.active .grid-cell{background:linear-gradient(135deg,#0ea5e9,#38bdf8);box-shadow:0 2px 4px #0ea5e926}.template-card:hover .grid-cell{transform:scale(1.05)}.template-preview-banner{display:flex;padding:6px;min-height:70px;height:70px}.banner-block{width:100%;background:linear-gradient(135deg,#d1d5db,#e5e7eb);border-radius:12px;box-shadow:0 2px 4px #0000000d;transition:all .2s}.template-card.active .banner-block{background:linear-gradient(135deg,#0ea5e9,#06b6d4);box-shadow:0 4px 8px #0ea5e933}.template-card:hover .banner-block{box-shadow:0 6px 12px #0ea5e94d}.column-details{display:flex;flex-direction:column;gap:20px}.detail-section{display:flex;flex-direction:column;gap:10px}.detail-label{font-size:.85rem;color:#94a3b8;font-weight:500}.url-inputs-row{display:flex;align-items:center;gap:12px}.url-inputs{display:flex;gap:10px;flex:1}.subdomain-input{flex:1;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.subdomain-input:focus{border-color:#0ea5e9}.domain-dropdown{padding:10px 32px 10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:.95rem;outline:none;cursor:pointer;min-width:130px;background:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;appearance:none;-webkit-appearance:none;-moz-appearance:none}.domain-dropdown:focus{border-color:#0ea5e9}.input-with-arrow{position:relative;display:flex;align-items:center;width:100%}.field-arrow{position:absolute;right:-12px;top:50%;transform:translateY(-50%);color:#0ea5e9;font-size:1rem;background:#fff;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;box-shadow:0 2px 6px #0ea5e94d;animation:pulseArrowField 1.5s ease-in-out infinite;pointer-events:none}@keyframes pulseArrowField{0%,to{transform:translateY(-50%) scale(1);opacity:1}50%{transform:translateY(-50%) scale(1.1);opacity:.8}}.section-title{display:flex;justify-content:space-between;align-items:center}.title-field,.link-field{flex:1;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:.95rem;outline:none;transition:border-color .2s}.title-field:focus,.link-field:focus,.title-field.active,.link-field.active{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926}.delete-link-btn{position:absolute;right:-12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#fef2f2;color:#ef4444;border:1px solid #FCA5A5;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;opacity:0;transition:all .2s;z-index:20;box-shadow:0 2px 6px #ef444433}.delete-link-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.sortable-item-wrapper:hover .delete-link-btn{opacity:1}.add-link-btn{background:transparent;border:1px dashed #CBD5E1;color:#64748b;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}.add-link-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-header .detail-label{margin-bottom:0}.settings-control{position:relative;z-index:20}.settings-btn{width:32px;height:32px;border-radius:50%;border:1px solid #E2E8F0;background:#fff;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s}.settings-btn:hover,.settings-btn.active{background:#f1f5f9;color:#0ea5e9;border-color:#0ea5e9}.settings-popover{top:100%;right:0!important;left:auto!important;margin-top:8px;background:#fff!important;border:1px solid #E2E8F0!important;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:450px;padding:16px;z-index:100}.settings-group{margin-bottom:20px}.settings-group:last-child{margin-bottom:0}.settings-label{font-size:.75rem;font-weight:600;color:#94a3b8;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.settings-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.settings-label-row .settings-label{margin-bottom:0}.add-category-btn{width:24px;height:24px;border-radius:50%;border:1px dashed #CBD5E1;background:transparent;color:#94a3b8;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.add-category-btn:hover{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.add-category-input{display:flex;align-items:center;gap:8px;margin-bottom:10px}.add-category-input input{flex:1;padding:6px 10px;border:1px solid #E2E8F0;border-radius:6px;font-size:.8rem;outline:none;transition:border-color .2s}.add-category-input input:focus{border-color:#0ea5e9}.confirm-add-btn{padding:6px 12px;border:none;border-radius:6px;background:#0ea5e9;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:background .2s}.confirm-add-btn:hover{background:#0284c7}.cancel-add-btn{width:28px;height:28px;border:1px solid #E2E8F0;border-radius:6px;background:#f8fafc;color:#64748b;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.cancel-add-btn:hover{background:#fee2e2;color:#ef4444;border-color:#fecaca}.settings-options{display:flex;flex-wrap:wrap;gap:8px}.setting-option{padding:6px 12px;border:1px solid #E2E8F0;border-radius:20px;background:#fff;color:#475569;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.setting-option:hover{background:#f8fafc;border-color:#cbd5e1}.setting-option.selected{background:#e0f2fe;color:#0284c7;border-color:#0ea5e9}.links-list-container{display:flex;flex-direction:column;gap:10px}.sortable-item{touch-action:none}.sortable-item.dragging{z-index:50;box-shadow:0 8px 16px #0000001a;opacity:.8}.drag-handle{cursor:grab;color:#cbd5e1;line-height:0;margin-right:8px;padding-right:0;min-width:20px;display:flex;justify-content:center}.drag-handle:hover{color:#94a3b8}.sortable-item-wrapper{display:flex;align-items:center;position:relative;width:100%;margin-bottom:4px;touch-action:none}.sortable-item-wrapper.dragging .link-input-wrapper{background:#fafafa;box-shadow:0 4px 8px #0000001a}.link-input-wrapper{flex:1;display:flex;align-items:center;border:1px solid #E2E8F0;border-radius:8px;background:#fff;padding:2px 4px;transition:all .2s;position:relative;min-height:44px}.link-input-wrapper.active{border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e926}.prefix-icon{display:flex;align-items:center;justify-content:center;margin-left:6px;margin-right:6px}.add-image-icon{width:28px;height:28px;object-fit:contain;opacity:.7;transition:opacity .2s;cursor:pointer}.add-image-icon:hover{opacity:1}.link-field-borderless{flex:1;border:none;outline:none;padding:8px 10px;font-size:.95rem;color:#334155;background:transparent;width:100%}#quill-toolbar{display:flex;align-items:center;border-bottom:1px solid #E2E8F0;padding:8px;background:#f8fafc;border-radius:8px 8px 0 0}#quill-toolbar .ql-formats{margin-right:12px;display:flex;align-items:center}.ql-cta-custom{background:#fff;border:1px solid #E2E8F0;color:#64748b;font-weight:600;font-size:.75rem;padding:4px 10px;border-radius:4px;cursor:pointer;transition:all .2s;height:28px;display:flex;align-items:center;justify-content:center}.ql-cta-custom:hover{background:#e0f2fe;color:#0284c7;border-color:#0ea5e9}.ql-ai-custom{background:transparent;border:none;color:#64748b;font-size:.9rem;padding:4px;border-radius:4px;cursor:pointer;transition:all .2s;height:28px;width:28px;display:flex;align-items:center;justify-content:center;margin-left:4px}.ql-ai-custom:hover{color:#0ea5e9;background:#f0f9ff}.ql-container.ql-snow{border:none!important}.editor-wrapper{display:flex;flex-direction:column}.editor-label{font-size:.85rem;color:#94a3b8;font-weight:500;margin-bottom:10px}.column-editor{display:flex;flex-direction:column;border:1px solid #E2E8F0;border-radius:8px;overflow:hidden;background:#fff;min-height:400px}.column-editor .quill{display:flex;flex-direction:column;height:100%}.column-editor .ql-toolbar{border:none;border-bottom:1px solid #E2E8F0;background:#f8fafc;padding:10px 14px}.column-editor .ql-container{border:none;font-size:.95rem;font-family:inherit;flex:1}.column-editor .ql-editor{min-height:350px;padding:16px;line-height:1.6}.column-editor .ql-editor p{margin-bottom:1em}.column-editor .ql-editor p:last-child{margin-bottom:0}.column-editor .ql-editor.ql-blank:before{color:#94a3b8;font-style:normal}.column-editor .ql-toolbar button{width:28px;height:28px}.column-editor .ql-toolbar button:hover{background:#e2e8f0;border-radius:4px}.column-editor .ql-toolbar button.ql-active{background:#e0f2fe;color:#0ea5e9;border-radius:4px}.column-editor .ql-stroke{stroke:#64748b}.column-editor .ql-fill{fill:#64748b}.column-editor .ql-toolbar button:hover .ql-stroke,.column-editor .ql-toolbar button.ql-active .ql-stroke{stroke:#0ea5e9}.column-editor .ql-toolbar button:hover .ql-fill,.column-editor .ql-toolbar button.ql-active .ql-fill{fill:#0ea5e9}.editor-loading{display:flex;align-items:center;justify-content:center;min-height:350px;color:#94a3b8;font-size:.95rem}.cta-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cta-modal{background:#fff;width:400px;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:0;overflow:hidden;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cta-modal-header{padding:16px 20px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.cta-modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#2e3a44}.close-btn{background:transparent;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;line-height:1}.cta-modal-body{padding:20px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:.85rem;font-weight:500;color:#64748b;margin-bottom:6px}.form-group input{width:100%;padding:8px 12px;border:1px solid #E2E8F0;border-radius:6px;font-size:.9rem;outline:none}.form-group input:focus{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91a}.style-scroll-container{display:flex;overflow-x:auto;gap:12px;padding:4px 4px 8px;scrollbar-width:thin}.visual-style-option{min-width:80px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s;flex-shrink:0}.visual-style-option:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.visual-style-option.selected{outline:2px solid #0EA5E9;outline-offset:2px}.color-pickers-row{display:flex;gap:16px}.color-field{display:flex;flex-direction:column;gap:4px;align-items:center}.color-field span{font-size:.75rem;color:#64748b}.color-field input[type=color]{width:30px;height:30px;padding:0;border:none;border-radius:50%;overflow:hidden;cursor:pointer;background:transparent;appearance:none;-webkit-appearance:none}.color-field input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field input[type=color]::-webkit-color-swatch{border:1px solid #E2E8F0;border-radius:50%;box-sizing:border-box}.color-field input[type=color]::-moz-color-swatch{border:1px solid #E2E8F0;border-radius:50%;box-sizing:border-box}.icon-options{display:flex;gap:8px;flex-wrap:wrap}.icon-option{width:36px;height:36px;border:1px solid #E2E8F0;border-radius:6px;background:#fff;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s}.icon-option:hover,.icon-option.selected{border-color:#0ea5e9;color:#0ea5e9;background:#f0f9ff}.cta-modal-footer{padding:16px 20px;border-top:1px solid #E2E8F0;background:#f8fafc;display:flex;justify-content:flex-end;gap:12px}.cancel-btn{padding:8px 16px;background:#fff;border:1px solid #E2E8F0;color:#64748b;border-radius:6px;cursor:pointer}.insert-btn{padding:8px 16px;background:#0ea5e9;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer}.insert-btn:hover{background:#0284c7}.cta-button-embed{display:inline-block;margin:8px 0;cursor:pointer;-webkit-user-select:none;user-select:none}.cta-inner-button{display:inline-block;padding:10px 20px;border-radius:6px;text-decoration:none!important;font-weight:600;font-size:.9rem;vertical-align:middle;border:2px solid transparent;cursor:pointer;transition:all .2s;line-height:normal;background-color:#0ea5e9;color:#fff}.cta-inner-button:hover{opacity:.9;transform:translateY(-1px)}.cta-inner-button.pill{border-radius:20px}.cta-inner-button.outline{background-color:transparent!important;border-width:2px;border-style:solid}.cta-inner-button.dark{background-color:#1e293b}.cta-inner-button.soft{opacity:.85}.cta-fields-container{margin-top:20px;padding-bottom:20px;animation:fadeInUp .3s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.cta-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.cta-input-group{display:flex;flex-direction:column;gap:6px}.cta-label{font-size:.85rem;color:#94a3b8;font-weight:500;margin-bottom:6px}.cta-input{width:100%;padding:10px 14px;border:1px solid #E2E8F0;border-radius:8px;font-size:.95rem;outline:none;transition:all .2s;background:#fff}.cta-input:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 4px 12px #0ea5e91a}.cta-modal-enhanced{background:#fff;border-radius:16px;width:650px;max-width:95vw;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;animation:scaleIn .2s ease-out}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.cta-modal-header{padding:20px 24px;border-bottom:1px solid #E2E8F0;display:flex;justify-content:space-between;align-items:center}.cta-modal-header h3{margin:0;font-size:1.25rem;color:#2e3a44;font-weight:600}.cta-modal-body{display:flex;max-height:70vh;overflow-y:auto}.cta-settings-col{flex:1;padding:24px;border-right:1px solid #E2E8F0;display:flex;flex-direction:column;gap:24px}.cta-preview-col{width:250px;background:#f8fafc;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px}.preview-label{text-transform:uppercase;font-size:.75rem;font-weight:600;color:#94a3b8;letter-spacing:.05em}.cta-preview-box{padding:40px 20px;background:#fff;border:1px dashed #CBD5E1;border-radius:8px;width:100%;display:flex;justify-content:center;align-items:center}.cta-form-group{display:flex;flex-direction:column;gap:8px}.cta-form-label{font-size:.85rem;font-weight:600;color:#475569}.cta-form-input{padding:10px 12px;border:1px solid #E2E8F0;border-radius:6px;font-size:.9rem;outline:none;transition:all .2s}.cta-form-input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.style-presets{display:flex;gap:10px;background:#f1f5f9;padding:4px;border-radius:8px}.style-preset-btn{flex:1;padding:8px;border:none;background:transparent;border-radius:6px;font-size:.85rem;font-weight:500;color:#64748b;cursor:pointer;transition:all .2s}.style-preset-btn.active{background:#fff;color:#0ea5e9;box-shadow:0 1px 2px #0000000d}.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.icon-option{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid #E2E8F0;border-radius:8px;background:#fff;cursor:pointer;color:#64748b;font-size:.9rem;transition:all .2s}.icon-option:hover{border-color:#cbd5e1;background:#f8fafc}.icon-option.active{border-color:#0ea5e9;background:#e0f2fe;color:#0ea5e9}.color-pickers-row{display:flex;gap:12px}.color-picker-group{flex:1}.color-input-wrapper{display:flex;align-items:center;border:1px solid #E2E8F0;border-radius:6px;padding:4px;gap:8px}.color-swatch-input{width:32px;height:32px;border:none;padding:0;background:none;cursor:pointer;border-radius:4px}.color-hex-input{border:none;outline:none;width:100%;font-size:.85rem;font-family:monospace;text-transform:uppercase}.cta-modal-footer{padding:20px 24px;border-top:1px solid #E2E8F0;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc}.cta-btn-cancel{padding:10px 20px;background:#fff;border:1px solid #CBD5E1;color:#475569;border-radius:6px;font-weight:500;cursor:pointer}.cta-btn-cancel:hover{background:#f1f5f9}.cta-btn-insert{padding:10px 24px;background:#0ea5e9;border:1px solid #0EA5E9;color:#fff;border-radius:6px;font-weight:600;cursor:pointer;box-shadow:0 4px 6px -1px #0ea5e933}.cta-btn-insert:hover{background:#0284c7;border-color:#0284c7}.cta-inner-button{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:transform .1s active;line-height:1.2}.cta-inner-button svg{width:1em;height:1em}.cta-modal-overlay .cta-modal{display:none}.custom-dropdown-relative{position:relative}.dropdown-trigger-box{width:100%;background:#fff;border:1px solid #E2E8F0;border-radius:8px;padding:10px 14px;font-size:.95rem;color:#2e3a44;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s;box-shadow:0 1px 2px #00000005;min-height:42px;gap:12px}.dropdown-trigger-box:hover{border-color:#cbd5e1;background:#f8fafc}.dropdown-trigger-box.active{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e91a}.dropdown-arrow{font-size:.8rem;color:#94a3b8;transition:transform .2s}.dropdown-arrow.rotate{transform:rotate(90deg)}.settings-popover.full-width{width:100%;left:0!important;right:auto!important;top:100%;margin-top:6px}.popover-item{padding:8px 12px;border-radius:6px;cursor:pointer;font-size:.9rem;color:#475569;transition:all .2s;display:flex;align-items:center;justify-content:space-between}.popover-item:hover{background:#f8fafc;color:#0ea5e9}.popover-item.selected{background:#e0f2fe;color:#0284c7;font-weight:500}.popover-item.disabled{cursor:default;color:#94a3b8;font-style:italic}.popover-scroll-content{max-height:250px;overflow-y:auto;padding:4px}.desktop-only-overlay{display:none;position:fixed;inset:0;background:#fff;z-index:999999;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}@media(max-width:1024px){.desktop-only-overlay{display:flex}body:has(.desktop-only-overlay:visible){overflow:hidden}}.overlay-content{max-width:400px;animation:fadeInOverlay .5s ease-out}.overlay-icon{font-size:4.5rem;color:#f1f5f9;margin-bottom:28px;background:#f8fafc;width:120px;height:120px;display:flex;align-items:center;justify-content:center;border-radius:30px;margin-left:auto;margin-right:auto;border:1px solid #F1F5F9}.overlay-title{font-size:1.75rem;font-weight:700;color:#2e3a44;margin-bottom:16px}.overlay-message{font-size:1.05rem;color:#64748b;line-height:1.6}@keyframes fadeInOverlay{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.ai-sub-drawer-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;z-index:5000;display:flex;justify-content:flex-end;animation:fadeInOverlay .3s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden}.ai-sub-drawer{width:100%;max-width:600px;height:100%;background:#fff;box-shadow:-10px 0 40px #0000001a;display:flex;flex-direction:column;animation:slideFromRight .4s cubic-bezier(0,.55,.45,1);position:relative;border-radius:24px 0 0;overflow:hidden}.ai-drawer-header{padding:32px;border-bottom:1px solid #F1F5F9;display:flex;justify-content:space-between;align-items:center}.ai-header-content{display:flex;align-items:center;gap:16px}.ai-icon-wrapper{width:48px;height:48px;background:#f0f9ff;border-radius:12px;display:flex;align-items:center;justify-content:center}.ai-icon-wrapper img{width:32px;height:32px;object-fit:contain}.ai-header-titles h3{margin:0;font-size:1.25rem;font-weight:800;color:#2e3a44;letter-spacing:-.02em}.ai-header-titles p{margin:4px 0 0;font-size:.875rem;color:#64748b;font-weight:500}.ai-close-drawer-btn{width:40px;height:40px;border-radius:10px;border:1.5px solid #F1F5F9;background:#fff;color:#64748b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.ai-close-drawer-btn:hover{background:#f8fafc;color:#ef4444;border-color:#f8fafc}.ai-drawer-body{flex:1;overflow-y:auto;padding:32px;display:flex;flex-direction:column;gap:16px}.ai-label-modern{font-size:.8125rem;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;display:block}.ai-prompt-textarea{width:100%;border-radius:14px;padding:16px;border:1.5px solid #F1F5F9;background:#fff;font-size:.95rem;color:#2e3a44;resize:none;outline:none;transition:all .2s}.ai-prompt-textarea:focus{border-color:#0ea5e9;background:#fff;box-shadow:0 0 0 3px #0ea5e91a}.ai-result-container{display:flex;flex-direction:column;gap:8px;flex:1}.ai-result-box{background:#f8fafc;border:1.5px solid #E2E8F0;border-radius:14px;padding:16px;font-size:.95rem;color:#2e3a44;line-height:1.6;overflow-y:auto;flex:1;white-space:pre-wrap}.ai-drawer-footer{padding:32px;border-top:1px solid #F1F5F9;display:flex;gap:16px}.premium-ai-btn{flex:1;height:56px;background:linear-gradient(135deg,#0ea5e9,#0284c7);color:#fff;border:none;border-radius:16px;font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 16px #0ea5e940;transition:all .3s cubic-bezier(.4,0,.2,1)}.premium-ai-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 24px #0ea5e959}.premium-ai-btn:active:not(:disabled){transform:translateY(0)}.premium-ai-btn:disabled{opacity:.7;cursor:not-allowed;background:#94a3b8;box-shadow:none}.premium-ai-btn.outline{background:#fff;color:#64748b;border:1.5px solid #E2E8F0;box-shadow:none}.premium-ai-btn.outline:hover:not(:disabled){background:#f8fafc;color:#0ea5e9;border-color:#0ea5e9;box-shadow:0 4px 12px #0ea5e91a}