@charset "UTF-8";.dashboard{min-height:100vh;background-color:var(--background-primary);display:flex;position:relative;overflow:hidden;width:100%}.dashboard:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top right,rgba(94,96,206,.1),transparent 70%),radial-gradient(ellipse at bottom left,rgba(100,223,223,.1),transparent 70%);z-index:0}.dashboard-grid{padding:20px 30px 30px;margin-left:280px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto auto auto auto 1fr;gap:24px;width:calc(100% - 280px);height:100vh;overflow-y:auto;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard.sidebar-collapsed .dashboard-grid{margin-left:84px;width:calc(100% - 84px)}.status-banner{grid-column:span 12;grid-row:1;margin-bottom:8px}.dashboard-header{grid-column:span 12;grid-row:2;display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;position:relative;z-index:10}.dashboard-header-actions{display:flex;align-items:center;justify-content:flex-end;width:auto}.system-status-toggle{background:rgba(var(--background-secondary-rgb),.8);border:1px solid var(--border-color);border-radius:8px;padding:6px 12px;font-size:.8rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.system-status-toggle:hover{background:var(--accent-secondary);color:#fff;border-color:var(--accent-secondary)}.metrics-grid{grid-column:span 12;grid-row:3;display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:10px}.charts-container{grid-column:span 12;grid-row:4;display:flex;flex-direction:row;gap:24px;width:100%;margin-bottom:5px}.recent-calls-wrapper{grid-column:span 12;grid-row:5;width:100%;margin-top:10px}.call-volume-container{flex:1.5;height:500px;transition:all .3s ease;margin-bottom:0}.satisfaction-container{flex:1.5;height:500px;transition:all .3s ease}@media (max-width: 1199px){.charts-container{flex-direction:column!important;gap:20px!important}.call-volume-container,.satisfaction-container{flex:1!important;width:100%!important;height:450px!important}}.conversion-container{grid-column:span 12;height:100%}.floating-card{background:transparent;border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 8px 24px #0000001a;display:flex;flex-direction:column}[data-theme=light] .floating-card{background:transparent;border:1px solid rgba(99,102,241,.08);box-shadow:0 8px 24px #6366f11a,0 2px 8px #0000000d}.floating-card:hover{box-shadow:0 12px 40px #0003}[data-theme=light] .floating-card:hover{box-shadow:0 12px 40px #6366f126}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0 0 16px;display:flex;align-items:center;position:relative}.section-title:before{content:"";display:inline-block;width:20px;height:2px;background:var(--accent-gradient);margin-right:8px;border-radius:2px}.time-selector{position:absolute;top:20px;right:20px;z-index:10;display:flex;gap:1px;background:#0003;padding:2px;border-radius:8px}.time-option{padding:6px 12px;font-size:.8rem;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;border-radius:6px;transition:all .2s ease}.time-option.active{background:var(--background-secondary);color:var(--text-primary)}.dashboard-grid::-webkit-scrollbar{width:6px}.dashboard-grid::-webkit-scrollbar-track{background:transparent}.dashboard-grid::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.dashboard-grid::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}.theme-toggle-space{width:70px;height:70px}@media (max-width: 1400px){.metrics-grid{grid-template-columns:repeat(5,1fr);gap:10px}}@media (max-width: 1200px){.metrics-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,auto)}}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(3,auto)}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr;grid-template-rows:repeat(5,auto)}}.metric-value-large{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent}.sub-metric{display:flex;align-items:center;margin-top:8px}.sub-metric-icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent-primary);color:#fff;margin-right:8px;font-size:12px}.sub-metric-value{font-size:.9rem;font-weight:600}.sub-metric-label{font-size:.8rem;color:var(--text-secondary);margin-left:4px}@keyframes pulse-glow{0%{box-shadow:0 0 #5e60ce66}70%{box-shadow:0 0 0 10px #5e60ce00}to{box-shadow:0 0 #5e60ce00}}.highlight-pulse{animation:pulse-glow 2s infinite}.user-actions{position:absolute;top:30px;right:100px;z-index:10;display:flex;align-items:center}.sign-out-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(to right,rgba(var(--background-secondary-rgb),.8),rgba(var(--background-secondary-rgb),.7));border:1px solid var(--border-color);border-radius:.75rem;color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 2px 6px #0000001a}.sign-out-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-color);border-color:var(--accent-primary);color:var(--accent-primary)}.sign-out-button:active{transform:translateY(0)}.sign-out-button svg{transition:transform .3s ease}.sign-out-button:hover svg{transform:translate(3px);stroke:var(--accent-primary)}.satisfaction-container.floating-card{overflow:hidden;position:relative;padding:0;display:flex}.satisfaction-container .coming-soon-container{width:100%;height:100%;display:flex;flex-direction:column}.satisfaction-container .coming-soon-blurred-content{width:100%;height:100%;filter:blur(3px)}.satisfaction-container .coming-soon-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293bd9,#111827f2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:absolute;top:0;left:0;right:0;bottom:0;z-index:10}.satisfaction-container .coming-soon-message,.satisfaction-container .coming-soon-date{color:#fffc!important}.satisfaction-chart-container{width:100%;height:100%}.dashboard-content-section{margin-left:280px;width:calc(100% - 280px);height:100vh;overflow-y:auto;position:relative;z-index:1;transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-content-section.sidebar-collapsed{margin-left:84px;width:calc(100% - 84px)}.dashboard-navigation.loading{width:250px;background-color:#fff;border-right:1px solid #e5e7eb;height:100vh;position:fixed;left:0;top:0;z-index:1000;display:flex;flex-direction:column;transition:width .3s ease}.dashboard-navigation.loading.collapsed{width:84px}.loading-placeholder{padding:1rem;height:100%}.loading-skeleton{width:100%;height:200px;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite;border-radius:8px}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}[data-theme=dark] .dashboard-navigation.loading{background-color:#1f2937;border-right-color:#374151}[data-theme=dark] .loading-skeleton{background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%}@media (max-width: 1024px){.dashboard-grid{margin-left:260px;width:calc(100% - 260px);padding:16px 20px 20px;gap:20px}.dashboard.sidebar-collapsed .dashboard-grid{margin-left:74px;width:calc(100% - 74px)}.dashboard-content-section{margin-left:260px;width:calc(100% - 260px)}.dashboard-content-section.sidebar-collapsed{margin-left:74px;width:calc(100% - 74px)}}@media (max-width: 768px){.dashboard-grid{margin-left:0;width:100%;padding:80px 16px 20px;gap:16px}.dashboard.sidebar-collapsed .dashboard-grid{margin-left:0;width:100%}.dashboard-content-section{margin-left:0;width:100%;padding-top:70px}.dashboard-content-section.sidebar-collapsed{margin-left:0;width:100%}.charts-container{flex-direction:column;gap:16px}.call-volume-container,.satisfaction-container{flex:1;height:300px}.user-actions{top:20px;right:20px}.sign-out-button{padding:.4rem .8rem;font-size:.8rem}}@media (max-width: 480px){.dashboard-grid{padding:70px 12px 16px;gap:12px}.dashboard-content-section{padding-top:60px}.charts-container{flex-direction:column;gap:12px}.call-volume-container,.satisfaction-container{height:250px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:16px}.dashboard-header-actions{width:100%;justify-content:flex-start}.user-actions{top:15px;right:15px}.sign-out-button{padding:.3rem .6rem;font-size:.75rem;gap:.25rem}.sign-out-button svg{width:16px;height:16px}}@media (max-width: 425px){.dashboard-grid{padding:60px 8px 12px;gap:8px}.dashboard-header{flex-direction:column;align-items:stretch;gap:8px;margin-bottom:12px}.dashboard-header-actions{width:100%;justify-content:center;margin-top:8px;padding:0 8px}.user-actions{top:10px;right:10px}.sign-out-button{padding:.25rem .5rem;font-size:.7rem;gap:.2rem}.sign-out-button svg{width:14px;height:14px}}.dashboard-navigation{width:280px;height:100vh;background:linear-gradient(180deg,rgba(var(--background-secondary-rgb),.95),rgba(var(--background-secondary-rgb),.85));border-right:1px solid rgba(var(--border-color-rgb),.08);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 30px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:visible}.dashboard-navigation.collapsed{width:84px}.toggle-button{position:absolute;top:24px;right:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(var(--background-primary-rgb),.5);border-radius:8px;box-shadow:0 2px 8px #00000014;z-index:20;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.06)}.toggle-button:hover{background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.8),rgba(var(--accent-secondary-rgb),.8));transform:scale(1.05);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.2)}.dashboard-logo{padding:24px 32px;height:auto;cursor:pointer;display:flex;align-items:center;border-bottom:1px solid rgba(var(--border-color-rgb),.08);margin-bottom:0;position:relative;min-height:90px;justify-content:flex-start}.dashboard-logo:after{content:"";position:absolute;bottom:-1px;left:20%;width:60%;height:2px;background:linear-gradient(90deg,transparent,rgba(var(--accent-primary-rgb),.6),transparent);opacity:.8}.logo-icon{font-size:32px;margin-right:16px;position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.logo-icon:before{content:"";position:absolute;width:46px;height:46px;background:radial-gradient(circle,rgba(var(--accent-primary-rgb),.6),rgba(var(--accent-secondary-rgb),.3));border-radius:50%;filter:blur(12px);z-index:-1;opacity:.6;top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 4s ease-in-out infinite}.dashboard-logo h2{margin:0;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.05)}.vodesk-logo{display:flex;align-items:center}.vodesk-logo-text{margin:0;font-size:1.6rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.5px;text-shadow:0 1px 1px rgba(0,0,0,.05)}.business-logo{width:50px;height:50px;margin-right:16px;border-radius:12px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#fff!important;border:2px solid rgba(var(--border-color-rgb),.3);box-shadow:0 4px 16px #00000026;flex-shrink:0}.business-logo img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.business-logo img:hover{transform:scale(1.05)}.business-logo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}.business-logo-fallback:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 20px #0003}.dashboard-logo:hover .business-name-text{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text}.business-logo-fallback{width:50px;height:50px;margin-right:16px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#fff!important;border:2px solid rgba(var(--border-color-rgb),.3);box-shadow:0 4px 16px #00000026;position:relative;overflow:hidden;flex-shrink:0}.business-logo-fallback:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:shine 3s ease-in-out infinite}.business-initial{font-size:20px;font-weight:900;color:var(--text-primary)!important;text-shadow:none;z-index:2;position:relative;line-height:1}.business-name-text{margin:0;font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--text-primary),var(--accent-primary));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.4px;text-shadow:0 1px 2px rgba(0,0,0,.08);max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2;flex:1}.dashboard-navigation.collapsed .dashboard-logo{justify-content:center;padding:24px 16px}.dashboard-navigation.collapsed .business-logo,.dashboard-navigation.collapsed .business-logo-fallback,.dashboard-navigation.collapsed .business-name-text{display:none}.nav-items{flex-grow:1;display:flex;flex-direction:column;padding:0 16px;overflow-y:auto;gap:6px}.nav-items::-webkit-scrollbar{width:4px}.nav-items::-webkit-scrollbar-track{background:transparent}.nav-items::-webkit-scrollbar-thumb{background:rgba(var(--border-color-rgb),.3);border-radius:10px}.nav-item{display:flex;align-items:center;padding:14px 16px;margin:2px 0;border-radius:12px;cursor:pointer;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.nav-item-content{display:flex;align-items:center;width:100%;position:relative;z-index:2}.nav-item:hover{background:rgba(var(--background-primary-rgb),.5);transform:translate(4px)}.nav-item.active{background:rgba(var(--accent-primary-rgb),.1);box-shadow:0 4px 16px rgba(var(--accent-primary-rgb),.15)}.nav-item.active:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:12px;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.12),rgba(var(--accent-secondary-rgb),.05));z-index:0}.nav-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;margin-right:16px;font-size:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);filter:saturate(.9)}.collapsed .nav-icon{margin-right:0}.nav-item.active .nav-icon{transform:scale(1.15);filter:saturate(1.2) drop-shadow(0 2px 4px rgba(var(--accent-primary-rgb),.3))}.nav-icon:before{content:"";position:absolute;width:100%;height:100%;background:radial-gradient(circle,rgba(var(--accent-primary-rgb),.6),rgba(var(--accent-secondary-rgb),.3));opacity:0;border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1);filter:blur(8px);transform:scale(.8)}.nav-item.active .nav-icon:before{opacity:.4;transform:scale(1.2)}.nav-label{font-size:.95rem;font-weight:600;color:var(--text-primary);letter-spacing:.2px;transition:all .2s ease}.nav-item.active .nav-label{color:var(--accent-primary);transform:translate(2px)}.active-indicator{position:absolute;right:0;top:50%;transform:translateY(-50%);width:4px;height:65%;background:linear-gradient(180deg,var(--accent-primary),var(--accent-secondary));border-radius:10px 0 0 10px;box-shadow:0 0 12px rgba(var(--accent-primary-rgb),.5)}.user-profile{padding:20px;display:flex;align-items:center;border-top:1px solid rgba(var(--border-color-rgb),.08);margin-top:auto;position:relative;background:linear-gradient(180deg,rgba(var(--background-secondary-rgb),.1),rgba(var(--background-secondary-rgb),.4));transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;z-index:100}.user-profile.collapsed{padding:20px 0;justify-content:center;overflow:visible}.user-profile:before{content:"";position:absolute;top:-1px;left:20%;width:60%;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-primary-rgb),.5),transparent);opacity:.6}.user-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;margin-right:14px;box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.2);position:relative;z-index:1;letter-spacing:.5px;border:2px solid rgba(255,255,255,.15);transition:all .2s ease}.user-profile.collapsed .user-avatar{margin-right:0;cursor:pointer;transform:scale(1.05)}.user-profile.collapsed:hover .user-avatar{transform:scale(1.15);box-shadow:0 6px 15px rgba(var(--accent-primary-rgb),.3)}.user-avatar:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#4caf50;bottom:-2px;right:-2px;border:2px solid rgba(var(--background-secondary-rgb),.9);box-shadow:0 0 6px #4caf50}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.4}to{transform:translate(-50%,-50%) scale(1);opacity:.6}}.user-info{display:flex;flex-direction:column;overflow:hidden}.user-name{font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.8rem;color:var(--text-secondary);opacity:.8;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:.3px;font-weight:500}.nav-item.disabled{opacity:.8;cursor:default;position:relative}.nav-item.disabled .nav-icon,.nav-item.disabled .nav-label{color:var(--text-tertiary, #6b7280)}.nav-label-container{display:flex;flex-direction:column;align-items:flex-start}.coming-soon-badge-mini{margin-top:4px;background:linear-gradient(135deg,#4338ca,#6366f1);border-radius:12px;padding:2px 6px;font-size:9px;font-weight:600;color:#fff;display:inline-flex;align-items:center;box-shadow:0 2px 6px #6366f14d;animation:pulse-mini 2s infinite;position:relative;overflow:hidden}.badge-content{display:flex;align-items:center;gap:3px;position:relative;z-index:1}.coming-soon-icon{font-size:10px}.coming-soon-badge-mini:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#fff3);transform:rotate(45deg);z-index:0;animation:shine-mini 3s infinite}.coming-soon-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:50%;background:#6366f1;box-shadow:0 0 5px #6366f1;animation:pulse-dot 2s infinite}.nav-item.disabled:hover{background:#ffffff0d}@keyframes pulse-mini{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 5px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes shine-mini{0%{left:-100%;opacity:0}20%{left:100%;opacity:.4}to{left:100%;opacity:0}}@keyframes pulse-dot{0%{transform:scale(.95);box-shadow:0 0 #6366f1b3}70%{transform:scale(1.05);box-shadow:0 0 0 5px #6366f100}to{transform:scale(.95);box-shadow:0 0 #6366f100}}[data-theme=dark] .coming-soon-badge-mini{background:linear-gradient(135deg,#6366f1,#4f46e5)}[data-theme=light] .coming-soon-badge-mini{background:linear-gradient(135deg,#4338ca,#6366f1);box-shadow:0 2px 6px #6366f166}[data-theme=light] .coming-soon-dot{background:#4338ca;box-shadow:0 0 5px #4338ca}.profile-dropdown{position:absolute;top:-110px;right:20px;width:200px;background:rgba(var(--background-secondary-rgb),.95);border-radius:12px;box-shadow:0 8px 24px #00000026;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(var(--border-color-rgb),.1);z-index:100;overflow:hidden;animation:dropdown-appear .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{display:flex;align-items:center;padding:14px 16px;transition:all .2s ease;cursor:pointer}.dropdown-item:hover{background:rgba(var(--accent-primary-rgb),.1)}.dropdown-item svg{margin-right:12px;font-size:18px;color:var(--accent-primary)}.dropdown-item span{font-size:.9rem;font-weight:500;color:var(--text-primary)}.dropdown-divider{height:1px;background:rgba(var(--border-color-rgb),.1);margin:4px 0}.user-profile.collapsed .profile-dropdown{left:84px;bottom:20px;top:auto;transform:none;position:fixed;z-index:100;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(var(--accent-primary-rgb),.3);animation:dropdown-appear-collapsed .25s cubic-bezier(.4,0,.2,1) forwards;width:220px;background:rgba(var(--background-secondary-rgb),.98)}@keyframes dropdown-appear-collapsed{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .profile-dropdown{background:rgba(var(--background-secondary-rgb),.96);box-shadow:0 8px 24px #00000040}[data-theme=light] .profile-dropdown{background:rgba(var(--background-secondary-rgb),.97);box-shadow:0 8px 24px #0000001a}@keyframes shine{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}to{transform:translate(-100%) translateY(-100%) rotate(45deg)}}.logo-loading{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:rgba(var(--background-primary-rgb),.8);border-radius:12px}.business-logo-loading{width:50px;height:50px;margin-right:16px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-secondary-rgb),.05));border:2px solid rgba(var(--accent-primary-rgb),.2);box-shadow:0 4px 16px rgba(var(--accent-primary-rgb),.1);flex-shrink:0;position:relative}.business-logo-loading:before{content:"";position:absolute;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(var(--accent-primary-rgb),.1),transparent);transform:rotate(45deg);animation:shine 2s ease-in-out infinite}.loading-spinner{width:20px;height:20px;border:2px solid rgba(var(--accent-primary-rgb),.3);border-top:2px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:9;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.visible{opacity:1;visibility:visible}.mobile-menu-button{display:none;position:fixed;top:20px;left:20px;z-index:12;width:44px;height:44px;background:rgba(var(--background-secondary-rgb),.95);border:1px solid rgba(var(--border-color-rgb),.3);border-radius:12px;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease;color:var(--text-primary)}.mobile-menu-button:hover{background:rgba(var(--accent-primary-rgb),.9);border-color:rgba(var(--accent-primary-rgb),.5);transform:scale(1.05);box-shadow:0 6px 16px rgba(var(--accent-primary-rgb),.3);color:#fff}.mobile-menu-button:active{transform:scale(.95)}.mobile-menu-button svg{font-size:20px;transition:all .3s ease;color:inherit}.mobile-menu-button.active{background:rgba(var(--accent-secondary-rgb),.9);border-color:rgba(var(--accent-secondary-rgb),.3);color:#fff}.mobile-menu-button.active:hover{background:rgba(var(--accent-secondary-rgb),1);border-color:rgba(var(--accent-secondary-rgb),.5);box-shadow:0 6px 16px rgba(var(--accent-secondary-rgb),.3)}.mobile-menu-button.active svg{transform:rotate(90deg)}[data-theme=light] .mobile-menu-button{background:#fffffff2;border-color:#0000001a;color:#2d3748}[data-theme=light] .mobile-menu-button:hover{background:rgba(var(--accent-primary-rgb),.9);color:#fff}[data-theme=light] .mobile-menu-button.active{background:rgba(var(--accent-secondary-rgb),.9);color:#fff}[data-theme=dark] .mobile-menu-button{background:#1e293bf2;border-color:#ffffff1a;color:#f8f8f2}[data-theme=dark] .mobile-menu-button:hover{background:rgba(var(--accent-primary-rgb),.9);color:#fff}[data-theme=dark] .mobile-menu-button.active{background:rgba(var(--accent-secondary-rgb),.9);color:#fff}@media (max-width: 1024px){.dashboard-navigation{width:260px}.dashboard-navigation.collapsed{width:74px}}@media (max-width: 768px){.mobile-menu-button{display:flex}.dashboard-navigation{transform:translate(-100%);width:280px;z-index:11}.dashboard-navigation.mobile-open{transform:translate(0)}.dashboard-navigation.collapsed{width:280px;transform:translate(-100%)}.dashboard-navigation.collapsed.mobile-open{transform:translate(0)}.toggle-button{display:none}.dashboard-logo{padding:20px 24px;min-height:80px}.logo-icon{font-size:28px;margin-right:12px}.vodesk-logo-text{font-size:1.4rem}}@media (max-width: 480px){.dashboard-navigation,.dashboard-navigation.collapsed{width:100vw}.mobile-menu-button{width:40px;height:40px;top:15px;left:15px}.mobile-menu-button svg{font-size:18px}.dashboard-logo{padding:16px 20px;min-height:70px}.logo-icon{font-size:24px;margin-right:10px}.vodesk-logo-text{font-size:1.2rem}.nav-item{padding:12px 20px;margin:0 16px 8px}.nav-icon{font-size:20px}.nav-label{font-size:.9rem}}.welcome-header{padding-bottom:1.5rem;position:relative}.welcome-header h1{font-size:2.2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);position:relative;display:inline-block}.welcome-header h1:before{content:"";position:absolute;width:40px;height:40px;background:var(--accent-primary);border-radius:50%;top:-10px;left:-15px;opacity:.1;filter:blur(10px);z-index:-1}.user-name{background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;position:relative}.user-name:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:var(--accent-gradient);opacity:.7}.welcome-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-top:.5rem;animation:fadeIn 1s ease-in-out}@media (max-width: 768px){.welcome-header h1{font-size:1.8rem}.welcome-subtitle{font-size:1rem}}@media (max-width: 480px){.welcome-header{padding-bottom:1rem}.welcome-header h1{font-size:1.6rem;line-height:1.2}.welcome-subtitle{font-size:.9rem;margin-top:.3rem}}@media (max-width: 425px){.welcome-header{padding-bottom:.8rem;text-align:center}.welcome-header h1{font-size:1.4rem;line-height:1.3;margin-bottom:.3rem}.welcome-header h1:before{display:none}.welcome-subtitle{font-size:.85rem;margin-top:.2rem;line-height:1.4}}.modern-metric-card{padding:1rem;height:100%;display:flex;flex-direction:column;position:relative;overflow:hidden;min-height:140px;z-index:2}.modern-metric-card.clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.metric-content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column}.metric-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.metric-header h3{font-size:.75rem;font-weight:500;color:var(--text-secondary);margin:0;letter-spacing:.5px;text-transform:uppercase}.metric-icon-container{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--stat-bg);color:var(--accent-secondary);font-size:14px}.metric-value-wrapper{margin-bottom:.5rem;flex-grow:1;display:flex;flex-direction:column;justify-content:center}.metric-subtitle{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem}.metric-value-large{font-size:1.75rem;font-weight:600;color:var(--text-primary);line-height:1.1}.trend-indicator{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;margin-right:6px}.trend-indicator.positive{background:#4caf5026;color:var(--success-color)}.trend-indicator.negative{background:#f4433626;color:var(--error-color)}.sub-metric{display:flex;align-items:center;font-size:.75rem;margin-top:auto}.sub-metric-value{font-weight:600;margin-right:4px}.sub-metric-label{color:var(--text-secondary);font-size:.7rem}.metric-value-container{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}.metric-value-container .metric-value-large{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:1.2rem}.copy-button{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-secondary);min-width:30px;height:30px;flex-shrink:0;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.copy-button:hover{background:var(--bg-hover);color:var(--text-primary)}.copy-button:active{transform:scale(.95)}@media (max-width: 1400px){.modern-metric-card{padding:.75rem;min-height:120px}.metric-header h3{font-size:.7rem}.metric-value-large{font-size:1.5rem}.metric-icon-container{width:24px;height:24px}.metric-value-container .metric-value-large{font-size:1rem}}.metric-decoration{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;opacity:.8}.decoration-circle{position:absolute;border-radius:50%;background:var(--accent-gradient);opacity:.05}.circle-1{width:100px;height:100px;top:-50px;right:-50px}.circle-2{width:70px;height:70px;bottom:-35px;left:-35px}.decoration-line{position:absolute;width:150%;height:1px;background:var(--accent-gradient);opacity:.1;bottom:30px;left:-25%;transform:rotate(-15deg)}.modern-metric-card:hover .decoration-circle{animation:pulse-slow 3s infinite alternate}@keyframes pulse-slow{0%{transform:scale(1);opacity:.05}to{transform:scale(1.1);opacity:.08}}@media (max-width: 768px){.modern-metric-card{min-height:auto;padding:1.25rem}.metric-value-large{font-size:2.5rem}}.call-volume-chart-container{max-height:500px;width:100%;height:100%;padding:20px;position:relative;background:transparent;border-radius:8px;box-shadow:none;overflow:hidden;display:flex;flex-direction:column;transition:all .3s ease}.call-volume-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.call-volume-header .chart-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color-primary, #1f2937);font-family:Inter,system-ui,sans-serif}[data-theme=dark] .call-volume-header .chart-title{color:var(--text-color-primary-dark, rgba(255, 255, 255, .9))}[data-theme=light] .call-volume-chart-container{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.1)}[data-theme=dark] .call-volume-chart-container{background:linear-gradient(135deg,#111827cc,#1f293799);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(100,223,223,.1)}.call-volume-chart-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.05) 0%,transparent 50%);border-radius:inherit;z-index:1;opacity:0}[data-theme=dark] .call-volume-chart-container:before{background:radial-gradient(circle at 20% 80%,rgba(100,223,223,.05) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(6,182,212,.05) 0%,transparent 50%)}.chart-wrapper{width:100%;height:100%;position:relative;z-index:2;display:block;margin-bottom:0;border-radius:12px;overflow:hidden}.call-volume-chart-container canvas{width:100%!important;height:100%!important;border-radius:12px}.chart-loading,.chart-error{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;width:100%;font-size:16px;color:var(--text-color);opacity:.8;z-index:3;position:relative}.chart-loading{background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%)}[data-theme=dark] .chart-loading{background:radial-gradient(circle,rgba(100,223,223,.05) 0%,transparent 70%)}.chart-loading:before{content:"📊";font-size:3rem;margin-bottom:1rem;animation:pulse 2s infinite}.chart-error{color:var(--error-color, #ef4444);background:radial-gradient(circle,rgba(239,68,68,.05) 0%,transparent 70%)}.chart-error:before{content:"⚠️";font-size:3rem;margin-bottom:1rem}.chart-no-data{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:250px;padding:30px;text-align:center;z-index:3;position:relative}.chart-no-data .no-data-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);margin-bottom:20px;color:#6366f1cc;border:2px solid rgba(99,102,241,.1);transition:all .3s ease;animation:float 3s ease-in-out infinite}.chart-no-data .no-data-icon:hover{transform:scale(1.1);box-shadow:0 8px 25px #6366f133}html[data-theme=dark] .chart-no-data .no-data-icon{background:linear-gradient(135deg,#64dfdf1a,#06b6d40d);color:#64dfdfcc;border-color:#64dfdf1a}html[data-theme=dark] .chart-no-data .no-data-icon:hover{box-shadow:0 8px 25px #64dfdf33}.chart-no-data h3{font-size:1.4rem;font-weight:600;margin:0 0 12px;color:var(--text-color-primary, #1f2937);background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}html[data-theme=dark] .chart-no-data h3{background:linear-gradient(135deg,#64dfdf,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chart-no-data p{margin:0 0 8px;color:var(--text-color-secondary, #4b5563);max-width:320px;line-height:1.5;font-size:1rem}html[data-theme=dark] .chart-no-data p{color:var(--text-color-secondary-dark, rgba(255, 255, 255, .7))}.chart-no-data .no-data-hint{font-size:.9rem;font-style:italic;color:var(--text-color-tertiary, #6b7280);margin-top:16px;padding:8px 16px;background:#6366f10d;border-radius:20px;border:1px solid rgba(99,102,241,.1)}html[data-theme=dark] .chart-no-data .no-data-hint{color:var(--text-color-tertiary-dark, rgba(255, 255, 255, .6));background:#64dfdf0d;border-color:#64dfdf1a}.chart-loading:after{content:"Loading chart data";animation:loading-pulse 2s infinite;display:inline-block;text-align:center;font-weight:500}@keyframes loading-pulse{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.satisfaction-chart-container{padding:20px;height:100%;display:flex;flex-direction:column;background:transparent;border-radius:12px;box-shadow:none;position:relative;overflow:visible;background-color:#1e293bb3}.minimal-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:15px}.spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.1);border-radius:50%;border-top-color:#6366f1;animation:spin 1s linear infinite}.loader-text{font-size:14px;font-weight:500;color:#fff;opacity:.8}[data-theme=light] .spinner{border-color:#4f46e51a;border-top-color:#4f46e5}[data-theme=light] .loader-text{color:#4f46e5}.error-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#ef4444;max-width:80%}.error-icon{font-size:32px;margin-bottom:4px}.error-message button{margin-top:8px;padding:6px 16px;background-color:#6366f1;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .2s}.error-message button:hover{background-color:#4f46e5}[data-theme=light] .error-message{color:#dc2626}[data-theme=light] .satisfaction-chart-container{background:transparent;box-shadow:none;border:none}.satisfaction-chart-container:before{display:none}[data-theme=light] .satisfaction-chart-container:before{display:none}.chart-title{font-size:1.25rem;font-weight:600;margin-bottom:0;color:#fff;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between}[data-theme=light] .chart-title{color:#1f2937;font-weight:700;text-shadow:none;background:linear-gradient(90deg,#4f46e5,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.satisfaction-content{display:flex;flex:1;height:calc(100% - 36px);position:relative;z-index:1}.canvas-container{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative;min-width:0;height:100%;border-radius:8px}.satisfaction-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.satisfaction-content-new{display:flex;flex-direction:column;height:calc(100% - 80px);min-height:340px}.canvas-container-new{flex:1;display:flex;align-items:center;justify-content:center;min-height:240px;margin-bottom:20px}.satisfaction-legend-new{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:16px;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.15);margin-top:auto;min-height:60px;flex-shrink:0;transform:translateY(-30px)}[data-theme=light] .satisfaction-legend-new{background:#6366f10d;border-color:#6366f11a}.legend-item-new{display:flex!important;align-items:center;gap:6px;font-size:12px;padding:6px 10px;border-radius:6px;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);visibility:visible!important;opacity:1!important}.legend-item-new:hover{background:#ffffff1a;transform:translateY(-1px)}[data-theme=light] .legend-item-new{background:#fff9}[data-theme=light] .legend-item-new:hover{background:#fffc}.legend-color-new{width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.2)}.legend-label-new{color:#fffffff2!important;font-weight:500;white-space:nowrap;font-size:11px}[data-theme=light] .legend-label-new{color:#374151!important}.legend-percent-new{font-weight:600;color:#fff!important;margin-left:4px;font-size:11px;background:#ffffff1a;padding:2px 6px;border-radius:4px}[data-theme=light] .legend-percent-new{color:#1f2937!important;background:#6366f11a}.response-stats-new{font-size:12px;color:#ffffffb3;display:flex;align-items:center;gap:6px;background:#ffffff0d;padding:4px 8px;border-radius:6px;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .response-stats-new{color:#6b7280;background:#6366f10d;border-color:#6366f11a}.response-dot-new{width:6px;height:6px;border-radius:50%;background-color:#10b981;flex-shrink:0}@media (max-width: 768px){.satisfaction-content{flex-direction:column;gap:16px}.satisfaction-legend{position:relative;transform:none;right:auto;top:auto;grid-template-columns:repeat(3,1fr);width:100%;margin-right:0;margin-top:15px}.legend-item{padding:4px}.score-badge{bottom:auto;top:15px}}.responsive-time-selector{display:flex;justify-content:center;align-items:center;width:100%;max-width:400px;margin:0 auto}.time-selector-container{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:rgba(var(--background-secondary-rgb),.8);padding:4px;border-radius:12px;border:1px solid rgba(var(--border-color-rgb),.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px #0000001a;overflow:hidden;width:100%;min-height:44px}[data-theme=light] .time-selector-container{background:#ffffffe6;border-color:#4f46e526;box-shadow:0 2px 12px #4f46e51a}.time-period-btn{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);min-height:36px;z-index:2}[data-theme=light] .time-period-btn{color:#6b7280}.time-period-btn:hover{color:var(--text-primary);background:rgba(var(--accent-primary-rgb),.1)}[data-theme=light] .time-period-btn:hover{color:#374151;background:#4f46e50d}.time-period-btn.active{color:#fff;font-weight:600;background:var(--accent-primary);box-shadow:0 2px 8px rgba(var(--accent-primary-rgb),.3)}[data-theme=light] .time-period-btn.active{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 2px 8px #4f46e540}.period-full{display:block}.period-short{display:none}.active-indicator{position:absolute;top:4px;left:4px;width:calc(25% - 1px);height:calc(100% - 8px);background:var(--accent-primary);border-radius:8px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;opacity:0}[data-theme=light] .active-indicator{background:linear-gradient(135deg,#4f46e5,#7c3aed)}@media (max-width: 768px){.responsive-time-selector{max-width:350px}.time-period-btn{padding:6px 8px;font-size:.85rem;min-height:32px}.time-selector-container{min-height:40px}}@media (max-width: 480px){.responsive-time-selector{max-width:300px}.time-selector-container{gap:1px;padding:3px;min-height:36px}.time-period-btn{padding:4px 6px;font-size:.8rem;min-height:30px}.period-full{display:none}.period-short{display:block;font-size:.85rem;font-weight:600}}@media (max-width: 425px){.responsive-time-selector{max-width:260px}.time-selector-container{gap:.5px;padding:2px;min-height:32px;border-radius:10px}.time-period-btn{padding:3px 4px;font-size:.75rem;min-height:28px;border-radius:6px}.period-short{font-size:.8rem;font-weight:700}}@media (max-width: 375px){.responsive-time-selector{max-width:240px}.time-selector-container{min-height:30px}.time-period-btn{padding:2px 3px;font-size:.7rem;min-height:26px}.period-short{font-size:.75rem}}.time-period-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.3)}.time-period-btn:focus:not(:focus-visible){box-shadow:none}@media (prefers-reduced-motion: reduce){.time-period-btn,.active-indicator{transition:none}}.responsive-status-banner{width:100%;max-width:400px;margin:0 auto 16px;animation:slideInFromTop .6s cubic-bezier(.4,0,.2,1)}.status-banner-container{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(var(--background-secondary-rgb),.8);border:1px solid rgba(var(--border-color-rgb),.15);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 16px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}[data-theme=light] .status-banner-container{background:#ffffffe6;border-color:#00000014;box-shadow:0 4px 16px #0000000f}.status-success .status-banner-container{border-left:4px solid #10b981;background:#10b9810d}.status-error .status-banner-container{border-left:4px solid #ef4444;background:#ef44440d}.status-loading .status-banner-container{border-left:4px solid #6366f1;background:#6366f10d}[data-theme=light] .status-success .status-banner-container{background:#10b98114}[data-theme=light] .status-error .status-banner-container{background:#ef444414}[data-theme=light] .status-loading .status-banner-container{background:#6366f114}.status-indicator{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0}.status-icon-wrapper{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;transition:all .3s ease}.status-success .status-icon-wrapper{background:#10b98126;color:#10b981}.status-error .status-icon-wrapper{background:#ef444426;color:#ef4444}.status-loading .status-icon-wrapper{background:#6366f126;color:#6366f1}[data-theme=light] .status-success .status-icon-wrapper{background:#10b98133;color:#059669}[data-theme=light] .status-error .status-icon-wrapper{background:#ef444433;color:#dc2626}[data-theme=light] .status-loading .status-icon-wrapper{background:#6366f133;color:#4f46e5}.status-pulse{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;opacity:0;z-index:1}.status-loading .status-pulse{background:#6366f14d;animation:pulse 2s ease-in-out infinite}.status-success .status-pulse{background:#10b9814d;animation:pulseOnce .8s ease-out}.status-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.status-text{font-size:.9rem;font-weight:500;color:var(--text-primary);line-height:1.3;word-wrap:break-word}.status-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.7}.status-success .status-label{color:#10b981}.status-error .status-label{color:#ef4444}.status-loading .status-label{color:#6366f1}[data-theme=light] .status-success .status-label{color:#059669}[data-theme=light] .status-error .status-label{color:#dc2626}[data-theme=light] .status-loading .status-label{color:#4f46e5}.status-badge{display:flex;align-items:center;justify-content:center;flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;transition:all .3s ease}.status-dot-success{background:#10b981;box-shadow:0 0 8px #10b98166}.status-dot-error{background:#ef4444;box-shadow:0 0 8px #ef444466}.status-dot-loading{background:#6366f1;box-shadow:0 0 8px #6366f166;animation:pulse 1.5s ease-in-out infinite}.status-loading-icon{animation:rotate 2s linear infinite}.status-success-icon{animation:checkmarkDraw .6s ease-out}.status-error-icon{animation:shake .5s ease-out}.status-banner-container:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}[data-theme=light] .status-banner-container:hover{box-shadow:0 6px 20px #00000014}@media (max-width: 768px){.responsive-status-banner{max-width:350px;margin-bottom:12px}.status-banner-container{padding:10px 14px;gap:10px}.status-indicator{width:32px;height:32px}.status-icon-wrapper{width:28px;height:28px}.status-icon-wrapper svg{width:16px;height:16px}.status-text{font-size:.85rem}.status-label{font-size:.7rem}}@media (max-width: 480px){.responsive-status-banner{max-width:320px;margin-bottom:10px}.status-banner-container{padding:8px 12px;gap:8px;border-radius:10px}.status-indicator{width:28px;height:28px}.status-icon-wrapper{width:24px;height:24px}.status-icon-wrapper svg{width:14px;height:14px}.status-text{font-size:.8rem}.status-label{font-size:.65rem}.status-dot{width:6px;height:6px}}@media (max-width: 425px){.responsive-status-banner{max-width:300px}.status-banner-container{padding:6px 10px;gap:6px}.status-content{gap:1px}.status-text{font-size:.75rem;line-height:1.2}.status-label{display:none}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.3;transform:scale(1.2)}}@keyframes pulseOnce{0%{opacity:0;transform:scale(1)}50%{opacity:.4;transform:scale(1.3)}to{opacity:0;transform:scale(1.5)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes checkmarkDraw{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@media (prefers-reduced-motion: reduce){.responsive-status-banner,.status-banner-container,.status-icon-wrapper,.status-dot,.status-loading-icon,.status-success-icon,.status-error-icon{animation:none;transition:none}.status-banner-container:hover{transform:none}}.recent-calls-container{background:rgba(var(--background-secondary-rgb),.7);border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:1.5rem;position:relative;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;transition:all .3s ease;height:100%;display:grid;grid-template-columns:1fr 200px;grid-template-rows:auto 1fr;gap:1.5rem}.recent-calls-container:hover{transform:translateY(-5px);box-shadow:0 12px 40px #0003}.recent-calls-header{grid-column:span 2;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.recent-calls-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0;position:relative;padding-left:1.5rem}.recent-calls-title:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:.8rem;height:.8rem;background:var(--accent-gradient);border-radius:50%}.recent-calls-view-all{background:transparent;border:none;color:var(--accent-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;padding:.4rem .8rem;border-radius:6px}.recent-calls-view-all:hover{background:rgba(var(--accent-secondary-rgb),.1);transform:translate(2px)}.recent-calls-list{grid-column:1;overflow-y:auto;display:flex;flex-direction:column;gap:.8rem;padding-right:1rem}.recent-calls-list::-webkit-scrollbar{width:4px}.recent-calls-list::-webkit-scrollbar-track{background:transparent}.recent-calls-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}.call-card{display:flex;align-items:center;padding:.8rem;background:rgba(var(--background-primary-rgb),.6);border-radius:10px;transition:all .2s ease;border:1px solid var(--border-color);gap:1rem}.call-card:hover{transform:translate(5px);background:rgba(var(--background-primary-rgb),.8);border-color:var(--accent-secondary)}.call-status-indicator{flex-shrink:0;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(var(--background-secondary-rgb),.8)}.call-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.call-icon.incoming{color:#10b981}.call-icon.outgoing{color:#3b82f6}.call-icon.missed{color:#ef4444}.call-info{flex:1;min-width:0}.call-number{font-weight:600;color:var(--text-primary);font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-details{display:flex;gap:1rem;font-size:.8rem;color:var(--text-secondary);margin-top:.3rem}.call-date,.call-duration{display:flex;align-items:center}.call-actions{display:flex;gap:.5rem;margin-left:auto}.call-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;border-radius:50%;padding:0}.call-action-btn:hover{background:rgba(var(--background-secondary-rgb),.8);color:var(--accent-secondary);transform:scale(1.1)}.call-action-btn svg{stroke:currentColor;stroke-width:2;fill:none}.recent-calls-animation{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:center}.phone-animation{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center}.phone-icon{width:40px;height:40px;stroke:var(--accent-secondary);stroke-width:2;fill:none;z-index:1;position:relative}.phone-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border-radius:50%;border:2px solid var(--accent-secondary);opacity:0;animation:ring-expand 3s infinite}.phone-ring:nth-child(2){animation-delay:.5s}.phone-ring:nth-child(3){animation-delay:1s}@keyframes ring-expand{0%{width:50px;height:50px;opacity:.8}to{width:120px;height:120px;opacity:0}}@media (max-width: 1200px){.recent-calls-container{grid-template-columns:1fr}.recent-calls-header{grid-column:span 1}.recent-calls-animation{display:none}}.loading-message{padding:2rem;text-align:center;color:#6b7280;font-size:.95rem;width:100%}.audio-player-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fadeIn .3s ease-out}.audio-player-modal{width:450px;max-width:90%;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0000001a;padding:20px;color:#333;position:relative;overflow:hidden;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1);border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .audio-player-modal{background:#1f2937;color:#f3f4f6;border:1px solid rgba(255,255,255,.05);box-shadow:0 8px 24px #0000004d}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.close-modal-btn{position:absolute;top:10px;right:10px;background:#0000000d;border:none;color:#666;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s;z-index:10}[data-theme=dark] .close-modal-btn{background:#ffffff1a;color:#aaa}.close-modal-btn:hover{background:#0000001a;transform:rotate(90deg)}[data-theme=dark] .close-modal-btn:hover{background:#fff3}.call-info-header{display:flex;align-items:center;margin-bottom:16px;padding-right:20px}.call-person-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#fff;margin-right:12px;box-shadow:0 2px 6px #4f46e533}.call-details h3{margin:0 0 4px;font-size:16px;font-weight:600;color:#333}[data-theme=dark] .call-details h3{color:#f3f4f6}.call-timestamp{font-size:12px;color:#666}[data-theme=dark] .call-timestamp{color:#aaa}.audio-player-container{background:#f8f9fc;border-radius:10px;padding:16px;position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}[data-theme=dark] .audio-player-container{background:#111827;border:1px solid rgba(255,255,255,.05)}.audio-player-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.05),transparent)}[data-theme=dark] .audio-player-container:before{background:linear-gradient(to right,transparent,rgba(255,255,255,.05),transparent)}.player-controls{display:flex;align-items:center;margin-bottom:16px}.play-pause-btn{width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px #4f46e54d;margin-right:12px;transition:all .3s;outline:none}.play-pause-btn:hover{transform:scale(1.05);box-shadow:0 3px 10px #4f46e566}.play-pause-btn svg{fill:#fff;transition:transform .3s}.play-pause-btn.is-playing svg{transform:scale(.8)}.time-display{font-family:monospace;font-size:14px;color:#555}[data-theme=dark] .time-display{color:#d1d5db}.current-time{min-width:40px}.total-time{color:#777;font-size:13px;margin-left:4px}[data-theme=dark] .total-time{color:#9ca3af}.waveform-container{height:70px;display:flex;align-items:center;gap:2px;cursor:pointer;margin-bottom:6px;position:relative;background:#00000005;border-radius:8px;padding:0 4px}[data-theme=dark] .waveform-container{background:#ffffff08}.waveform-bar{flex:1;height:80%;background:#0003;border-radius:2px;transition:background-color .2s,transform .1s;transform-origin:bottom;min-height:3px;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .waveform-bar{background:#ffffff26;box-shadow:0 1px 2px #0000001a}.waveform-bar.active{background:linear-gradient(to top,#6366f1,#818cf8);box-shadow:0 0 6px #6366f166;animation:pulseBar 1s infinite alternate}[data-theme=dark] .waveform-bar.active{background:linear-gradient(to top,#818cf8,#a5b4fc);box-shadow:0 0 8px #6366f199}.progress-indicator{position:absolute;top:0;bottom:0;width:2px;background-color:#4f46e5;box-shadow:0 0 8px #4f46e599;pointer-events:none;transition:left .1s ease}[data-theme=dark] .progress-indicator{background-color:#818cf8;box-shadow:0 0 10px #818cf8cc}@keyframes pulseBar{0%{transform:scaleY(1)}to{transform:scaleY(1.1)}}.waveform-container:hover .waveform-bar{transform:scaleY(1.05)}.waveform-container:active .waveform-bar.active{background:linear-gradient(to top,#4f46e5,#6366f1)}[data-theme=dark] .waveform-container:active .waveform-bar.active{background:linear-gradient(to top,#6366f1,#818cf8)}.audio-controls-footer{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.download-btn{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#4f46e5;border-radius:6px;padding:6px 12px;display:flex;align-items:center;gap:6px;font-size:12px;cursor:pointer;transition:all .2s}[data-theme=dark] .download-btn{background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.download-btn:hover{background:#6366f126}[data-theme=dark] .download-btn:hover{background:#6366f14d}.download-btn svg{stroke:currentColor;stroke-width:2;fill:none}.call-id{font-size:11px;color:#888;font-family:monospace}[data-theme=dark] .call-id{color:#9ca3af}.audio-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;color:#666;gap:12px}[data-theme=dark] .audio-loading{color:#d1d5db}.audio-loading-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}[data-theme=dark] .audio-loading-spinner{border:3px solid rgba(99,102,241,.2);border-top-color:#818cf8}.audio-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:120px;color:#666;gap:12px;text-align:center}[data-theme=dark] .audio-error{color:#d1d5db}.error-icon{font-size:20px}.retry-button{background:#6366f11a;border:1px solid rgba(99,102,241,.2);color:#4f46e5;border-radius:6px;padding:6px 14px;margin-top:6px;cursor:pointer;transition:all .2s;font-size:12px}[data-theme=dark] .retry-button{background:#6366f133;border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.retry-button:hover{background:#6366f126}[data-theme=dark] .retry-button:hover{background:#6366f14d}[data-theme=light] .waveform-bar{background:#0003}[data-theme=light] .waveform-bar.active{background:linear-gradient(to top,#4f46e5,#6366f1);box-shadow:0 0 8px #4f46e566}.recordings-container{display:flex;flex-direction:column;gap:.75rem}.recording-item{display:flex;background:#ffffff0d;border-radius:12px;padding:16px;transition:all .3s ease;border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}.recording-item:hover{background:#ffffff14}.recording-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.recording-item:first-child:before{background:#6c5ce7}.transcript-item:before{background:#00b894}.recording-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin-right:16px;background:#ffffff0d;border-radius:10px}.recording-info{flex:1;display:flex;flex-direction:column;gap:8px}.recording-title{font-weight:600;font-size:16px;color:#f3f4f6}.recording-meta{font-size:13px;color:#9ca3af}.waveform-preview{display:flex;align-items:flex-end;height:25px;gap:2px;margin:8px 0}.transcript-preview{background:#00b8941a;border-left:3px solid #00b894;padding:8px 12px;margin:8px 0;border-radius:0 6px 6px 0}.transcript-preview p{font-size:13px;font-style:italic;color:#e2e8f0;margin:0}.recording-divider{padding:5px 0}.divider-line{height:1px;background:linear-gradient(90deg,#fff0,#ffffff1a 50%,#fff0)}.recording-actions{display:flex;align-items:center;gap:10px;margin-top:8px;flex-wrap:nowrap}.playback-time{flex-shrink:0;white-space:nowrap;font-size:13px;color:#a0a0a0;min-width:fit-content}.recording-actions button{display:flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:6px;border:none;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;background:#ffffff1a;color:#fff;gap:6px;white-space:nowrap}.recording-actions button svg{flex-shrink:0;margin:0!important;width:1em;height:1em}.download-btn{display:flex!important;align-items:center!important;gap:6px!important;font-family:inherit!important;line-height:1.2!important;width:100px!important}.download-btn svg{margin:0!important;flex-shrink:0!important;display:inline-block!important;vertical-align:middle!important}motion-button.download-btn,[data-framer-component-type=motion-button].download-btn{display:flex!important;align-items:center!important;gap:6px!important}.recording-actions>.download-btn,.recording-actions>motion-button.download-btn{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:6px!important;text-align:left!important}.recording-actions .play-btn{background:#6c5ce733;color:#fff}.recording-actions .view-btn{background:#00b89433;color:#fff}.recording-actions .download-btn{background:#ffffff14;color:#e2e8f0;display:flex!important;align-items:center!important;gap:6px!important;justify-content:center!important;text-align:center;line-height:1}.recording-actions .download-btn svg{flex-shrink:0!important;stroke:currentColor;fill:currentColor;margin:0!important;width:1em;height:1em}.recording-actions .download-btn:hover{background:#ffffff1f;transform:translateY(-1px)}.intent-info{display:flex;align-items:center;gap:.5rem}.intent-badge{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;background-color:#8b5cf626;color:#8b5cf6;border:1px solid rgba(139,92,246,.2);white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.tone-info{display:flex;align-items:center;gap:.5rem}.tone-badge{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;background-color:#0ea5e926;color:#0ea5e9;border:1px solid rgba(14,165,233,.2);white-space:nowrap;max-width:120px;overflow:hidden;text-overflow:ellipsis}[data-theme=light] .intent-badge{background-color:#8b5cf61a;color:#7c3aed;border:1px solid rgba(139,92,246,.15)}[data-theme=light] .tone-badge{background-color:#0ea5e91a;color:#0284c7;border:1px solid rgba(14,165,233,.15)}.call-filters-container{display:flex;flex-direction:column}.advanced-filters{position:relative;padding-bottom:.5rem}.filter-chips{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;min-height:36px}.filter-chip{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;background-color:#6366f126;color:#6366f1;border:1px solid rgba(99,102,241,.2);animation:fadeSlideIn .3s ease-out}.filter-chip button{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:inherit;cursor:pointer;padding:0;margin-left:.25rem;transition:transform .2s ease}.filter-chip button:hover{transform:scale(1.2)}.source-chip{background-color:#14b8a626;color:#14b8a6;border-color:#14b8a633}.sentiment-chip{background-color:#ef444426;color:#ef4444;border-color:#ef444433}.tone-chip{background-color:#0ea5e926;color:#0ea5e9;border-color:#0ea5e933}.intent-chip{background-color:#8b5cf626;color:#8b5cf6;border-color:#8b5cf633}.filter-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.filter-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.filter-button:hover{background:#ffffff14;color:var(--text-primary)}.filter-button.active{background:#6366f126;border-color:#6366f14d;color:#6366f1;box-shadow:0 2px 8px #6366f133}.filter-dropdown{position:absolute;top:100%;left:0;width:100%;background:#1e202ffa;border:1px solid rgba(255,255,255,.1);border-radius:8px;box-shadow:0 8px 16px #0003;padding:1rem;z-index:10;margin-top:.5rem;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-options{display:flex;flex-wrap:wrap;gap:.75rem}.filter-options button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:var(--text-secondary);font-weight:400;cursor:pointer;transition:all .2s ease}.filter-options button:hover{background:#ffffff14;color:var(--text-primary);transform:translateY(-2px)}.filter-options button.selected{background:#6366f126;border-color:#6366f14d;color:#6366f1;font-weight:500}.source-options button.selected{background:#14b8a626;border-color:#14b8a64d;color:#14b8a6}.sentiment-options button.selected{background:#ef444426;border-color:#ef44444d;color:#ef4444}.tone-options button.selected{background:#0ea5e926;border-color:#0ea5e94d;color:#0ea5e9}.intent-options button.selected{background:#8b5cf626;border-color:#8b5cf64d;color:#8b5cf6}.sentiment-dot{width:10px;height:10px;border-radius:50%}.sentiment-dot.positive{background-color:#10b981;box-shadow:0 0 5px #10b98180}.sentiment-dot.neutral{background-color:#6366f1;box-shadow:0 0 5px #6366f180}.sentiment-dot.negative{background-color:#ef4444;box-shadow:0 0 5px #ef444480}[data-theme=light] .filter-button{background:#f0f0fab3;border:1px solid rgba(99,102,241,.15);color:#6b7280}[data-theme=light] .filter-button:hover{background:#f0f0fae6;color:#4b5563}[data-theme=light] .filter-button.active{background:#6366f11a;border-color:#6366f133;color:#4f46e5}[data-theme=light] .filter-dropdown{background:#fffffffa;border:1px solid rgba(99,102,241,.15);box-shadow:0 8px 16px #6366f11a}[data-theme=light] .filter-options button{background:#fff;border:1px solid rgba(99,102,241,.1);color:#6b7280}[data-theme=light] .filter-options button:hover{background:#f0f0fae6;color:#4b5563}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filter-button svg{transition:transform .3s ease,color .3s ease}.filter-button:hover svg{transform:translateY(-2px);color:#6366f1}.filter-button.active svg{color:#6366f1;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.filter-dropdown{transform-origin:top center;animation:dropdownAppear .3s cubic-bezier(.34,1.56,.64,1)}@keyframes dropdownAppear{0%{opacity:0;transform:scaleY(.8) translateY(-20px)}to{opacity:1;transform:scaleY(1) translateY(0)}}.filter-options button{animation:fadeInStaggered .3s ease forwards;opacity:0}.filter-options button:nth-child(1){animation-delay:.05s}.filter-options button:nth-child(2){animation-delay:.1s}.filter-options button:nth-child(3){animation-delay:.15s}.filter-options button:nth-child(4){animation-delay:.2s}.filter-options button:nth-child(5){animation-delay:.25s}.filter-options button:nth-child(6){animation-delay:.3s}@keyframes fadeInStaggered{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.filter-chip{position:relative;overflow:hidden}@keyframes glowPulse{0%{opacity:0;transform:scale(.5)}50%{opacity:.2;transform:scale(1)}to{opacity:0;transform:scale(.5)}}.pagination-container{display:flex;flex-direction:column;padding:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:1rem}.pagination-info{color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;text-align:center}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:1.5rem}.items-per-page{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);font-size:.9rem}.items-per-page-select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary);padding:.3rem 2.5rem .3rem .5rem;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a0aec0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1em}.items-per-page-select option{background:var(--background-secondary);color:var(--text-primary);padding:.5rem}[data-theme=light] .items-per-page-select{background-color:#fff;border:1px solid rgba(99,102,241,.15);color:#1f2937;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")}[data-theme=light] .items-per-page-select option{background:#fff;color:#1f2937}.items-per-page-select:hover{border-color:#fff3}.items-per-page-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}[data-theme=light] .items-per-page-select:hover{border-color:#6366f14d}.pagination-buttons{display:flex;gap:.5rem}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .2s ease}.pagination-btn svg{width:20px;height:20px}.pagination-btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-2px)}.pagination-btn.active{background:#6366f133;border-color:#6366f14d;color:var(--accent-primary);font-weight:500}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .pagination-container{border-top:1px solid rgba(99,102,241,.1)}[data-theme=light] .pagination-info,[data-theme=light] .items-per-page{color:#6b7280}[data-theme=light] .items-per-page-select{background:#fff;border:1px solid rgba(99,102,241,.15);color:#1f2937}[data-theme=light] .pagination-btn{background:#fff;border:1px solid rgba(99,102,241,.15);color:#4b5563}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#6366f10d;box-shadow:0 2px 5px #6366f11a}[data-theme=light] .pagination-btn.active{background:#6366f11a;border-color:#6366f133;color:#4f46e5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#fffc}.spinner-icon{font-size:2rem;animation:spin 1.5s linear infinite;margin-bottom:1rem;color:#6c5ce7}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;background-color:#ff4c4c1a;border-radius:8px;margin:1rem 0}.error-state p{color:#ff7c7c;margin-bottom:1rem}.view-transcript-btn{background-color:transparent;border:1px solid #6c5ce7;color:#6c5ce7;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s ease}.view-transcript-btn:hover{background-color:#6c5ce71a;transform:translateY(-2px)}.audio-loading-animation{display:flex;align-items:center;justify-content:center;height:28px;width:28px;position:relative;padding:0 5px;overflow:hidden;border-radius:50%;background:#ffffff1a;box-shadow:0 0 10px #6c5ce74d}.audio-loading-animation:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(108,92,231,.2) 0%,transparent 70%);z-index:0;animation:pulse-glow 2s infinite ease-in-out}.audio-loading-bar{display:inline-block;transform-origin:bottom;border-radius:8px;z-index:1;box-shadow:0 0 4px #6c5ce7b3}@keyframes pulse-glow{0%,to{opacity:.2;transform:scale(.95)}50%{opacity:.7;transform:scale(1.05)}}.play-btn-icon{position:relative;width:40px;height:40px;border-radius:50%;padding:0;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;color:#6c5ce7;overflow:hidden;transition:all .3s ease}.play-btn-icon:hover{background:#fff3}.play-btn-icon:disabled{cursor:default}.play-btn-icon.playing{background:#6c5ce733}.media-btn{position:relative;overflow:hidden}.media-btn .audio-loading-animation{width:100%;height:100%;padding:0;display:flex;align-items:center;justify-content:center;background:#6c5ce71a}.media-btn .audio-loading-bar{box-shadow:0 0 4px #6c5ce780}[data-theme=light] .floating-card{background:linear-gradient(145deg,#fff,#f8f9ff);box-shadow:0 8px 30px #0000000f,0 1px 3px #0000001a;border:1px solid rgba(99,102,241,.08)}[data-theme=light] ::-webkit-scrollbar{width:10px;height:10px}[data-theme=light] ::-webkit-scrollbar-track{background:#6366f10d;border-radius:8px}[data-theme=light] ::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:8px;border:2px solid rgba(255,255,255,.8)}[data-theme=light] .call-logs-list::-webkit-scrollbar{width:8px}[data-theme=light] .call-logs-list::-webkit-scrollbar-track{background:#6366f10d;border-radius:8px}[data-theme=light] .call-logs-list::-webkit-scrollbar-thumb{background:#6366f133;border-radius:8px;border:2px solid rgba(255,255,255,.8)}[data-theme=light] .call-logs-list::-webkit-scrollbar-thumb:hover{background:#6366f166}[data-theme=light] .drawer-content{background:#fff}[data-theme=light] .drawer-content::-webkit-scrollbar{width:8px}[data-theme=light] .drawer-content::-webkit-scrollbar-track{background:#6366f10d;border-radius:8px}[data-theme=light] .drawer-content::-webkit-scrollbar-thumb{background:#6366f133;border-radius:8px;border:2px solid rgba(255,255,255,.8)}[data-theme=light] .drawer-content::-webkit-scrollbar-thumb:hover{background:#6366f166}[data-theme=light] *{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) rgba(99,102,241,.05)}[data-theme=light] .call-logs-list thead{background:linear-gradient(180deg,#f8f9ff,#f1f3ff);border-bottom:1px solid rgba(99,102,241,.15);color:#4f46e5}[data-theme=light] .call-logs-list td{background-color:transparent;border-bottom:1px solid rgba(99,102,241,.08)}[data-theme=light] .call-logs-list tr:hover{background-color:#6366f10a;transform:translateY(-2px);box-shadow:0 2px 8px #6366f11a}[data-theme=light] .call-logs-list tr.selected{background-color:#6366f114;border-left:3px solid #6366f1}[data-theme=light] .dashboard-header h2{color:#1f2937;background:linear-gradient(90deg,#4f46e5,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .dashboard-header p{color:#4b5563}[data-theme=light] .search-bar input{background:#fff;border:1px solid rgba(99,102,241,.2);color:#1f2937}[data-theme=light] .search-bar svg{color:#6366f1}[data-theme=light] .date-filter,[data-theme=light] .outcome-filter{background:#fff;border:1px solid rgba(99,102,241,.2)}[data-theme=light] .date-filter input,[data-theme=light] .date-filter select,[data-theme=light] .outcome-filter input,[data-theme=light] .outcome-filter select{color:#1f2937}[data-theme=light] .date-filter svg,[data-theme=light] .outcome-filter svg{color:#6366f1}[data-theme=light] .outcome-filter select option{background-color:#fff;color:#1f2937}[data-theme=light] .outcome-badge{font-weight:600}[data-theme=light] .outcome-converted{background-color:#10b9811a;color:#047857;border:1px solid rgba(16,185,129,.2)}[data-theme=light] .outcome-not-converted{background-color:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}[data-theme=light] .outcome-follow-up{background-color:#f59e0b1a;color:#b45309;border:1px solid rgba(245,158,11,.2)}[data-theme=light] .outcome-inquiry{background-color:#6366f11a;color:#4338ca;border:1px solid rgba(99,102,241,.2)}[data-theme=light] .action-btn,[data-theme=light] .media-btn{color:#6b7280;background:#fff;border:1px solid rgba(99,102,241,.1)}[data-theme=light] .action-btn:hover,[data-theme=light] .media-btn:hover{background:#6366f114;color:#4338ca;transform:translateY(-1px);box-shadow:0 2px 5px #6366f133}[data-theme=light] .recording-btn{color:#059669;border:1px solid rgba(16,185,129,.2)}[data-theme=light] .recording-btn.playing{background:#4f46e533;color:#4338ca}[data-theme=light] .transcript-btn{color:#4f46e5;border:1px solid rgba(79,70,229,.2)}[data-theme=light] .star-btn{color:#d97706;border:1px solid rgba(217,119,6,.2)}[data-theme=light] .star-btn.active{color:#d97706;background:#f59e0b1a}[data-theme=light] .drawer-header{position:relative;background:linear-gradient(145deg,#f8f9ff,#f1f3ff);border-bottom:none;padding-bottom:2.25rem;box-shadow:0 6px 16px -8px #6366f126;overflow:hidden}[data-theme=light] .drawer-header:before{content:"";position:absolute;top:0;right:0;height:100%;width:30%;background:linear-gradient(135deg,transparent,rgba(99,102,241,.06));clip-path:polygon(100% 0,0% 0,100% 100%)}[data-theme=light] .drawer-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#6366f1,#4f46e5,#6366f1);opacity:.8}[data-theme=light] .drawer-header h3{color:#1f2937;font-weight:700;position:relative;padding-bottom:.5rem;margin-bottom:1rem}[data-theme=light] .call-id-badge{background:#fff;color:#4338ca;border:1px solid rgba(99,102,241,.3);font-weight:600;box-shadow:0 2px 5px #6366f11a}[data-theme=light] .call-summary-text{color:#4b5563;font-size:1rem;line-height:1.6;position:relative;padding-left:1rem}[data-theme=light] .call-summary-text:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(180deg,#6366f1,#6366f14d);border-radius:3px}[data-theme=light] .drawer-badges{position:relative;z-index:2}[data-theme=light] .mini-tag{background:#fff;color:#4b5563;font-weight:500;border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 4px #00000008;border-radius:6px;transition:all .2s ease}[data-theme=light] .mini-tag:hover{transform:translateY(-1px);box-shadow:0 3px 6px #6366f126;background:#6366f10d;color:#4338ca}[data-theme=light] .customer-avatar{box-shadow:0 4px 12px #6366f133}[data-theme=light] .detail-section h4{color:#4b5563}[data-theme=light] .tag-badge{background:#6366f11a;color:#4338ca;border:1px solid rgba(99,102,241,.2)}[data-theme=light] .add-tag-btn{border:1px dashed rgba(99,102,241,.3);color:#6b7280}[data-theme=light] .add-tag-btn:hover{background:#6366f10d;color:#4338ca}[data-theme=light] .notes-input{background:#fff;border:1px solid rgba(99,102,241,.2);color:#1f2937}[data-theme=light] .recording-item{background:#fff;border:1px solid rgba(99,102,241,.1);box-shadow:0 2px 8px #00000008}[data-theme=light] .recording-item:hover{box-shadow:0 4px 12px #6366f11a;border:1px solid rgba(99,102,241,.2)}[data-theme=light] .recording-icon{background:#6366f11a;border-radius:10px;display:flex;align-items:center;justify-content:center}[data-theme=light] .recording-icon svg{color:#4f46e5}[data-theme=light] .transcript-item .recording-icon svg{color:#047857}[data-theme=light] .recording-title{color:#1f2937!important;font-weight:600;font-size:16px}[data-theme=light] .recording-meta{color:#4b5563}[data-theme=light] .transcript-preview{background:#10b9810d;border-left:3px solid #10b981}[data-theme=light] .transcript-preview p{color:#1f2937}[data-theme=light] .divider-line{background:linear-gradient(90deg,#6366f100,#6366f11a 50%,#6366f100)}[data-theme=light] .recording-actions button{color:#4b5563;background:#6366f11a;border:1px solid rgba(99,102,241,.1)}[data-theme=light] .recording-actions .play-btn{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}[data-theme=light] .recording-actions .play-btn.playing{background:#4f46e533!important;color:#4338ca}[data-theme=light] .recording-actions .view-btn{background:#6366f11a;color:#4338ca;border:1px solid rgba(99,102,241,.2)}[data-theme=light] .recording-actions .download-btn{background:#6366f11a;color:#4b5563;border:1px solid rgba(99,102,241,.1)}[data-theme=light] .recording-actions .download-btn:hover{background:#6366f133}[data-theme=light] .note-group h5{color:#4b5563;font-weight:600}[data-theme=light] .note-group p{color:#4b5563}[data-theme=light] .note-group.alert{background:#ef44440d;border:1px solid rgba(239,68,68,.2)}[data-theme=light] .note-group.alert h5{color:#b91c1c}[data-theme=light] .note-group.alert p{color:#7f1d1d}[data-theme=light] .notes-text,[data-theme=light] .issue-text span{color:#4b5563}[data-theme=light] .waveform-bar.active{background-color:#4f46e5!important;box-shadow:0 0 8px #4f46e580}[data-theme=light] .progress-bar{background:linear-gradient(90deg,#4f46e5,#6366f1)}[data-theme=light] .audio-error-container{background:#ef44440d;border:1px solid rgba(239,68,68,.15)}[data-theme=light] .audio-error svg,[data-theme=light] .audio-error p{color:#dc2626}[data-theme=light] .retry-btn{background:#ef44441a;color:#dc2626}[data-theme=light] .retry-btn:hover{background:#ef444433}[data-theme=light] .link-btn{background:#4f46e51a;color:#4338ca}[data-theme=light] .link-btn:hover{background:#4f46e533}[data-theme=light] .sentiment-positive{background-color:#10b9811a;color:#047857;border:1px solid rgba(16,185,129,.2)}[data-theme=light] .sentiment-negative{background-color:#ef44441a;color:#b91c1c;border:1px solid rgba(239,68,68,.2)}[data-theme=light] .sentiment-neutral{background-color:#6366f11a;color:#4338ca;border:1px solid rgba(99,102,241,.2)}[data-theme=light] .source-info{color:#4b5563}[data-theme=light] .source-icon{color:#6366f1}[data-theme=light] .collapsible-section{border:1px solid rgba(99,102,241,.15);background:#fff}[data-theme=light] .collapsible-section summary{background:#6366f108;color:#4b5563}[data-theme=light] .collapsible-section summary:hover{background:#6366f114}[data-theme=light] .collapsible-section[open] summary{color:#1f2937;font-weight:600}[data-theme=light] .ai-metric-card{background:#fff;border:1px solid rgba(99,102,241,.15);box-shadow:0 2px 6px #6366f10d}[data-theme=light] .ai-metric-card h5{color:#6b7280}[data-theme=light] .ai-metric-card p{color:#1f2937}[data-theme=light] .conversation-bar span{color:#4b5563}[data-theme=light] .ai-bar .fill{background:linear-gradient(90deg,#6366f14d,#6366f1b3)}[data-theme=light] .user-bar .fill{background:linear-gradient(90deg,#4f46e54d,#4f46e5b3)}.call-logs-page{display:flex;flex-direction:column;padding:1.5rem;height:100%;width:100%;transition:all .3s cubic-bezier(.4,0,.2,1)}.call-logs-container{display:flex;flex-direction:column;margin-top:1rem;height:calc(100vh - 220px);padding:20px}.collapsible-section{border:1px solid rgba(255,255,255,.1);border-radius:8px;margin-bottom:1rem;overflow:hidden}.collapsible-section summary{padding:1rem 1.25rem;cursor:pointer;position:relative;font-weight:500;color:#c9cad8;display:flex;align-items:center;background:#ffffff08;transition:all .2s ease}.collapsible-section summary:hover{background:#ffffff0f}.collapsible-section summary:after{content:"+";position:absolute;right:1.25rem;font-size:1.1rem;transition:transform .3s ease}.collapsible-section[open] summary:after{content:"−"}.collapsible-section[open] summary{color:#fff;font-weight:600}.collapsible-section>div{padding:1.25rem}.ai-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.ai-metric-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08)}.conversation-stats{padding-bottom:.5rem}.conversation-stats h5{margin-top:0;margin-bottom:1rem;color:#d8d9f0;font-weight:600}.conversation-bar{margin-bottom:.75rem}.conversation-bar span{width:auto;min-width:80px;color:#c9cad8;font-weight:500}.ai-bar .fill{background:linear-gradient(90deg,#6366f14d,#6366f1b3)}.user-bar .fill{background:linear-gradient(90deg,#4f46e54d,#4f46e5b3)}.important-notes-container{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.topics-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.badge.highlight{background:#6366f140;color:#b8b9ff;font-weight:500}.note-group{margin:0;padding:0}.note-group.alert{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:6px;padding:.75rem}.note-group.alert h5{color:#ef4444;margin-top:0}.notes-text,.issue-text{margin:0;padding:0;line-height:1.5;color:#e6e7f4}.important-notes-section>div{padding-top:.5rem}.collapsible-sections-grid details[open]>div{padding-top:.5rem}.badge-group{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.25rem}.recording-actions button.play-btn{background:#10b9811a;color:#10b981;border-color:#10b9814d}.recording-actions button.primary-action{background:#6366f11a;color:#8183f4;border-color:#6366f14d}.ai-metrics-section .ai-metrics-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.ai-metric-card{background:#6366f11a;border-radius:8px;padding:1rem;text-align:center}.ai-metric-card h5{margin:0;font-size:.85rem;font-weight:600;color:#c0c1d9}.ai-metric-card p{margin-top:.5rem;font-size:.95rem;color:#fff;font-weight:500}.conversation-length-section .conversation-bars{display:flex;flex-direction:column;gap:.75rem}.conversation-bar{display:flex;align-items:center;gap:.5rem}.conversation-bar span{width:100px;font-size:.85rem;color:var(--text-secondary)}.conversation-bar .fill{height:12px;border-radius:6px;background:#6366f199;flex:1}.user-bar .fill{background:#4f46e599}.important-notes-section .important-notes-container{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.important-notes-container{grid-template-columns:repeat(2,1fr)}}.note-group h5{margin:0 0 .5rem;font-size:.85rem;color:#c9cad8;font-weight:600}.badge-group{display:flex;flex-wrap:wrap;gap:.5rem}.badge{background:#6366f126;color:#a5a7f3;padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.customer-section strong{color:#fff;font-weight:600;font-size:1.05rem}.recording-info div:first-child{color:#fff;font-weight:500}.note-group p{color:#e6e7f4;line-height:1.5;margin:0;font-size:.95rem}.note-group.alert p{color:#ffcdcd}@media (max-width: 1200px){.call-logs-content{flex-direction:column}.call-details-panel{flex:0 0 auto;height:auto;max-height:500px}}.media-controls,.table-actions{display:flex;gap:.75rem;justify-content:center;align-items:center;height:100%}.media-btn,.action-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);width:36px;height:36px;border-radius:8px;cursor:pointer;transition:all .2s ease;position:relative}.media-btn svg,.action-btn svg{width:20px;height:20px}.media-btn:hover,.action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.recording-btn{color:#10b981}.transcript-btn{color:#6366f1}.star-btn{color:#f59e0b}.star-btn.active{color:#f59e0b;background:#f59e0b1a}.view-btn{color:#6366f1}.call-logs-list td{padding:1rem;border:none;background-color:#ffffff05;vertical-align:middle;height:72px}.call-logs-list th{text-align:center;font-weight:600;font-size:14px}.call-logs-list th:nth-child(5),.call-logs-list th:nth-child(6){width:140px;text-align:center}.call-logs-list th:nth-child(1),.call-logs-list td:nth-child(1){text-align:left}.call-logs-list th:nth-child(2),.call-logs-list td:nth-child(2){text-align:left}.call-logs-list th:nth-child(3),.call-logs-list td:nth-child(3){text-align:center}.call-logs-list th:nth-child(4),.call-logs-list td:nth-child(4){text-align:left}.call-logs-list th:nth-child(5),.call-logs-list th:nth-child(6){width:120px;text-align:center}.call-logs-list td:nth-child(5),.call-logs-list td:nth-child(6){padding:.5rem;text-align:center}.call-logs-list thead{background-color:#1e2736;position:sticky;top:0;z-index:1}.call-logs-list tbody tr{border-bottom:1px solid rgba(255,255,255,.05)}.recordings-section{margin-top:20px}.recordings-container{display:flex;flex-direction:column;gap:15px;padding:15px 0}.recording-item .recording-info>div:first-child{font-weight:600;color:#f3f4f6}[data-theme=light] .date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.3) sepia(1) saturate(5) hue-rotate(220deg);opacity:.7;cursor:pointer;position:absolute;width:100%;height:100%;left:0;top:0;background:transparent}[data-theme=light] .date-filter input[type=date]{color:#1f2937;font-weight:500;position:relative;cursor:pointer}.date-filter input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5;cursor:pointer;position:absolute;width:100%;height:100%;left:0;top:0;background:transparent}.date-filter input[type=date]{position:relative;cursor:pointer}.waveform-container{position:relative;margin:10px 0}.waveform-preview{display:flex;align-items:flex-end;height:25px;gap:2px;margin:8px 0;position:relative;z-index:2}.waveform-bar{width:4px;background-color:#fff3;border-radius:2px;transition:all .2s ease}.waveform-bar.active{background-color:#6c5ce7!important;box-shadow:0 0 8px #6c5ce780}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#ffffff1a;border-radius:3px;overflow:hidden;z-index:1}.progress-bar{height:100%;background:linear-gradient(90deg,#6c5ce7,#a29bfe);border-radius:3px;transition:width .1s linear}.play-btn.playing{background:#6c5ce74d!important;box-shadow:0 0 12px #6c5ce74d}.media-btn.recording-btn.playing{background:#6c5ce74d;color:#6c5ce7;box-shadow:0 0 8px #6c5ce766}.audio-error-container{background:#ef44441a;border-radius:8px;padding:12px;margin:10px 0;border:1px solid rgba(239,68,68,.2)}.audio-error{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.audio-error svg{color:#ef4444;flex-shrink:0;margin-top:2px}.audio-error p{color:#ef4444;font-size:.9rem;margin:0;line-height:1.4}.audio-error-actions{display:flex;gap:8px;margin-top:10px}.retry-btn,.link-btn{display:flex;align-items:center;padding:6px 12px;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.retry-btn{background:#ef444426;color:#ef4444}.retry-btn:hover{background:#ef444440}.link-btn{background:#6366f126;color:#6366f1}.link-btn:hover{background:#6366f140}.loading-spinner{display:flex;align-items:center;justify-content:center}@keyframes pulse{0%{box-shadow:0 0 #6c5ce7b3}70%{box-shadow:0 0 0 10px #6c5ce700}to{box-shadow:0 0 #6c5ce700}}.recording-icon svg{transition:all .3s ease}button:disabled{opacity:.6;cursor:not-allowed}.th-content{display:flex;align-items:center;justify-content:space-between;gap:.5rem;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease;position:relative}.th-content:hover{background-color:#ffffff14}.sort-icon{font-size:1.2rem;transition:transform .3s ease,opacity .3s ease;color:var(--text-secondary)}.sort-icon.inactive{opacity:.4}.sort-icon.active{opacity:1;color:#6366f1;filter:drop-shadow(0 0 2px rgba(99,102,241,.4))}.th-content:hover .sort-icon.inactive{opacity:.7;transform:translateY(-1px)}@keyframes sortPulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.sort-icon.active{animation:sortPulse .3s ease}[data-theme=light] .sort-icon{color:#6b7280}[data-theme=light] .sort-icon.active{color:#4f46e5;filter:drop-shadow(0 0 2px rgba(79,70,229,.4))}[data-theme=light] .th-content:hover{background-color:#6366f10d}.call-logs-list th{font-weight:600;padding:1rem;transition:all .2s ease;position:relative}.call-logs-list th:first-child{border-top-left-radius:8px}.call-logs-list th:last-child{border-top-right-radius:8px}.call-logs-list th:hover{background-color:#ffffff08}.th-content[data-tooltip]:hover:after{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.7rem;white-space:nowrap;font-weight:400;opacity:0;animation:fadeIn .3s ease forwards;margin-top:5px;z-index:10}.sentiment-badge{display:inline-flex;align-items:center;padding:.4rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;min-width:90px;justify-content:center}.sentiment-positive{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.2)}.sentiment-negative{background-color:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.sentiment-neutral{background-color:#6366f126;color:#6366f1;border:1px solid rgba(99,102,241,.2)}.source-info{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.source-icon{color:var(--text-secondary);font-size:1.1rem}.floating-card:after{background:none}.call-logs-page .dashboard-header{margin-bottom:2.5rem;position:relative;padding-bottom:1.5rem;margin-right:100px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}.dashboard-header h2{font-size:2.25rem;font-weight:700;color:#f3f4f6;margin-bottom:.5rem}.dashboard-header p{color:#9ca3af;font-size:1.125rem;margin-top:.5rem}.header-actions{display:flex;gap:1rem;position:absolute;top:80px;right:0}.primary-button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:.625rem 1.25rem;border-radius:.75rem;cursor:pointer;font-weight:500;transition:all .25s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #6366f14d}.primary-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}.call-logs-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.search-bar{position:relative;flex:0 0 350px}.search-bar svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-bar input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-primary);font-size:.9rem}.filters{display:flex;gap:1rem;align-items:center}.date-filter{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border-radius:8px;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1)}.date-filter svg{color:var(--text-secondary)}.date-filter input{background:transparent;border:none;color:var(--text-primary);padding:.25rem;width:130px}.date-filter span{color:var(--text-secondary);padding:0 .25rem}.outcome-filter{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;border-radius:8px;padding:.5rem 1rem;border:1px solid rgba(255,255,255,.1);position:relative}.outcome-filter svg{color:var(--text-secondary)}.outcome-filter select{background:transparent;border:none;color:var(--text-primary, #ffffff);padding:.25rem;width:150px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-weight:500}[data-theme=dark] .outcome-filter select{color:#fff;border-color:#fff3}.outcome-filter:after{content:"";position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid var(--text-secondary, #a3a3a3);pointer-events:none}.outcome-filter select option{background-color:#1e293b;color:#fff;padding:8px}.call-logs-content{display:flex;height:100%;overflow:hidden;gap:1.5rem}.call-logs-list{flex:1;overflow-y:auto;border-radius:8px}.call-logs-list table{width:100%;border-collapse:collapse}.call-logs-list th{font-weight:600;padding:1rem}.call-logs-list td{padding:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.call-logs-list tr{transition:all .3s ease;cursor:pointer}.call-logs-list tr:hover{background-color:#6366f114;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.call-logs-list tr.selected{background-color:#6366f126;border-left:3px solid #6366f1}.date-time{display:flex;flex-direction:column}.date-time .time{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.customer-info{display:flex;flex-direction:column}.customer-info .phone{color:var(--text-secondary);font-size:.8rem;margin-top:.25rem}.outcome-badge{display:inline-block;padding:.4rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500}.outcome-converted{background-color:#10b98126;color:#10b981}.outcome-not-converted{background-color:#ef444426;color:#ef4444}.outcome-follow-up{background-color:#f59e0b26;color:#f59e0b}.outcome-inquiry{background-color:#6366f126;color:#6366f1}.recordings{display:none}.recording-icon,.transcript-icon{font-size:1.1rem;opacity:.8}.call-actions{display:flex;gap:.5rem;justify-content:center}.action-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-secondary);width:32px;height:32px;border-radius:4px;cursor:pointer;transition:all .2s ease}.action-btn:hover{background:#ffffff1a;color:var(--text-primary)}.call-details-panel{height:100%;display:flex;flex-direction:column}.drawer-header{position:relative;padding:1.5rem 1.5rem 1.75rem;background:#6366f126;border-bottom:1px solid rgba(255,255,255,.1)}.call-summary{margin-right:20px}.drawer-header h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .75rem;color:#f3f4f6;font-weight:600}.call-summary-text{margin:0 0 1rem;color:var(--text-secondary);font-size:.95rem;line-height:1.5}.drawer-badges{display:flex;flex-wrap:wrap;gap:.5rem}.mini-tag{font-size:.75rem;padding:.2rem .5rem;border-radius:4px;background:#ffffff1a;color:var(--text-secondary)}.drawer-content{padding:1rem 1.5rem;overflow-y:auto;flex:1}.customer-section{margin-bottom:1.5rem}.customer-avatar{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:50%;font-size:1.25rem;font-weight:600}.customer-phone{color:var(--text-secondary);font-size:.85rem;margin:.25rem 0}.call-time{display:flex;align-items:center;gap:.35rem;font-size:.8rem;color:var(--text-secondary);margin-top:.5rem}.detail-section{margin-bottom:2rem}.detail-section h4{color:var(--text-secondary);font-weight:500;margin-bottom:1rem;font-size:.9rem}.detail-item{display:flex;gap:1rem;margin-bottom:1rem;align-items:flex-start}.detail-item svg{margin-top:.25rem;color:var(--text-secondary)}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem}.tag-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:20px;font-size:.8rem;background:#6366f126;color:#6366f1}.add-tag-btn{background:transparent;border:1px dashed rgba(255,255,255,.2);color:var(--text-secondary);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.add-tag-btn:hover{background:#ffffff0d;color:var(--text-primary)}.notes-container{display:flex;flex-direction:column;gap:1rem}.notes-container p{margin:0;color:var(--text-primary);line-height:1.6}.notes-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.75rem;border-radius:8px;min-height:100px;resize:vertical}.save-note-btn{align-self:flex-end;background:var(--primary);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-note-btn:hover{background:#5254cb}.collapsible-section{border:1px solid #e2e8f0;border-radius:8px;background:#fff;margin-bottom:16px;transition:all .2s ease}[data-theme=dark] .collapsible-section{border-color:#374151;background:#1f2937}.collapsible-section summary{padding:12px 16px;cursor:pointer;font-weight:600;font-size:14px;color:#374151;background:#f8fafc;border-radius:8px 8px 0 0;-webkit-user-select:none;user-select:none;transition:background-color .2s ease}[data-theme=dark] .collapsible-section summary{color:#d1d5db;background:#374151}.collapsible-section summary:hover{background:#f1f5f9}[data-theme=dark] .collapsible-section summary:hover{background:#4b5563}.collapsible-section[open] summary{border-radius:8px 8px 0 0;border-bottom:1px solid #e2e8f0}[data-theme=dark] .collapsible-section[open] summary{border-bottom-color:#4b5563}.notes-container{padding:16px}.notes-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:8px 12px;border-radius:6px;margin-bottom:12px;font-size:14px}[data-theme=dark] .notes-error{background:#7f1d1d;border-color:#dc2626;color:#fca5a5}.add-note-section{margin-bottom:16px}.notes-input{width:100%;min-height:80px;padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical;background:#fff;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.notes-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .notes-input{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .notes-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.notes-input::placeholder{color:#9ca3af}[data-theme=dark] .notes-input::placeholder{color:#6b7280}.save-note-btn{margin-top:8px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-note-btn:hover:not(:disabled){background:#2563eb}.save-note-btn:disabled{background:#9ca3af;cursor:not-allowed}[data-theme=dark] .save-note-btn:disabled{background:#4b5563}.notes-list{max-height:400px;overflow-y:auto}.notes-loading,.notes-empty{text-align:center;color:#6b7280;font-style:italic;padding:20px;font-size:14px}[data-theme=dark] .notes-loading,[data-theme=dark] .notes-empty{color:#9ca3af}.note-item{border:1px solid #f3f4f6;border-radius:6px;padding:12px;margin-bottom:8px;background:#fafafa;transition:all .2s ease}[data-theme=dark] .note-item{border-color:#4b5563;background:#374151}.note-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .note-item:hover{border-color:#6b7280;box-shadow:0 1px 3px #0000004d}.note-view-mode{display:flex;flex-direction:column;gap:8px}.note-content{font-size:14px;line-height:1.5;color:#374151;white-space:pre-wrap;word-break:break-word}[data-theme=dark] .note-content{color:#d1d5db}.note-meta{display:flex;align-items:center;gap:4px;font-size:12px;color:#6b7280}[data-theme=dark] .note-meta{color:#9ca3af}.note-updated{font-style:italic}.note-actions{display:flex;gap:8px;margin-top:4px}.note-edit-btn,.note-delete-btn{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;transition:background-color .2s ease;font-size:16px}.note-edit-btn:hover{background:#f3f4f6}.note-delete-btn:hover{background:#fef2f2}[data-theme=dark] .note-edit-btn:hover{background:#4b5563}[data-theme=dark] .note-delete-btn:hover{background:#7f1d1d}.note-edit-mode{display:flex;flex-direction:column;gap:8px}.note-edit-textarea{width:100%;min-height:80px;padding:8px 10px;border:1px solid #d1d5db;border-radius:4px;font-size:14px;font-family:inherit;resize:vertical;background:#fff;color:#1f2937}.note-edit-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}[data-theme=dark] .note-edit-textarea{background:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .note-edit-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}.note-edit-actions{display:flex;gap:8px}.note-save-btn,.note-cancel-btn{padding:6px 12px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.note-save-btn{background:#10b981;color:#fff}.note-save-btn:hover:not(:disabled){background:#059669}.note-save-btn:disabled{background:#9ca3af;cursor:not-allowed}.note-cancel-btn{background:#f3f4f6;color:#374151}.note-cancel-btn:hover{background:#e5e7eb}[data-theme=dark] .note-cancel-btn{background:#4b5563;color:#d1d5db}[data-theme=dark] .note-cancel-btn:hover{background:#6b7280}@media (max-width: 640px){.notes-container{padding:12px}.note-item{padding:10px}.notes-input{min-height:60px;font-size:16px}}:root{--text-primary: rgba(255, 255, 255, .9);--text-secondary: rgba(255, 255, 255, .7);--text-tertiary: rgba(255, 255, 255, .5);--bg-primary: rgba(17, 25, 40, .8);--bg-secondary: rgba(30, 41, 59, .7);--bg-tertiary: rgba(255, 255, 255, .05);--card-bg: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--card-shadow: 0 4px 12px rgba(0, 0, 0, .1);--header-bg: rgba(14, 21, 34, .95);--header-border: rgba(255, 255, 255, .1);--button-bg: rgba(108, 92, 231, .1);--button-text: #6c5ce7;--button-border: rgba(108, 92, 231, .2);--accent-color: #6c5ce7;--accent-secondary: #5254cb;--perfect-color: #2d8420;--good-color: #3c8b59;--warning-color: #e67e22;--danger-color: #d63031;--perfect-gradient: linear-gradient(to top, rgba(45, 132, 32, .9) 0%, rgba(77, 209, 55, .7) 100%);--good-gradient: linear-gradient(to top, rgba(60, 139, 89, .9) 0%, rgba(123, 237, 159, .7) 100%);--warning-gradient: linear-gradient(to top, rgba(230, 126, 34, .9) 0%, rgba(255, 165, 2, .7) 100%);--danger-gradient: linear-gradient(to top, rgba(214, 48, 49, .9) 0%, rgba(255, 71, 87, .7) 100%)}[data-theme=light]{--text-primary: #1e293b;--text-secondary: #4b5563;--text-tertiary: #64748b;--bg-primary: rgba(255, 255, 255, .95);--bg-secondary: #f8fafc;--bg-tertiary: rgba(249, 250, 251, .9);--card-bg: rgba(249, 250, 251, .9);--card-border: rgba(0, 0, 0, .1);--card-shadow: 0 4px 15px rgba(99, 102, 241, .08);--header-bg: #f8fafc;--header-border: rgba(0, 0, 0, .1);--button-bg: rgba(99, 102, 241, .1);--button-text: #4f46e5;--button-border: rgba(99, 102, 241, .2);--accent-color: #4f46e5;--accent-secondary: #4338ca}.call-details-modal{width:90%;max-height:90vh;overflow:auto;background:var(--bg-primary);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);padding:0;position:relative;outline:none;color:var(--text-primary);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.call-details-modal::-webkit-scrollbar{width:6px}.call-details-modal::-webkit-scrollbar-track{background:transparent}.call-details-modal::-webkit-scrollbar-thumb{background-color:#ffffff4d;border-radius:6px}.call-details-modal .call-details-panel{padding:0;position:relative;height:100%}.call-details-modal .drawer-header{position:sticky;top:0;z-index:10;padding:1.5rem;background:var(--header-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--header-border);margin-bottom:0;padding-right:60px}.call-details-modal .modal-header{background:var(--header-bg);border-top-left-radius:12px;border-top-right-radius:12px}.call-details-modal .drawer-content{padding:1.5rem}.call-details-modal .call-summary h3{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--text-primary)}.call-details-modal .call-summary .call-summary-text{margin-bottom:12px;color:var(--text-secondary)}.call-details-modal .call-summary .drawer-badges{display:flex;flex-wrap:wrap;gap:8px}.call-details-modal .call-summary .drawer-badges .outcome-badge,.call-details-modal .call-summary .drawer-badges .mini-tag{padding:4px 8px;border-radius:4px;font-size:.75rem;font-weight:500;background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border)}.call-details-modal .close-button{position:absolute;top:16px;right:16px;color:var(--text-secondary);background:#ffffff1a}.call-details-modal .close-button:hover{background:#fff3;color:var(--text-primary)}.call-details-modal .customer-section{margin-bottom:24px;border-radius:12px;padding:20px;background:var(--bg-tertiary);border:1px solid var(--card-border);box-shadow:var(--card-shadow)}.call-details-modal .customer-section .detail-item{display:flex;align-items:center;gap:20px}.call-details-modal .customer-section .customer-avatar{width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-color),var(--accent-secondary));color:#fff;border-radius:50%;font-size:24px;font-weight:600;flex-shrink:0;box-shadow:0 4px 15px #6c5ce74d;border:2px solid rgba(255,255,255,.15);text-transform:uppercase}.call-details-modal .customer-section .customer-info{display:flex;flex-direction:column;gap:5px}.call-details-modal .customer-section .customer-info .customer-name{font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:.3px;margin-bottom:5px}.call-details-modal .customer-section .customer-info .customer-phone{display:flex;align-items:center;gap:8px;color:var(--text-tertiary);font-size:15px;margin-bottom:3px}.call-details-modal .customer-section .customer-info .customer-phone svg{color:var(--accent-color)}.call-details-modal .customer-section .customer-info .call-time{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-tertiary)}.call-details-modal .customer-section .customer-info .call-time svg{color:var(--accent-color)}.call-details-modal .abandonment-rate-container{margin:0 20px 15px;padding:15px;background:var(--bg-tertiary);border-radius:12px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);color:var(--text-primary)}.call-details-modal .abandonment-rate-container .rates-flex-container{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.call-details-modal .abandonment-rate-container .disconnection-indicator-container,.call-details-modal .abandonment-rate-container .csat-score-container{display:flex;align-items:center;gap:20px;flex:1 1 45%;min-width:250px}.call-details-modal .abandonment-rate-container .disconnection-indicator-container .loading-state,.call-details-modal .abandonment-rate-container .csat-score-container .loading-state{display:flex;align-items:center;gap:10px;color:var(--text-secondary);background:var(--bg-secondary);padding:12px 16px;border-radius:8px;width:100%;border:1px solid var(--card-border)}.call-details-modal .abandonment-rate-container .disconnection-indicator-container .loading-state .spinner-icon,.call-details-modal .abandonment-rate-container .csat-score-container .loading-state .spinner-icon{animation:spin 1s linear infinite;color:var(--accent-color)}.call-details-modal .abandonment-rate-container .disconnection-indicator-container .error-state,.call-details-modal .abandonment-rate-container .csat-score-container .error-state{color:var(--danger-color);display:flex;align-items:center;gap:8px}.call-details-modal .abandonment-rate-container .disconnection-indicator{position:relative;width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--card-border);box-shadow:var(--card-shadow),inset 0 0 5px #0000001a}.call-details-modal .abandonment-rate-container .disconnection-indicator .drop-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;color:var(--text-primary);position:relative}.call-details-modal .abandonment-rate-container .disconnection-indicator .drop-content .alert-icon{color:var(--text-secondary)}.call-details-modal .abandonment-rate-container .disconnection-indicator .drop-content .rate-value{font-size:18px;font-weight:700}.call-details-modal .abandonment-rate-container .abandonment-text,.call-details-modal .abandonment-rate-container .csat-text{flex:1}.call-details-modal .abandonment-rate-container .abandonment-text h4,.call-details-modal .abandonment-rate-container .csat-text h4{margin:0 0 5px;font-size:18px;display:flex;align-items:center;gap:8px;color:var(--text-primary)}.call-details-modal .abandonment-rate-container .abandonment-text h4 .tooltip,.call-details-modal .abandonment-rate-container .csat-text h4 .tooltip{position:relative;display:inline-block;cursor:help}.call-details-modal .abandonment-rate-container .abandonment-text h4 .tooltip svg,.call-details-modal .abandonment-rate-container .csat-text h4 .tooltip svg{color:var(--text-secondary)}.call-details-modal .abandonment-rate-container .abandonment-text h4 .tooltip .tooltip-text,.call-details-modal .abandonment-rate-container .csat-text h4 .tooltip .tooltip-text{visibility:hidden;width:250px;background-color:#000c;color:#fff;text-align:center;border-radius:6px;padding:10px;position:absolute;z-index:10;bottom:125%;left:50%;margin-left:-125px;opacity:0;transition:opacity .3s;font-size:12px;line-height:1.4;pointer-events:none;box-shadow:0 4px 12px #0003;border:1px solid rgba(255,255,255,.1)}.call-details-modal .abandonment-rate-container .abandonment-text h4 .tooltip:hover .tooltip-text,.call-details-modal .abandonment-rate-container .csat-text h4 .tooltip:hover .tooltip-text{visibility:visible;opacity:1}.call-details-modal .abandonment-rate-container .abandonment-text .status,.call-details-modal .abandonment-rate-container .csat-text .status{margin:0;font-size:14px;font-weight:700}.call-details-modal .abandonment-rate-container .abandonment-text .status.perfect,.call-details-modal .abandonment-rate-container .csat-text .status.perfect{color:var(--perfect-color)}.call-details-modal .abandonment-rate-container .abandonment-text .status.good,.call-details-modal .abandonment-rate-container .csat-text .status.good{color:var(--good-color)}.call-details-modal .abandonment-rate-container .abandonment-text .status.warning,.call-details-modal .abandonment-rate-container .csat-text .status.warning{color:var(--warning-color)}.call-details-modal .abandonment-rate-container .abandonment-text .status.danger,.call-details-modal .abandonment-rate-container .csat-text .status.danger{color:var(--danger-color)}.call-details-modal .abandonment-rate-container .csat-indicator{position:relative;width:80px;height:80px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden;border:2px solid var(--card-border);box-shadow:var(--card-shadow),inset 0 0 5px #0000001a}.call-details-modal .abandonment-rate-container .csat-indicator.no-data{background:#1e293b4d;border:2px dashed rgba(255,255,255,.2)}.call-details-modal .abandonment-rate-container .csat-indicator.no-data .no-data-icon{color:var(--text-tertiary)}.call-details-modal .abandonment-rate-container .csat-indicator.no-data .no-data-text{color:var(--text-tertiary);font-style:italic}.call-details-modal .abandonment-rate-container .csat-indicator .csat-content{display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;color:var(--text-primary);position:relative}.call-details-modal .abandonment-rate-container .csat-indicator .csat-content .satisfaction-icon{animation:pulse 2s infinite ease-in-out}.call-details-modal .abandonment-rate-container .csat-indicator .csat-content .satisfaction-icon.excellent{color:var(--perfect-color)}.call-details-modal .abandonment-rate-container .csat-indicator .csat-content .satisfaction-icon.good{color:var(--good-color)}.call-details-modal .abandonment-rate-container .csat-indicator .csat-content .satisfaction-icon.average{color:var(--warning-color)}.call-details-modal .abandonment-rate-container .csat-indicator .csat-content .satisfaction-icon.poor{color:var(--danger-color)}.call-details-modal .abandonment-rate-container .csat-indicator .csat-content .score-value{font-size:18px;font-weight:700}.call-details-modal .abandonment-rate-container .no-data-status{color:var(--text-tertiary)!important;font-style:italic}.call-details-modal .abandonment-rate-container .no-data-action{margin-top:8px}.call-details-modal .abandonment-rate-container .no-data-action .request-feedback-btn{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.call-details-modal .recordings-section-horizontal{margin-bottom:20px}.call-details-modal .recordings-section-horizontal .recordings-grid{display:flex;flex-direction:row;gap:20px;width:100%}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell{flex:1;min-width:0;background:var(--bg-tertiary);border:1px solid var(--card-border);border-radius:12px;box-shadow:var(--card-shadow);padding:16px;transition:none;display:flex;min-height:220px}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell:hover,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell:hover{transform:none;box-shadow:none}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item{width:100%;height:100%;display:flex;flex-direction:column}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-icon,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-icon{margin-bottom:10px;display:flex;align-items:center;color:var(--accent-color)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-icon svg,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-icon svg{margin-right:8px}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info{flex:1;display:flex;flex-direction:column}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-title,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-title{font-size:18px;font-weight:600;margin-bottom:5px;color:var(--text-primary)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-meta,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-meta{font-size:14px;opacity:.8;margin-bottom:5px;color:var(--text-tertiary)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .waveform-container,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .waveform-container{min-height:60px;margin:10px 0}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .waveform-container .waveform-preview .waveform-bar,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .waveform-container .waveform-preview .waveform-bar{background-color:#6366f133}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .waveform-container .waveform-preview .waveform-bar.active,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .waveform-container .waveform-preview .waveform-bar.active{background-color:var(--accent-color)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .waveform-container .progress-bar-container,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .waveform-container .progress-bar-container{background-color:#cbd5e14d}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .waveform-container .progress-bar-container .progress-bar,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .waveform-container .progress-bar-container .progress-bar{background-color:var(--accent-color)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .audio-error-container .audio-error,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .audio-error-container .audio-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .audio-error-container .audio-error p,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .audio-error-container .audio-error p{color:var(--danger-color)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions{margin-top:auto;padding-top:12px}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions .play-btn-icon,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions .play-btn-icon{background-color:var(--button-bg);color:var(--button-text)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions .play-btn-icon.playing,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions .play-btn-icon.playing{background-color:var(--accent-color);color:#fff}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions .download-btn,.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions .view-btn,.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions .retry-btn,.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions .link-btn,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions .download-btn,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions .view-btn,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions .retry-btn,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions .link-btn{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .recording-actions .playback-time,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .recording-actions .playback-time{color:var(--text-tertiary)}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .transcript-preview,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .transcript-preview{min-height:60px;margin:10px 0}.call-details-modal .recordings-section-horizontal .recordings-grid .recording-cell .recording-item .recording-info .transcript-preview p,.call-details-modal .recordings-section-horizontal .recordings-grid .transcript-cell .recording-item .recording-info .transcript-preview p{margin:0;line-height:1.5;color:var(--text-secondary)}.call-details-modal .collapsible-sections-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;padding:16px}@media (max-width: 768px){.call-details-modal .collapsible-sections-grid{grid-template-columns:1fr}}.call-details-modal .collapsible-sections-grid details.collapsible-section{margin-bottom:1rem;border-bottom:1px solid var(--card-border);padding-bottom:1rem}.call-details-modal .collapsible-sections-grid details.collapsible-section:last-of-type{border-bottom:none}.call-details-modal .collapsible-sections-grid details.collapsible-section summary{cursor:pointer;font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:12px;-webkit-user-select:none;user-select:none}.call-details-modal .collapsible-sections-grid details.collapsible-section .ai-metrics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 480px){.call-details-modal .collapsible-sections-grid details.collapsible-section .ai-metrics-grid{grid-template-columns:1fr}}.call-details-modal .collapsible-sections-grid details.collapsible-section .ai-metrics-grid .ai-metric-card{background:var(--bg-tertiary);border-radius:8px;padding:12px;border:1px solid var(--card-border)}.call-details-modal .collapsible-sections-grid details.collapsible-section .ai-metrics-grid .ai-metric-card h5{margin:0 0 6px;font-size:14px;color:var(--text-secondary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .ai-metrics-grid .ai-metric-card p{margin:0;font-size:16px;color:var(--text-primary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-stats .loading-state{display:flex;flex-direction:column;align-items:center;padding:2rem;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--card-border)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-stats .loading-state .spinner-icon{font-size:2rem;margin-bottom:1rem;color:var(--accent-color)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-stats .loading-state p{color:var(--text-secondary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-stats .error-state{display:flex;flex-direction:column;align-items:center;padding:1.5rem;background:#ff4c4c1a;border-radius:8px}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-stats .error-state p{color:var(--danger-color);margin-bottom:1rem}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-stats .error-state .view-transcript-btn{background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--button-border);border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart{display:flex;flex-direction:column;align-items:center;margin:20px 0}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-chart-container{position:relative;width:180px;height:180px;margin-bottom:20px}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-chart-container .donut-chart{width:100%;height:100%;border-radius:50%;position:relative;box-shadow:0 0 20px #6c5ce733}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-chart-container .donut-chart .donut-hole{position:absolute;top:15%;left:15%;width:70%;height:70%;background:var(--bg-secondary);border-radius:50%;display:flex;align-items:center;justify-content:center}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-chart-container .donut-chart .donut-hole .donut-info{text-align:center}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-chart-container .donut-chart .donut-hole .donut-info .balance-value{font-size:24px;font-weight:700;background:linear-gradient(90deg,var(--accent-color),var(--accent-secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:5px}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-chart-container .donut-chart .donut-hole .donut-info .balance-label{font-size:12px;font-weight:500;color:var(--text-tertiary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-legend{display:flex;justify-content:center;gap:20px;margin-top:10px}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-legend .legend-item{display:flex;align-items:center;gap:8px}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-legend .legend-item .legend-color{width:16px;height:16px;border-radius:4px}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-legend .legend-item .legend-color.ai-color{background:var(--accent-color)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-legend .legend-item .legend-color.user-color{background:var(--accent-secondary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-donut-chart .donut-legend .legend-item .legend-label{font-size:14px;color:var(--text-tertiary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-insights{margin-top:15px;text-align:center;padding:10px 15px;background:#6c5ce71a;border-radius:8px;border-left:3px solid var(--accent-color)}.call-details-modal .collapsible-sections-grid details.collapsible-section .conversation-insights p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.6}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group{margin-bottom:20px}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group h5{margin:0 0 10px;font-size:16px;color:var(--text-primary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group .badge-group{display:flex;flex-wrap:wrap;gap:8px}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group .badge-group .badge{padding:6px 12px;border-radius:4px;background:var(--button-bg);color:var(--button-text);font-size:14px}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group .badge-group .badge.highlight{background:#0ea5e91a;color:#0ea5e9}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group.alert{background:#e67e221a;border-radius:8px;padding:12px;border-left:3px solid var(--warning-color)}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group.alert h5{color:var(--warning-color);margin-bottom:8px}.call-details-modal .collapsible-sections-grid details.collapsible-section .important-notes-container .note-group.alert .issue-text{color:var(--text-secondary);font-size:14px;line-height:1.5}.call-details-modal .collapsible-sections-grid details.collapsible-section .tags-container{display:flex;flex-wrap:wrap;gap:8px}.call-details-modal .collapsible-sections-grid details.collapsible-section .tags-container .tag-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:4px;background:var(--button-bg);color:var(--button-text);font-size:14px}.call-details-modal .collapsible-sections-grid details.collapsible-section .tags-container .add-tag-btn{background:transparent;border:1px dashed var(--card-border);color:var(--text-secondary);padding:6px 12px;border-radius:4px;cursor:pointer;transition:all .2s ease}.call-details-modal .collapsible-sections-grid details.collapsible-section .tags-container .add-tag-btn:hover{background:var(--bg-tertiary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .notes-container .notes-text{margin-bottom:16px;color:var(--text-secondary)}.call-details-modal .collapsible-sections-grid details.collapsible-section .notes-container .notes-input{width:100%;background:var(--bg-tertiary);border:1px solid var(--card-border);padding:12px;border-radius:6px;color:var(--text-primary);min-height:100px;margin-bottom:12px;resize:vertical}.call-details-modal .collapsible-sections-grid details.collapsible-section .notes-container .notes-input:focus{outline:none;border-color:var(--accent-color)}.call-details-modal .collapsible-sections-grid details.collapsible-section .notes-container .save-note-btn{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color);border-radius:4px;padding:8px 16px;cursor:pointer;transition:background-color .2s ease}@keyframes pulse{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:.8}}.transcript-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease;isolation:isolate}[data-theme=light] .transcript-modal-backdrop{background-color:#0f172aa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.transcript-modal{width:85%;height:85%;background:var(--background-secondary);border-radius:16px;box-shadow:0 15px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.1);animation:slideUp .4s ease;z-index:1001!important}[data-theme=light] .transcript-modal{background:#fff;box-shadow:0 15px 50px #6366f126,0 5px 15px #00000014;border:1px solid rgba(99,102,241,.15)}.transcript-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .transcript-header{background:linear-gradient(145deg,#f8f9ff,#f1f3ff);border-bottom:none;position:relative;padding-bottom:2rem}[data-theme=light] .transcript-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#6366f1,#4f46e5,#6366f133);opacity:.8}.transcript-title h2{margin:0 0 .5rem;font-size:1.5rem;color:var(--text-primary);font-weight:600}[data-theme=light] .transcript-title h2{color:#1f2937;background:linear-gradient(90deg,#4f46e5,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;position:relative;display:inline-block}[data-theme=light] .transcript-title h2:after{content:"";position:absolute;bottom:-4px;left:0;width:50px;height:3px;background:#6366f1;border-radius:3px}.transcript-meta{display:flex;gap:1.5rem;color:var(--text-secondary);font-size:.9rem}[data-theme=light] .transcript-meta{color:#4b5563}[data-theme=light] .transcript-meta span{background:#fffc;padding:.3rem .8rem;border-radius:8px;box-shadow:0 2px 5px #6366f11a;border:1px solid rgba(99,102,241,.15);font-weight:500}.transcript-meta span{display:flex;align-items:center;gap:.5rem}.transcript-actions{display:flex;gap:1rem}.transcript-action-btn{display:flex;align-items:center;gap:.5rem;background:#6366f126;color:var(--primary);border:none;padding:.6rem 1rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .2s ease}[data-theme=light] .transcript-action-btn{background:#fff;color:#4338ca;border:1px solid rgba(99,102,241,.25);box-shadow:0 2px 5px #6366f11a}.transcript-action-btn:hover{background:#6366f140}[data-theme=light] .transcript-action-btn:hover{background:#6366f10d;border-color:#6366f166;transform:translateY(-1px);box-shadow:0 4px 8px #6366f126}.transcript-close-btn{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;transition:all .2s ease}[data-theme=light] .transcript-close-btn{color:#6b7280;background:#fff;border:1px solid rgba(99,102,241,.1)}.transcript-close-btn:hover{background:#ffffff1a;color:var(--text-primary)}[data-theme=light] .transcript-close-btn:hover{background:#6366f114;color:#4338ca;transform:translateY(-1px)}.transcript-toolbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(var(--background-secondary-rgb),.8);z-index:1001}[data-theme=light] .transcript-toolbar{background:#f8f9ffcc;border-bottom:1px solid rgba(99,102,241,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.transcript-search{position:relative;width:300px}.transcript-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}[data-theme=light] .transcript-search svg{color:#6366f1}.transcript-search input{width:100%;padding:.6rem .6rem .6rem 2.5rem!important;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-primary);font-size:.9rem}[data-theme=light] .transcript-search input{background:#fff;border:1px solid rgba(99,102,241,.2);color:#1f2937;box-shadow:0 2px 5px #6366f10d}[data-theme=light] .transcript-search input:focus{border-color:#6366f180;box-shadow:0 0 0 3px #6366f126;outline:none}.transcript-controls{display:flex;gap:1.5rem;align-items:center}.speaker-filter{display:flex;background:#ffffff0d;border-radius:8px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .speaker-filter{background:#fff;border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 5px #6366f10d;border-radius:10px;padding:2px}.speaker-btn{background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;font-size:.9rem;transition:all .2s ease}[data-theme=light] .speaker-btn{color:#4b5563;border-radius:8px;font-weight:500}.speaker-btn.active{background:var(--primary);color:#fff}[data-theme=light] .speaker-btn.active{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 2px 5px #6366f14d}[data-theme=light] .speaker-btn:not(.active):hover{background:#6366f10d;color:#4338ca}.playback-controls,.audio-controls{display:flex;align-items:center;gap:.75rem}.audio-btn{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #6366f166}[data-theme=light] .audio-btn{background:linear-gradient(135deg,#0ea5e9,#2563eb);box-shadow:0 4px 10px #0ea5e94d}.audio-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f180}.audio-btn.playing{background:#f43f5e}[data-theme=light] .audio-btn.playing{background:linear-gradient(135deg,#f43f5e,#e11d48)}.audio-btn:disabled{opacity:.6;cursor:not-allowed}.volume-control{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;padding:.3rem .5rem;border-radius:20px;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .volume-control{background:#fff;border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 5px #6366f10d}.mute-btn{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1rem}[data-theme=light] .mute-btn{color:#4b5563}.volume-slider{-webkit-appearance:none;width:80px;height:4px;border-radius:2px;background:#fff3;outline:none}[data-theme=light] .volume-slider{background:#6366f11a}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer}[data-theme=light] .volume-slider::-webkit-slider-thumb{background:#0ea5e9;box-shadow:0 2px 4px #0ea5e94d}.volume-slider::-moz-range-thumb{width:12px;height:12px;border-radius:50%;background:var(--primary);cursor:pointer;border:none}[data-theme=light] .volume-slider::-moz-range-thumb{background:#0ea5e9;box-shadow:0 2px 4px #0ea5e94d}.divider{width:1px;height:24px;background-color:#ffffff1a;margin:0 .5rem}[data-theme=light] .divider{background-color:#6366f11a}.audio-error{background-color:#ef44441a;color:#ef4444;padding:.5rem 1rem;border-radius:4px;margin:0 1.5rem;font-size:.9rem;border-left:3px solid #ef4444}[data-theme=light] .audio-error{background-color:#ef44440d;color:#b91c1c}.hidden-audio{display:none}.spinner-sm{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite}.transcript-content{flex:1;overflow-y:auto;padding:1.5rem}[data-theme=light] .transcript-content{background:linear-gradient(180deg,#f8f9ff,#fff);scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) rgba(99,102,241,.05)}[data-theme=light] .transcript-content::-webkit-scrollbar{width:10px}[data-theme=light] .transcript-content::-webkit-scrollbar-track{background:#6366f10d;border-radius:10px}[data-theme=light] .transcript-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6366f1,#4f46e5);border-radius:10px;border:2px solid #ffffff;box-shadow:inset 0 0 6px #6366f133}[data-theme=light] .transcript-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#4f46e5,#4338ca)}@-moz-document url-prefix(){[data-theme=light] .transcript-content{scrollbar-width:thin;scrollbar-color:#6366f1 rgba(99,102,241,.05)}}.transcript-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem;color:var(--text-secondary)}[data-theme=light] .transcript-loading{color:#6b7280}.loading-indicator{display:flex;gap:.5rem}.loading-dot{width:10px;height:10px;border-radius:50%;background:var(--primary);animation:bounce 1.4s infinite ease-in-out both}[data-theme=light] .loading-dot{background:#6366f1}.no-results{text-align:center;padding:3rem;color:var(--text-secondary)}[data-theme=light] .no-results{color:#6b7280}.message{display:flex;margin-bottom:1.5rem;transition:all .3s ease;position:relative;padding:.5rem;border-radius:12px;cursor:pointer}[data-theme=light] .message{border-radius:12px}.message.active{background:#6366f11a}[data-theme=light] .message.active{background:#6366f10d;box-shadow:0 3px 12px #6366f114}.message.highlighted{background:#f59e0b1a}[data-theme=light] .message.highlighted{background:#f59e0b0d;box-shadow:0 3px 12px #f59e0b14}.message-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:1.25rem;flex-shrink:0}.ai-message .message-avatar{background:#6366f126;color:var(--primary)}[data-theme=light] .ai-message .message-avatar{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;box-shadow:0 4px 8px #6366f133}.customer-message .message-avatar{background:#f59e0b26;color:#f59e0b}[data-theme=light] .customer-message .message-avatar{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 8px #f59e0b33}.message-content{flex:1;position:relative}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem;align-items:center}.message-speaker{font-weight:500;color:var(--text-primary)}[data-theme=light] .message-speaker{color:#1f2937;font-weight:600}.message-time{font-size:.8rem;color:var(--text-secondary)}[data-theme=light] .message-time{color:#6b7280;background:#f3f4f6cc;padding:.15rem .5rem;border-radius:12px;font-weight:500}.message-bubble{background:#ffffff0d;padding:1rem;border-radius:12px;color:var(--text-primary);position:relative;line-height:1.6;border:1px solid rgba(255,255,255,.05);margin-bottom:.25rem;transition:all .3s ease}[data-theme=light] .message-bubble{background:#fff;color:#1f2937;border:1px solid rgba(99,102,241,.1);box-shadow:0 2px 5px #00000008}.ai-message .message-bubble{border-top-left-radius:0}[data-theme=light] .ai-message .message-bubble{border-left:3px solid #6366f1}.customer-message .message-bubble{border-top-right-radius:0}[data-theme=light] .customer-message .message-bubble{border-right:3px solid #f59e0b}.message.active .message-bubble{background:#ffffff1a;box-shadow:0 4px 15px #0000001a;border-color:#ffffff1a}[data-theme=light] .message.active .message-bubble{background:#f8f9ff;box-shadow:0 4px 15px #6366f11a;border-color:#6366f133}.message-confidence{margin-top:.5rem;opacity:.8}.confidence-bar{height:4px;background:#ffffff1a;border-radius:4px;overflow:hidden}[data-theme=light] .confidence-bar{background:#6366f11a;height:5px}.confidence-level{height:100%;background:var(--primary);border-radius:4px}.ai-message .confidence-level{background:var(--primary)}[data-theme=light] .ai-message .confidence-level{background:linear-gradient(90deg,#6366f1,#4f46e5)}.customer-message .confidence-level{background:#f59e0b}[data-theme=light] .customer-message .confidence-level{background:linear-gradient(90deg,#f59e0b,#d97706)}.highlight{background-color:#f59e0b40;padding:0 2px;border-radius:2px;font-weight:500}[data-theme=light] .highlight{background-color:#f59e0b33;color:#b45309;padding:0 3px;border-radius:3px;box-shadow:0 1px 2px #f59e0b1a}@media (max-width: 768px){.transcript-modal{width:95%;height:95%}.transcript-toolbar{flex-direction:column;gap:1rem;align-items:stretch}.transcript-controls{flex-direction:column;gap:1rem}.transcript-search{width:100%}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:8px}.transcript-action-btn:disabled{opacity:.6;cursor:not-allowed}.dashboard:not(.sidebar-collapsed) .transcript-modal-backdrop{z-index:30000!important;left:0!important;right:0!important;width:100vw!important;max-width:100vw!important}.play-btn{background:var(--primary);color:#fff;border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 10px #6366f166}[data-theme=light] .play-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 4px 10px #6366f14d}.play-btn:hover{transform:scale(1.05);box-shadow:0 4px 12px #6366f180}[data-theme=light] .play-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 15px #6366f166}.speed-controls select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-primary);padding:.4rem 1.5rem .4rem .75rem;border-radius:6px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(255,255,255,0.6)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center}[data-theme=light] .speed-controls select{background-color:#fff;color:#1f2937;border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 4px #00000008;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='rgba(79,70,229,0.8)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}[data-theme=light] .speed-controls select:hover{border-color:#6366f14d}.message.currently-playing .message-bubble{animation:pulse-playing 2s infinite ease-in-out;box-shadow:0 0 15px #6366f166;border-color:var(--primary);position:relative;overflow:hidden;transition:all .3s ease;transform:translateY(-2px)}.message.currently-playing .message-bubble:before{content:"";position:absolute;left:0;top:0;height:100%;width:5px;background:linear-gradient(to bottom,#6366f1,#4f46e5);animation:glow 2s infinite}.message.currently-playing .message-bubble:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(to right,transparent,#6366f1,transparent);animation:shimmer 2s infinite}[data-theme=light] .message.currently-playing .message-bubble{animation:pulse-playing-light 2s infinite ease-in-out;box-shadow:0 5px 20px #6366f126;border-color:#6366f199;background:linear-gradient(to right,#6366f10d,#fff,#6366f10d);transform:translateY(-2px)}[data-theme=light] .message.currently-playing .message-bubble:before{background:linear-gradient(to bottom,#6366f1,#4338ca);animation:glow 2s infinite}[data-theme=light] .message.currently-playing .message-bubble:after{background:linear-gradient(to right,transparent,#6366f1,transparent);height:2px}.message.currently-playing.ai-message .message-bubble{border-left-width:4px;background-image:linear-gradient(to right,#6366f11a,#ffffff0d)}.message.currently-playing.customer-message .message-bubble{border-right-width:4px;background-image:linear-gradient(to left,#f59e0b1a,#ffffff0d)}.message.currently-playing .message-avatar{animation:bounce 1.5s infinite ease-in-out;box-shadow:0 0 10px #6366f14d}.message.currently-playing .message-header{color:var(--primary);font-weight:500}[data-theme=light] .message.currently-playing .message-header{color:#4338ca;font-weight:600}.message.currently-playing mark{background-color:#f59e0b4d;border-radius:3px;padding:0 3px}@keyframes pulse-playing{0%{background:#ffffff0d}50%{background:#6366f126}to{background:#ffffff0d}}@keyframes pulse-playing-light{0%{background:#fff}50%{background:#6366f11a}to{background:#fff}}@keyframes glow{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.message.currently-playing .message-content:after{content:"";position:absolute;right:10px;top:10px;height:15px;width:20px;background-image:url("data:image/svg+xml,%3Csvg width='20' height='15' viewBox='0 0 20 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1' y='5' width='2' height='5' rx='1' fill='%236366F1'%3E%3Canimate attributeName='height' values='5;10;5' dur='1s' repeatCount='indefinite'/%3E%3Canimate attributeName='y' values='5;2.5;5' dur='1s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='5' y='2' width='2' height='11' rx='1' fill='%236366F1'%3E%3Canimate attributeName='height' values='11;7;11' dur='1.2s' repeatCount='indefinite'/%3E%3Canimate attributeName='y' values='2;4;2' dur='1.2s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='9' y='0' width='2' height='15' rx='1' fill='%236366F1'%3E%3Canimate attributeName='height' values='15;8;15' dur='0.8s' repeatCount='indefinite'/%3E%3Canimate attributeName='y' values='0;3.5;0' dur='0.8s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='13' y='3' width='2' height='9' rx='1' fill='%236366F1'%3E%3Canimate attributeName='height' values='9;13;9' dur='0.9s' repeatCount='indefinite'/%3E%3Canimate attributeName='y' values='3;1;3' dur='0.9s' repeatCount='indefinite'/%3E%3C/rect%3E%3Crect x='17' y='5' width='2' height='5' rx='1' fill='%236366F1'%3E%3Canimate attributeName='height' values='5;9;5' dur='1.1s' repeatCount='indefinite'/%3E%3Canimate attributeName='y' values='5;3;5' dur='1.1s' repeatCount='indefinite'/%3E%3C/rect%3E%3C/svg%3E");background-repeat:no-repeat;opacity:.7}.audio-progress-container{display:flex;align-items:center;padding:.5rem 1.5rem;background-color:#0f172a66;border-bottom:1px solid rgba(255,255,255,.1);gap:.75rem}[data-theme=light] .audio-progress-container{background-color:#f8f9fff2;border-bottom:1px solid rgba(99,102,241,.1)}.audio-progress-bar{flex:1;height:5px;background-color:#ffffff1a;border-radius:3px;position:relative;cursor:pointer;transition:height .2s ease}[data-theme=light] .audio-progress-bar{background-color:#6366f126;box-shadow:inset 0 1px 2px #0000000d}.audio-progress-bar:hover{height:8px}.audio-progress{position:absolute;top:0;left:0;height:100%;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:3px;transition:width .1s linear}[data-theme=light] .audio-progress{background:linear-gradient(90deg,#6366f1,#4f46e5)}.time-display{font-size:.8rem;font-family:monospace;color:var(--text-secondary);min-width:45px}[data-theme=light] .time-display{color:#4b5563;font-weight:500}.message.currently-playing .message-bubble{animation:pulse-playing 2s infinite;border-left:3px solid var(--primary)}[data-theme=light] .message.currently-playing .message-bubble{animation:pulse-playing-light 2s infinite;border-left:3px solid #6366f1;box-shadow:0 0 0 3px #6366f11a}.message.currently-playing.ai-message .message-bubble{border-left-color:var(--primary)}.message.currently-playing.customer-message .message-bubble{border-left-color:var(--primary-alt)}.message.currently-playing .message-avatar{animation:pulse-playing 2s infinite}@keyframes pulse-playing{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 5px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes pulse-playing-light{0%{box-shadow:0 0 #6366f14d}70%{box-shadow:0 0 0 5px #6366f100}to{box-shadow:0 0 #6366f100}}.transcript-notes-section{padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}[data-theme=dark] .transcript-notes-section{border-top-color:#374151;background:#1f2937}.date-range-select{background-color:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;padding:4px 24px 4px 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:14px}[data-theme=light] .date-range-select{color:#1f2937;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");font-weight:500}.filter-group select{width:100%;padding:10px 14px;background:#1e293bcc;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;box-shadow:0 2px 6px #00000026;transition:all .2s ease}[data-theme=light] .filter-group select{background-color:#fff;border:1px solid rgba(99,102,241,.2);color:#1f2937;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234338ca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");box-shadow:0 2px 6px #6366f10d}.funnel-chart-container{position:relative;width:100%;height:100%;min-height:400px;overflow:hidden;border-radius:8px;background:linear-gradient(180deg,#1e293bb3,#1e2941e6)}[data-theme=light] .funnel-chart-container{background:linear-gradient(180deg,#fffffff2,#f9fafbe6);box-shadow:0 4px 16px #6366f114;border:1px solid rgba(99,102,241,.1)}.funnel-tooltip{position:absolute;background:#111827f2;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;font-size:12px;color:#fff;pointer-events:none;z-index:10;box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);min-width:180px;transform:translate(-50%,-100%)}[data-theme=light] .funnel-tooltip{background:#fffffff2;border:1px solid rgba(99,102,241,.2);color:#1f2937;box-shadow:0 4px 16px #6366f126}.funnel-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#111827f2;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);transform:translate(-50%) rotate(45deg)}[data-theme=light] .funnel-tooltip:after{background:#fffffff2;border-right:1px solid rgba(99,102,241,.2);border-bottom:1px solid rgba(99,102,241,.2)}.tooltip-title{font-weight:600;font-size:14px;color:#fff;margin-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:6px}[data-theme=light] .tooltip-title{color:#1f2937;border-bottom:1px solid rgba(99,102,241,.1);font-weight:700}.tooltip-content{display:flex;flex-direction:column;gap:4px}.tooltip-row{display:flex;justify-content:space-between;align-items:center}.tooltip-label{color:#ffffffb3}[data-theme=light] .tooltip-label{color:#6b7280}.tooltip-value{font-weight:500;color:#fff}[data-theme=light] .tooltip-value{font-weight:600;color:#4f46e5}.funnel-segment{transition:filter .3s ease,opacity .5s ease}.funnel-segment:hover{filter:url(#shadow) drop-shadow(0 0 8px rgba(255,255,255,.3))}[data-theme=light] .funnel-segment:hover{filter:url(#shadow) drop-shadow(0 0 8px rgba(99,102,241,.3))}.funnel-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem;background:#0003;padding:12px;border-radius:8px}[data-theme=light] .funnel-legend{background:#f9fafbcc;border:1px solid rgba(99,102,241,.1);box-shadow:0 2px 8px #6366f10d}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#ffffffb3}[data-theme=light] .legend-item{color:#4b5563;font-weight:500}.legend-color{width:16px;height:16px;border-radius:3px}[data-theme=light] .legend-color{border:1px solid rgba(99,102,241,.2)}.drop-indicator-legend{height:16px;width:2px;position:relative;background-color:#ef4444cc}[data-theme=light] .drop-indicator-legend{background-color:#dc2626cc}.drop-indicator-legend:before{content:"";position:absolute;top:0;left:-4px;width:10px;height:10px;border-radius:50%;background-color:#ef444433}[data-theme=light] .drop-indicator-legend:before{background-color:#dc262626}.flow-path{transition:filter .3s ease,opacity .3s ease}.flow-path:hover{filter:brightness(1.2) drop-shadow(0 4px 6px rgba(0,0,0,.2))!important;opacity:.9!important}[data-theme=light] .flow-path:hover{filter:brightness(1.05) drop-shadow(0 4px 6px rgba(79,70,229,.2))!important}.stage-name{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;opacity:.8}[data-theme=light] .stage-name{fill:#1f2937!important;font-weight:600!important;opacity:1!important}.stage-count{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}[data-theme=light] .stage-count{fill:#4338ca!important;font-weight:700!important}.trend-indicator{letter-spacing:.5px}[data-theme=light] rect[fill="url(#background-gradient)"]{fill:#ffffffb3!important}[data-theme=light] line[stroke="rgba(255, 255, 255, 0.2)"]{stroke:#6366f133!important}[data-theme=light] rect[fill="rgba(0, 0, 0, 0.3)"]{fill:#4f46e51a!important;stroke:#4f46e54d!important;stroke-width:1!important}[data-theme=light] .funnel-legend rect[fill="rgba(0, 0, 0, 0.2)"]{fill:#fffc!important;stroke:#6366f11a!important;stroke-width:1!important;box-shadow:0 2px 10px #6366f10d!important}.chart-placeholder-container{position:relative;background:linear-gradient(135deg,#1e293b80,#1e29414d);border:1px solid rgba(99,102,241,.2);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease;display:flex;align-items:center;justify-content:center}[data-theme=light] .chart-placeholder-container{background:linear-gradient(135deg,#ffffffe6,#f8fafccc);border:1px solid rgba(99,102,241,.15)}.chart-placeholder-container:hover{border-color:#6366f166;box-shadow:0 8px 32px #6366f11a}.chart-placeholder-overlay{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;z-index:2}.chart-placeholder-content{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.2;padding:20px;pointer-events:none}.chart-placeholder{width:100%;height:100%;position:absolute;top:0;left:0;display:flex;align-items:end;justify-content:center;gap:8px;padding:20px}.chart-placeholder-bars{display:flex;align-items:end;gap:8px;height:80%;width:80%}.chart-placeholder-bar{flex:1;background:linear-gradient(180deg,#6366f199,#8b5cf666);border-radius:4px 4px 0 0;animation:placeholder-pulse 2s ease-in-out infinite;min-height:20%;transition:all .3s ease}[data-theme=light] .chart-placeholder-bar{background:linear-gradient(180deg,#6366f1e6,#8b5cf6b3);border:1px solid rgba(99,102,241,.3)}.chart-placeholder-axis{position:absolute;bottom:20px;left:20px;right:20px;top:20px}.axis-line{position:absolute;background:#fff3}[data-theme=light] .axis-line{background:#0006}.axis-line.horizontal{bottom:0;left:0;right:0;height:1px}.axis-line.vertical{bottom:0;left:0;top:0;width:1px}.kpi-placeholder{width:100%;height:100%;padding:40px;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(99,102,241,.3);border-radius:12px;margin:10px}.kpi-placeholder-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;width:100%;height:auto;max-height:120px;padding:15px;background:#6366f10d;border-radius:8px}.kpi-placeholder-card{background:#6366f11a;border-radius:12px;padding:1.2rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;animation:placeholder-glow 2s ease-in-out infinite;min-height:80px;max-height:100px}[data-theme=light] .kpi-placeholder-card{background:#6366f140;border:2px solid rgba(99,102,241,.4);box-shadow:0 2px 8px #6366f11a}.kpi-placeholder-icon{width:32px;height:32px;background:#6366f14d;border-radius:50%;animation:placeholder-pulse 1.5s ease-in-out infinite}[data-theme=light] .kpi-placeholder-icon{background:#6366f1cc;border:2px solid rgba(99,102,241,.6)}.kpi-placeholder-value{width:60%;height:20px;background:#fff3;border-radius:4px;animation:placeholder-shimmer 2s linear infinite}[data-theme=light] .kpi-placeholder-value{background:#00000040;border:1px solid rgba(0,0,0,.1)}.kpi-placeholder-label{width:80%;height:12px;background:#ffffff1a;border-radius:4px;animation:placeholder-shimmer 2s linear infinite .5s}[data-theme=light] .kpi-placeholder-label{background:#0003;border:1px solid rgba(0,0,0,.05)}[data-theme=light] .kpi-placeholder{border:2px dashed rgba(99,102,241,.5);background:#6366f105}[data-theme=light] .kpi-placeholder-cards{background:#6366f114}.heatmap-placeholder{width:100%;height:100%;padding:20px;display:flex;align-items:center;justify-content:center}.heatmap-placeholder-grid{display:flex;gap:4px;width:80%;height:80%;align-items:end;justify-content:center}.heatmap-placeholder-bar{flex:1;background:#6366f166;border-radius:2px;animation:placeholder-wave 2s ease-in-out infinite;min-height:20%}[data-theme=light] .heatmap-placeholder-bar{background:#6366f1cc;border:1px solid rgba(99,102,241,.5)}.list-placeholder{width:100%;height:100%;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:20px}.list-placeholder-item{display:flex;flex-direction:column;gap:.5rem;animation:placeholder-fade 2s ease-in-out infinite}.list-placeholder-line{height:12px;background:#fff3;border-radius:4px;animation:placeholder-shimmer 2s linear infinite}[data-theme=light] .list-placeholder-line{background:#0000004d;border:1px solid rgba(0,0,0,.1)}.list-placeholder-line.long{width:80%}.list-placeholder-line.short{width:60%}.chart-placeholder-info{text-align:center;z-index:3;position:relative;max-width:400px;display:flex;flex-direction:column;align-items:center;justify-content:center}.placeholder-title{font-size:1.2rem;font-weight:600;color:#f3f4f6;margin-bottom:.5rem}[data-theme=light] .placeholder-title{color:#1f2937}.placeholder-description{font-size:.9rem;color:#ffffffb3;margin-bottom:1.5rem;max-width:300px}[data-theme=light] .placeholder-description{color:#0009}.start-calculating-btn{display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 4px 20px #6366f14d}.start-calculating-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #6366f166;background:linear-gradient(135deg,#5855eb,#7c3aed)}.start-calculating-btn:active:not(:disabled){transform:translateY(0)}.start-calculating-btn:disabled{opacity:.8;cursor:not-allowed;transform:none}.start-calculating-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:button-shine 3s ease-in-out infinite}.start-calculating-btn.calculating{background:linear-gradient(135deg,#4f46e5,#7c3aed);animation:button-pulse 2s ease-in-out infinite}.calculating-spinner{animation:spin 1s linear infinite;display:flex;align-items:center;justify-content:center}.calculation-progress{position:absolute;bottom:0;left:0;right:0;height:4px;background:#6366f133;overflow:hidden}.calculation-progress:before{content:"";position:absolute;top:0;left:0;height:100%;width:30%;background:linear-gradient(90deg,#6366f1,#8b5cf6);animation:progress-slide 2s ease-in-out infinite}.progress-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;pointer-events:none}.particle{position:absolute;width:6px;height:6px;background:#6366f1cc;border-radius:50%;animation:particle-float 3s ease-in-out infinite}.particle:nth-child(1){top:20%;left:50%}.particle:nth-child(2){top:30%;left:70%}.particle:nth-child(3){top:50%;left:80%}.particle:nth-child(4){top:70%;left:70%}.particle:nth-child(5){top:80%;left:50%}.particle:nth-child(6){top:70%;left:30%}@keyframes placeholder-pulse{0%,to{opacity:.4;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.1)}}@keyframes placeholder-shimmer{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}[data-theme=light] .kpi-placeholder-value:after,[data-theme=light] .kpi-placeholder-label:after,[data-theme=light] .list-placeholder-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent);animation:shimmer-light 2s linear infinite}[data-theme=light] .kpi-placeholder-value,[data-theme=light] .kpi-placeholder-label,[data-theme=light] .list-placeholder-line{position:relative;overflow:hidden}@keyframes shimmer-light{0%{left:-100%}to{left:100%}}@keyframes placeholder-glow{0%,to{box-shadow:0 0 5px #6366f133}50%{box-shadow:0 0 20px #6366f166}}@keyframes placeholder-wave{0%,to{transform:scaleY(1);opacity:.4}50%{transform:scaleY(1.2);opacity:.8}}@keyframes placeholder-fade{0%,to{opacity:.3}50%{opacity:.7}}@keyframes button-shine{0%{left:-100%}to{left:100%}}@keyframes button-pulse{0%,to{box-shadow:0 4px 20px #6366f14d}50%{box-shadow:0 8px 30px #6366f180}}@keyframes progress-slide{0%{left:-30%}to{left:100%}}@keyframes particle-float{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(20px,-20px) scale(1.2);opacity:1}66%{transform:translate(-15px,-35px) scale(.8);opacity:.8}}[data-theme=light] .kpi-placeholder-card{animation:placeholder-glow-light 2s ease-in-out infinite}@keyframes placeholder-glow-light{0%,to{box-shadow:0 0 15px #6366f14d,0 4px 12px #6366f133,inset 0 1px #ffffff1a}50%{box-shadow:0 0 35px #6366f180,0 8px 20px #6366f14d,inset 0 1px #fff3}}[data-theme=light] .chart-placeholder-bar,[data-theme=light] .heatmap-placeholder-bar{animation:placeholder-pulse-light 2s ease-in-out infinite}[data-theme=light] .kpi-placeholder-icon{animation:placeholder-pulse-light 1.5s ease-in-out infinite}@keyframes placeholder-pulse-light{0%,to{opacity:.8;transform:scaleY(1);box-shadow:0 0 5px #6366f14d}50%{opacity:1;transform:scaleY(1.1);box-shadow:0 0 15px #6366f180}}[data-theme=light] .heatmap-placeholder-bar{animation:placeholder-wave-light 2s ease-in-out infinite}@keyframes placeholder-wave-light{0%,to{transform:scaleY(1);opacity:.8;box-shadow:0 0 3px #6366f14d}50%{transform:scaleY(1.2);opacity:1;box-shadow:0 0 10px #6366f180}}[data-theme=light] .list-placeholder-item{animation:placeholder-fade-light 2s ease-in-out infinite}@keyframes placeholder-fade-light{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(2px)}}[data-theme=light] .kpi-placeholder-value:after,[data-theme=light] .kpi-placeholder-label:after,[data-theme=light] .list-placeholder-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.6),transparent);animation:shimmer-light 2s linear infinite}@keyframes shimmer-light{0%{left:-100%;opacity:0}50%{opacity:1}to{left:100%;opacity:0}}@media (max-width: 768px){.chart-placeholder-overlay{padding:1rem}.kpi-placeholder-cards{grid-template-columns:repeat(2,1fr)}.start-calculating-btn{padding:.75rem 1.25rem;font-size:.8rem}.placeholder-title{font-size:1rem}.placeholder-description{font-size:.8rem}}@media (max-width: 1200px){.kpi-placeholder{padding:25px}.kpi-placeholder-cards{gap:1.2rem;padding:0 5px}.kpi-placeholder-card{padding:1rem .8rem;min-height:70px}}@media (max-width: 768px){.kpi-placeholder{padding:20px}.kpi-placeholder-cards{grid-template-columns:repeat(2,1fr);gap:1rem;max-height:160px}.kpi-placeholder-card{padding:.8rem;min-height:60px}}.word-cloud-container{width:100%;height:100%;position:relative;border-radius:8px;overflow:hidden}.word-cloud-container canvas{width:100%;height:100%}.word-cloud-controls{position:absolute;bottom:10px;right:10px;display:flex;gap:5px;z-index:10}.word-cloud-control-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#1e293bb3;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:#fffc;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.word-cloud-control-btn:hover{background:#6366f166;color:#fff}.word-cloud-tooltip{position:absolute;background:#1e293be6;border:1px solid rgba(255,255,255,.1);border-radius:4px;padding:8px 12px;font-size:14px;color:#fff;pointer-events:none;z-index:20;transition:opacity .2s ease;opacity:0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 12px #0003}.word-cloud-tooltip.visible{opacity:1}.loading-container{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:#1e293b66;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:30}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.word-cloud-container{min-height:300px}}.account-settings-container{padding:2rem;height:100vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#4b5563 #1f2937;width:100%;background-color:#111827;color:#f3f4f6;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1)}[data-theme=light] .account-settings-container{background-color:#f9fafb;color:#1f2937;scrollbar-color:#d1d5db #f3f4f6}.account-settings-container::-webkit-scrollbar{width:8px}.account-settings-container::-webkit-scrollbar-track{background-color:#1f2937}[data-theme=light] .account-settings-container::-webkit-scrollbar-track{background-color:#f3f4f6}.account-settings-container::-webkit-scrollbar-thumb{background-color:#4b5563;border-radius:4px}[data-theme=light] .account-settings-container::-webkit-scrollbar-thumb{background-color:#d1d5db}.account-settings-container::-webkit-scrollbar-thumb:hover{background-color:#6b7280}[data-theme=light] .account-settings-container::-webkit-scrollbar-thumb:hover{background-color:#9ca3af}.account-settings-header{margin-bottom:2.5rem;position:relative;padding-bottom:1.5rem}.account-settings-header:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:2px}.account-settings-header h1{font-size:2.25rem;font-weight:700;color:#f3f4f6;margin-bottom:.5rem}[data-theme=light] .account-settings-header h1{color:#1f2937;background:linear-gradient(90deg,#4338ca,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.account-settings-header p{color:#9ca3af;font-size:1.125rem}[data-theme=light] .account-settings-header p{color:#6b7280}.settings-card{background-color:#1f2937;border-radius:1.25rem;box-shadow:0 10px 25px #00000040;margin-bottom:2.5rem;overflow:hidden;-webkit-transition:all .4s cubic-bezier(.175,.885,.32,1.275);transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(75,85,99,.3);position:relative}[data-theme=light] .settings-card{background-color:#fff;box-shadow:0 10px 25px #6366f11f;border:1px solid rgba(99,102,241,.12)}.settings-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#6366f1,#4f46e5);opacity:0;transition:opacity .3s ease}.settings-card:hover{box-shadow:0 20px 40px #0000004d;-webkit-transform:translateY(-5px);transform:translateY(-5px)}[data-theme=light] .settings-card:hover{box-shadow:0 20px 40px #6366f126;-webkit-transform:translateY(-5px);transform:translateY(-5px)}.settings-card:hover:before{opacity:1}.settings-card-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid #374151;background-color:#1a202c;cursor:pointer}[data-theme=light] .settings-card-header{background-color:#f9fafbe6;border-bottom:1px solid rgba(99,102,241,.15)}.settings-card-title{display:flex;align-items:center;gap:.75rem}.settings-card-icon{font-size:1.75rem;color:#6366f1;background-color:#6366f11a;padding:.5rem;border-radius:12px;transition:all .3s ease}[data-theme=light] .settings-card-icon{color:#4f46e5;background-color:#6366f114}.settings-card:hover .settings-card-icon{transform:scale(1.1);background-color:#6366f126}[data-theme=light] .settings-card:hover .settings-card-icon{background-color:#6366f11f}.settings-card-title h2{font-size:1.5rem;font-weight:600;color:#f3f4f6;margin:0}[data-theme=light] .settings-card-title h2{color:#1f2937;font-weight:700}.settings-card-content{padding:2rem}.edit-button,.save-button,.cancel-button,.text-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:.75rem;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .25s ease;outline:none}.edit-button{background-color:#2d3748;color:#6366f1;border:1px solid #4a5568}[data-theme=light] .edit-button{background-color:#f9fafbe6;color:#4f46e5;border:1px solid rgba(99,102,241,.25)}.edit-button:hover{background-color:#4a5568;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}[data-theme=light] .edit-button:hover{background-color:#f9fafb;box-shadow:0 4px 12px #6366f126;border-color:#6366f159}.save-button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;box-shadow:0 4px 12px #6366f14d}[data-theme=light] .save-button{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f133}.save-button:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 6px 16px #6366f166}[data-theme=light] .save-button:hover{background:linear-gradient(135deg,#4338ca,#3730a3);box-shadow:0 6px 16px #6366f140}.cancel-button{background-color:#2d3748;color:#9ca3af;border:1px solid #4a5568}[data-theme=light] .cancel-button{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.cancel-button:hover{background-color:#374151;color:#f3f4f6;transform:translateY(-2px)}[data-theme=light] .cancel-button:hover{background-color:#f9fafb;color:#4b5563;border-color:#9ca3af}.text-button{background:none;border:none;color:#6366f1;padding:.25rem 0;font-weight:500;position:relative}[data-theme=light] .text-button{color:#4f46e5}.text-button:after{content:"";position:absolute;bottom:0;left:0;width:0%;height:2px;background-color:#6366f1;transition:width .3s ease}[data-theme=light] .text-button:after{background-color:#4f46e5}.text-button:hover{color:#818cf8}[data-theme=light] .text-button:hover{color:#6366f1}.text-button:hover:after{width:100%}.button-group{display:flex;gap:.75rem}.business-info-display,.profile-info-display{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.info-group{margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.info-group:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,#374151,transparent)}[data-theme=light] .info-group:after{background:linear-gradient(90deg,rgba(99,102,241,.15),transparent)}.info-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#9ca3af;margin-bottom:.375rem}[data-theme=light] .info-group label{color:#6b7280;font-weight:600}.info-group p{font-size:1.125rem;color:#f3f4f6;margin:0;padding:.5rem 0;word-break:break-word;line-height:1.5}[data-theme=light] .info-group p{color:#1f2937}.business-info-form,.profile-info-form{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.profile-form-group{margin-bottom:1.75rem;width:100%}.profile-form-group label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:500;color:#9ca3af;margin-bottom:.625rem}[data-theme=light] .profile-form-group label{color:#6b7280;font-weight:600}.profile-form-group input,.profile-form-group textarea{width:100%;padding:.875rem 1.25rem;border:1px solid #4b5563;border-radius:.75rem;font-size:1.125rem;color:#f3f4f6;transition:all .25s ease;background-color:#2d3748}[data-theme=light] .profile-form-group input,[data-theme=light] .profile-form-group textarea{background-color:#fff;border:1px solid #d1d5db;color:#1f2937}.profile-form-group input:focus,.profile-form-group textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 4px #6366f126;background-color:#374151}[data-theme=light] .profile-form-group input:focus,[data-theme=light] .profile-form-group textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 4px #6366f11a;background-color:#fff}.profile-form-group input:hover,.profile-form-group textarea:hover{border-color:#6b7280}[data-theme=light] .profile-form-group input:hover,[data-theme=light] .profile-form-group textarea:hover{border-color:#9ca3af}.profile-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;width:100%}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid #374151}[data-theme=light] .profile-header{border-bottom:1px solid rgba(99,102,241,.15)}.avatar-container{position:relative;cursor:pointer}.avatar{width:100px;height:100px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:600;box-shadow:0 8px 20px #6366f14d;border:4px solid #2d3748;transition:all .3s ease}[data-theme=light] .avatar{border:4px solid white;box-shadow:0 8px 20px #6366f133}.avatar-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.avatar-container:hover .avatar{transform:scale(1.05)}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-edit-icon{color:#fff;font-size:2rem}.profile-summary{flex:1}.profile-summary h3{font-size:1.75rem;font-weight:700;color:#f3f4f6;margin:0 0 .5rem}[data-theme=light] .profile-summary h3{color:#1f2937}.role-badge{display:inline-block;padding:.375rem 1rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border-radius:2rem;font-size:.875rem;font-weight:500;letter-spacing:.5px;box-shadow:0 4px 12px #6366f14d}[data-theme=light] .role-badge{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f133}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease}[data-theme=light] .modal-overlay{background-color:#0f172a99}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}.password-modal{background-color:#1f2937;border-radius:1.25rem;width:100%;max-width:550px;box-shadow:0 25px 50px #0000004d;overflow:hidden;-webkit-animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);animation:modalSlideIn .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid #374151}[data-theme=light] .password-modal{background-color:#fff;box-shadow:0 25px 50px #0f172a33;border:1px solid rgba(99,102,241,.15)}@-webkit-keyframes modalSlideIn{0%{opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;border-bottom:1px solid #374151;background-color:#1a202c}[data-theme=light] .modal-header{background-color:#f9fafbe6;border-bottom:1px solid rgba(99,102,241,.15)}.modal-header h3{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#f3f4f6;margin:0}[data-theme=light] .modal-header h3{color:#1f2937}.close-button{background:none;border:none;color:#9ca3af;font-size:1.75rem;cursor:pointer;transition:all .25s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%}[data-theme=light] .close-button{color:#6b7280}.close-button:hover{color:#f3f4f6;background-color:#374151;transform:rotate(90deg)}[data-theme=light] .close-button:hover{color:#1f2937;background-color:#f3f4f6}.password-form{padding:2rem}.password-requirements{margin:1.75rem 0;padding:1.25rem;background-color:#2d3748;border-radius:.875rem;border-left:4px solid #6366f1}[data-theme=light] .password-requirements{background-color:#f9fafb;border-left:4px solid #4f46e5}.password-requirements p{font-weight:600;color:#f3f4f6;margin:0 0 .75rem}[data-theme=light] .password-requirements p{color:#1f2937}.password-requirements ul{margin:0;padding-left:1.5rem;color:#9ca3af}[data-theme=light] .password-requirements ul{color:#6b7280}.password-requirements li{margin-bottom:.5rem;padding-left:.5rem}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.card-header-actions{display:flex;align-items:center;gap:1rem}.toggle-icon{font-size:1.25rem;color:#9ca3af;transition:transform .3s ease}[data-theme=light] .toggle-icon{color:#6b7280}.settings-card-header:hover .toggle-icon{color:#f3f4f6}[data-theme=light] .settings-card-header:hover .toggle-icon{color:#4f46e5}.notification-preferences{display:flex;flex-direction:column;gap:1.5rem}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #374151}[data-theme=light] .notification-item{border-bottom:1px solid rgba(99,102,241,.1)}.notification-item:last-child{border-bottom:none}.notification-info{display:flex;align-items:center;gap:1rem}.notification-icon{width:40px;height:40px;background-color:#6366f126;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#6366f1}[data-theme=light] .notification-icon{background-color:#6366f11a;color:#4f46e5}.notification-details h4{margin:0 0 .25rem;font-size:1rem;color:#f3f4f6;font-weight:600}[data-theme=light] .notification-details h4{color:#1f2937;font-weight:600}.notification-details p{margin:0;font-size:.875rem;color:#9ca3af}[data-theme=light] .notification-details p{color:#6b7280}.notification-status{padding:.375rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notification-status.enabled{background-color:#10b98133;color:#10b981}[data-theme=light] .notification-status.enabled{background-color:#10b9811a;color:#059669}.notification-status.disabled{background-color:#ef444433;color:#ef4444}[data-theme=light] .notification-status.disabled{background-color:#ef44441a;color:#dc2626}.notification-preferences-form{display:flex;flex-direction:column;gap:1.5rem}.toggle-group{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid #374151}[data-theme=light] .toggle-group{border-bottom:1px solid rgba(99,102,241,.1)}.toggle-group:last-child{border-bottom:none}.toggle-label{display:flex;align-items:center;gap:1rem}.toggle-label h4{margin:0 0 .25rem;font-size:1rem;color:#f3f4f6;font-weight:600}[data-theme=light] .toggle-label h4{color:#1f2937}.toggle-label p{margin:0;font-size:.875rem;color:#9ca3af}[data-theme=light] .toggle-label p{color:#6b7280}.toggle-switch{position:relative;display:inline-block;width:50px;height:26px;margin:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#4b5563;transition:.4s;border-radius:26px}[data-theme=light] .toggle-slider{background-color:#d1d5db}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}[data-theme=light] input:checked+.toggle-slider{background-color:#4f46e5}input:checked+.toggle-slider:before{transform:translate(24px)}.save-animation{position:fixed;bottom:30px;right:30px;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:1rem 1.5rem;border-radius:.75rem;display:flex;align-items:center;gap:.75rem;box-shadow:0 10px 25px #6366f166;z-index:1000;-webkit-animation:slideInUp .4s ease,fadeOut .4s ease 1.6s;animation:slideInUp .4s ease,fadeOut .4s ease 1.6s}[data-theme=light] .save-animation{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 10px 25px #6366f140}.save-animation-icon{background-color:#fff3;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.save-animation p{margin:0;font-weight:500}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100px);transform:translateY(100px);opacity:0}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slideInUp{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.scroll-top-button{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;border:none;font-size:1.5rem;cursor:pointer;box-shadow:0 6px 16px #6366f166;transition:all .3s ease;z-index:900}[data-theme=light] .scroll-top-button{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 6px 16px #6366f140}.scroll-top-button:hover{transform:translateY(-5px);box-shadow:0 10px 20px #6366f180}[data-theme=light] .scroll-top-button:hover{box-shadow:0 10px 20px #6366f14d}.scroll-top-button:active{transform:translateY(0)}.loading-indicator{display:flex;justify-content:center;align-items:center;padding:2rem;color:#9ca3af;font-weight:500;font-size:1.125rem;position:relative}.loading-indicator:after{content:"";position:absolute;width:24px;height:24px;border:3px solid rgba(99,102,241,.3);border-radius:50%;border-top-color:#6366f1;margin-left:10px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.error-message{background-color:#ef44441a;color:#ef4444;padding:1rem 1.5rem;border-radius:.75rem;font-weight:500;display:flex;align-items:center;justify-content:center}[data-theme=light] .error-message{background-color:#ef44440d;color:#dc2626}.business-card{transition:all .5s cubic-bezier(.175,.885,.32,1.275)}.business-card:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00000059}[data-theme=light] .business-card:hover{box-shadow:0 25px 50px #6366f12e}.business-info-display-modern{display:flex;flex-direction:column;gap:2.5rem;position:relative}.business-header{display:flex;align-items:center;gap:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(99,102,241,.2)}.business-logo{width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#4f46e5);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.75rem;font-weight:700;box-shadow:0 8px 25px #6366f159;position:relative;overflow:hidden}.business-logo:before{content:"";position:absolute;width:120%;height:120%;background:radial-gradient(circle at center,rgba(255,255,255,.15) 0%,transparent 70%);top:-10%;left:-10%}.business-title h3{font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(90deg,#6366f1,#4f46e5);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}[data-theme=light] .business-title h3{background:linear-gradient(90deg,#4338ca,#6366f1);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.business-details{display:flex;flex-direction:column;gap:2.5rem}.business-intro-section{background-color:#6366f114;border-radius:1rem;padding:1.75rem;border-left:4px solid #6366f1;position:relative;overflow:hidden}[data-theme=light] .business-intro-section{background-color:#6366f10d}.business-intro-section:before{content:"";position:absolute;top:-20px;left:10px;font-size:8rem;font-weight:700;color:#6366f11a;font-family:Georgia,serif}.business-intro-section h4{font-size:1.25rem;font-weight:600;margin:0 0 1rem;color:#6366f1;display:flex;align-items:center}[data-theme=light] .business-intro-section h4{color:#4f46e5}.business-introduction{font-size:1.125rem;line-height:1.8;margin:0;position:relative;z-index:1;color:#f3f4f6}[data-theme=light] .business-introduction{color:#1f2937}.business-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.info-card{background-color:#2d3748;border-radius:1rem;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s ease;border:1px solid rgba(75,85,99,.3)}[data-theme=light] .info-card{background-color:#fff;border:1px solid rgba(99,102,241,.15)}.info-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0003;border-color:#6366f159}[data-theme=light] .info-card:hover{box-shadow:0 10px 25px #6366f126}.info-card-icon{width:48px;height:48px;background:#6366f126;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#6366f1;flex-shrink:0}[data-theme=light] .info-card-icon{color:#4f46e5;background:#6366f11a}.info-card-content{flex:1}.info-card-content label{display:block;font-size:.9rem;font-weight:500;color:#9ca3af;margin-bottom:.5rem}[data-theme=light] .info-card-content label{color:#6b7280}.info-card-content p{font-size:1.125rem;font-weight:500;color:#f3f4f6;margin:0;word-break:break-word;line-height:1.5}[data-theme=light] .info-card-content p{color:#1f2937}.featured-card{grid-column:1 / -1;background:linear-gradient(135deg,#2d3748,#374151);border:none;position:relative;overflow:hidden}[data-theme=light] .featured-card{background:linear-gradient(135deg,#eef2ff,#e0e7ff)}.featured-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6366f1,#4f46e5)}.featured-card .info-card-icon{background:#6366f140;color:#818cf8}[data-theme=light] .featured-card .info-card-icon{background:#6366f126;color:#4f46e5}.featured-card .info-card-content label{color:#a5b4fc;font-weight:600}[data-theme=light] .featured-card .info-card-content label{color:#4f46e5}.featured-card .info-card-content p{font-size:1.25rem;letter-spacing:.5px}.business-info-form-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.business-info-form-modern .profile-form-group{position:relative;margin-bottom:1.5rem}.business-info-form-modern .full-width{grid-column:1 / -1}.business-info-form-modern label{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:#9ca3af;margin-bottom:.75rem}[data-theme=light] .business-info-form-modern label{color:#6b7280}.business-info-form-modern .form-icon{width:24px;height:24px;border-radius:6px;background-color:#6366f11a;display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:.9rem}[data-theme=light] .business-info-form-modern .form-icon{background-color:#6366f114;color:#4f46e5}.business-info-form-modern input,.business-info-form-modern textarea{width:100%;background-color:#374151;border:1px solid rgba(99,102,241,.2);color:#f3f4f6;border-radius:.75rem;padding:.95rem 1.25rem;font-size:1.05rem;transition:all .3s ease}[data-theme=light] .business-info-form-modern input,[data-theme=light] .business-info-form-modern textarea{background-color:#fff;color:#1f2937;border:1px solid rgba(99,102,241,.15)}.business-info-form-modern input:focus,.business-info-form-modern textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;background-color:#404a5e}[data-theme=light] .business-info-form-modern input:focus,[data-theme=light] .business-info-form-modern textarea:focus{background-color:#fff;box-shadow:0 0 0 3px #6366f11a}.business-info-form-modern input:hover,.business-info-form-modern textarea:hover{border-color:#6366f1}.business-info-form-modern input::placeholder,.business-info-form-modern textarea::placeholder{color:#9ca3af}.business-info-form-modern .featured-form-group{grid-column:1 / -1;padding:1.5rem;background:linear-gradient(135deg,#6366f114,#6366f11f);border-radius:1rem;margin-top:1rem;position:relative;overflow:hidden}[data-theme=light] .business-info-form-modern .featured-form-group{background:linear-gradient(135deg,#6366f10d,#6366f114)}.business-info-form-modern .featured-form-group:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(to bottom,#6366f1,#4f46e5)}.business-info-form-modern .featured-form-group label{color:#a5b4fc}[data-theme=light] .business-info-form-modern .featured-form-group label{color:#4f46e5}.business-info-form-modern .featured-form-group .form-icon{background-color:#6366f133;color:#818cf8}[data-theme=light] .business-info-form-modern .featured-form-group .form-icon{background-color:#6366f11f;color:#4f46e5}@media (max-width: 768px){.business-header{flex-direction:column;align-items:flex-start;text-align:center}.business-logo{margin:0 auto 1rem}.business-title{text-align:center;width:100%}.business-info-grid{grid-template-columns:1fr}.notification-item,.toggle-group{flex-direction:column;align-items:flex-start;gap:1rem}.save-animation{left:50%;right:auto;transform:translate(-50%);bottom:20px}.scroll-top-button{width:40px;height:40px;font-size:1.25rem;right:20px;bottom:20px}}.readonly-field{background-color:#0000000d;border:1px solid rgba(0,0,0,.1);cursor:not-allowed}[data-theme=light] .readonly-field{background-color:#00000008;border:1px solid rgba(0,0,0,.08)}.field-note{display:block;font-size:.75rem;color:var(--text-secondary);margin-top:4px;font-style:italic}.highlight-card{border:1px solid rgba(99,102,241,.2);background:linear-gradient(135deg,#6366f11a,#6366f100)}[data-theme=light] .highlight-card{border:1px solid rgba(99,102,241,.3);background:linear-gradient(135deg,#6366f126,#6366f10d)}.no-account-settings{display:flex;justify-content:center;padding:1rem 0}.empty-state-container{max-width:700px;background:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;padding:2rem;text-align:center;animation:fadeIn .5s ease-out}[data-theme=dark] .empty-state-container{background:#1f2937;box-shadow:0 8px 24px #0003}.empty-state-icon{width:60px;height:60px;background:#4f46e5;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:#fff;font-size:2rem;box-shadow:0 10px 20px #4f46e533}.empty-state-container h2{font-size:1.5rem;margin-bottom:.75rem;color:#1f2937}[data-theme=dark] .empty-state-container h2{color:#f3f4f6}.empty-state-description{font-size:1rem;color:#6b7280;max-width:500px;margin:0 auto 1.5rem;line-height:1.5}[data-theme=dark] .empty-state-description{color:#9ca3af}.empty-state-features{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem}.feature-card{background:#f9fafb;border-radius:12px;padding:1rem;transition:transform .2s,box-shadow .2s}[data-theme=dark] .feature-card{background:#111827}.feature-card:hover{transform:translateY(-3px);box-shadow:0 6px 12px #0000000d}[data-theme=dark] .feature-card:hover{box-shadow:0 6px 12px #0003}.feature-icon{width:36px;height:36px;background:#4f46e51a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto .75rem;color:#4f46e5;font-size:1.25rem}[data-theme=dark] .feature-icon{background:#4f46e533}.feature-card h3{font-size:.95rem;margin-bottom:.4rem;color:#1f2937}[data-theme=dark] .feature-card h3{color:#f3f4f6}.feature-card p{font-size:.85rem;color:#6b7280;line-height:1.4;margin:0}[data-theme=dark] .feature-card p{color:#9ca3af}.create-profile-button{background:#4f46e5;color:#fff;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.95rem;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;transition:all .2s;margin-bottom:1.25rem}.create-profile-button:hover{background:#4338ca;transform:translateY(-2px);box-shadow:0 4px 12px #4f46e54d}.arrow-icon{transition:transform .2s}.create-profile-button:hover .arrow-icon{transform:translate(4px)}.empty-state-tip{background:#3b82f61a;border-radius:8px;padding:.75rem;max-width:400px;margin:0 auto}[data-theme=dark] .empty-state-tip{background:#3b82f626}.empty-state-tip p{color:#3b82f6;font-size:.85rem;margin:0}@media (max-width: 768px){.empty-state-container{padding:1.5rem 1rem}.empty-state-features{grid-template-columns:1fr;gap:.75rem}.empty-state-icon{width:50px;height:50px;font-size:1.5rem}.feature-card{padding:.75rem}}@media (min-width: 769px) and (max-width: 1024px){.empty-state-features{grid-template-columns:repeat(2,1fr)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-settings-container{width:100%;height:100vh;overflow-y:auto;background-color:#f8fafc;padding:0;margin:0;display:flex;align-items:flex-start;justify-content:center}[data-theme=dark] .profile-settings-container{background-color:#0f172a;color:#e2e8f0}.profile-settings-container::-webkit-scrollbar{width:6px}.profile-settings-container::-webkit-scrollbar-track{background:transparent}.profile-settings-container::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:3px}.profile-settings-wrapper{width:100%;max-width:900px;margin:2rem auto;padding:0 1rem;position:relative}.profile-settings-header{margin-bottom:2rem;text-align:center}.profile-settings-header h1{font-size:2.25rem;font-weight:700;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] :is(.profile-settings-header h1){color:#f1f5f9}.profile-settings-header p{font-size:1.125rem;color:#64748b;margin:0}[data-theme=dark] :is(.profile-settings-header p){color:#cbd5e1}.profile-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #94a3b81a;margin-bottom:2rem;overflow:hidden;border:1px solid #e2e8f0;transition:all .3s ease}.profile-section:hover{box-shadow:0 8px 32px #94a3b826;transform:translateY(-2px)}[data-theme=dark] .profile-section{background:#1e293b;border:1px solid #334155;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .profile-section:hover{box-shadow:0 8px 32px #0006}.section-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;cursor:pointer;transition:all .3s ease}.section-header:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}[data-theme=dark] .section-header{background:linear-gradient(135deg,#334155,#475569);border-bottom:1px solid #475569}[data-theme=dark] .section-header:hover{background:linear-gradient(135deg,#475569,#64748b)}.section-title{display:flex;align-items:center;gap:.75rem}.section-title h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}[data-theme=dark] :is(.section-title h2){color:#f1f5f9}.section-icon{font-size:1.5rem;color:#6366f1;padding:.5rem;background:#6366f11a;border-radius:8px}[data-theme=dark] .section-icon{color:#818cf8;background:#818cf81a}.section-toggle{background:none;border:none;font-size:1.25rem;color:#64748b;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .3s ease}.section-toggle:hover{background:#6366f11a;color:#6366f1}[data-theme=dark] .section-toggle{color:#cbd5e1}[data-theme=dark] .section-toggle:hover{background:#818cf81a;color:#818cf8}.section-content{padding:2rem}.profile-view{display:flex;flex-direction:column;gap:2rem}.profile-avatar-section{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}[data-theme=dark] .profile-avatar-section{background:linear-gradient(135deg,#334155,#475569);border:1px solid #475569}.profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #6366f1;box-shadow:0 4px 12px #6366f133}.profile-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem;font-weight:600}.profile-basic-info h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}[data-theme=dark] :is(.profile-basic-info h3){color:#f1f5f9}.profile-basic-info p{font-size:1rem;color:#64748b;margin:0}[data-theme=dark] :is(.profile-basic-info p){color:#cbd5e1}.profile-details-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}.profile-detail-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.profile-detail-item:hover{background:#f1f5f9;border-color:#6366f1;transform:translateY(-2px)}[data-theme=dark] .profile-detail-item{background:#334155;border:1px solid #475569}[data-theme=dark] .profile-detail-item:hover{background:#475569;border-color:#818cf8}.detail-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#64748b;min-width:120px}.detail-label svg{font-size:1.125rem;color:#6366f1}[data-theme=dark] .detail-label{color:#cbd5e1}[data-theme=dark] .detail-label svg{color:#818cf8}.detail-value{font-size:1rem;font-weight:500;color:#1e293b}[data-theme=dark] .detail-value{color:#f1f5f9}.profile-actions{display:flex;justify-content:center;margin-top:1rem}.user-profile-edit-form,.password-change-form{background:#f8fafc;border-radius:12px;padding:2rem;border:1px solid #e2e8f0}[data-theme=dark] .user-profile-edit-form,[data-theme=dark] .password-change-form{background:#334155;border:1px solid #475569}.form-header{margin-bottom:2rem;text-align:center}.form-header h3{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:.5rem}[data-theme=dark] :is(.form-header h3){color:#f1f5f9}.form-header p{color:#64748b;margin:0}[data-theme=dark] :is(.form-header p){color:#cbd5e1}.profile-form-group{display:flex;flex-direction:column;gap:.5rem}.profile-form-group label{font-weight:600;color:#334155;font-size:.875rem;display:flex;align-items:center;gap:.25rem}[data-theme=dark] :is(.profile-form-group label){color:#e2e8f0}.required{color:#ef4444}.profile-form-group input,.profile-form-group textarea{width:100%;padding:.75rem 1rem;border-radius:8px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#0f172a;font-size:.95rem;transition:all .2s ease}.profile-form-group input:hover,.profile-form-group textarea:hover{border-color:#94a3b8;background-color:#fff}.profile-form-group input:focus,.profile-form-group textarea:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f126}.profile-form-group input::placeholder,.profile-form-group textarea::placeholder{color:#94a3b8}.profile-form-group input.has-error,.profile-form-group textarea.has-error{border-color:#ef4444;background-color:#fef2f2}.profile-form-group input.has-error:focus,.profile-form-group textarea.has-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}[data-theme=dark] :is(.profile-form-group input),[data-theme=dark] :is(.profile-form-group textarea){background-color:#1f2937;border:1px solid #4b5563;color:#e5e7eb}[data-theme=dark] :is(.profile-form-group input):hover,[data-theme=dark] :is(.profile-form-group textarea):hover{background-color:#374151;border-color:#6b7280}[data-theme=dark] :is(.profile-form-group input):focus,[data-theme=dark] :is(.profile-form-group textarea):focus{border-color:#818cf8;background-color:#111827;box-shadow:0 0 0 3px #818cf826}[data-theme=dark] :is(.profile-form-group input).has-error,[data-theme=dark] :is(.profile-form-group textarea).has-error{border-color:#ef4444;background-color:#1f2937}[data-theme=dark] :is(.profile-form-group input).has-error:focus,[data-theme=dark] :is(.profile-form-group textarea).has-error:focus{box-shadow:0 0 0 3px #ef444426}.avatar-upload-group{grid-column:1 / -1}.avatar-upload-container{display:flex;align-items:center;gap:1.5rem;padding:1.5rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0}[data-theme=dark] .avatar-upload-container{background:#1f2937;border:1px solid #4b5563}.current-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #6366f1;box-shadow:0 4px 12px #6366f133}.current-avatar img{width:100%;height:100%;object-fit:cover}.avatar-upload-actions{display:flex;flex-direction:column;gap:.5rem}.upload-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff!important;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;font-size:.875rem}.upload-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d;color:#fff!important}.upload-btn:focus{outline:none;box-shadow:0 0 0 3px #6366f14d}.upload-btn svg{font-size:1rem;color:#fff}.upload-hint{font-size:.75rem;color:#64748b;margin:0}[data-theme=dark] .upload-hint{color:#cbd5e1}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container input{padding-right:3rem}.password-toggle{position:absolute;right:.75rem;background:none;border:none;color:#64748b;cursor:pointer;padding:.25rem;border-radius:4px;transition:all .2s ease}.password-toggle:hover{color:#6366f1;background:#6366f11a}[data-theme=dark] .password-toggle{color:#cbd5e1}[data-theme=dark] .password-toggle:hover{color:#818cf8;background:#818cf81a}.security-item{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:1.5rem}[data-theme=dark] .security-item{background:#334155;border:1px solid #475569}.security-info{display:flex;align-items:center;gap:1rem}.security-icon{width:48px;height:48px;background:#6366f11a;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#6366f1;font-size:1.25rem}[data-theme=dark] .security-icon{background:#818cf81a;color:#818cf8}.security-details h4{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .25rem}[data-theme=dark] :is(.security-details h4){color:#f1f5f9}.security-details p{font-size:.875rem;color:#64748b;margin:0}[data-theme=dark] :is(.security-details p){color:#cbd5e1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f133;min-width:140px}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#6366f1;border:2px solid #6366f1;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px}.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}[data-theme=dark] .btn-secondary{background:#1e293b;color:#818cf8;border:2px solid #818cf8}[data-theme=dark] .btn-secondary:hover{background:#818cf8;color:#1e293b}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}[data-theme=dark] .form-actions{border-top:1px solid #475569}.save-success-animation{position:fixed;top:2rem;right:2rem;background:#10b981;color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 8px 32px #10b9814d;display:flex;align-items:center;gap:.75rem;z-index:1000;animation:slideInFromRight .3s ease-out}.success-icon{width:24px;height:24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem}.save-success-animation p{margin:0;font-weight:500}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.profile-settings-wrapper{margin:1rem auto;padding:0 .5rem}.profile-settings-header h1{font-size:1.875rem}.section-content{padding:1.5rem}.profile-avatar-section{flex-direction:column;text-align:center}.profile-details-grid{grid-template-columns:1fr}.avatar-upload-container{flex-direction:column;text-align:center}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.security-item{flex-direction:column;gap:1rem;text-align:center}.save-success-animation{top:1rem;right:1rem;left:1rem}}@media (max-width: 480px){.profile-settings-header h1{font-size:1.5rem}.section-header,.section-content{padding:1rem}.user-profile-edit-form,.password-change-form{padding:1.5rem}}.change-phone-btn{margin-left:1rem;padding:.5rem 1rem;font-size:.875rem;border-radius:6px;transition:all .3s ease}.phone-display-readonly{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px}[data-theme=dark] .phone-display-readonly{background:#1e293b;border-color:#334155}.phone-display-readonly span{font-weight:500;color:#1e293b}[data-theme=dark] :is(.phone-display-readonly span){color:#e2e8f0}.phone-display-readonly small{color:#64748b;font-size:.8rem}[data-theme=dark] :is(.phone-display-readonly small){color:#94a3b8}.phone-change-modal-overlay{position:absolute;top:-20rem;left:-1rem;right:-1rem;bottom:-2rem;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:16px}.phone-change-modal-container{background:#fff;border-radius:16px;padding:2rem;width:90%;max-width:500px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 40px #00000026;position:relative}[data-theme=dark] .phone-change-modal-container{background:#1e293b;color:#e2e8f0}.phone-change-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}[data-theme=dark] .phone-change-modal-header{border-bottom-color:#334155}.phone-change-modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1e293b}[data-theme=dark] :is(.phone-change-modal-header h3){color:#e2e8f0}.modal-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#64748b;padding:.5rem;border-radius:8px;transition:all .3s ease}.modal-close-btn:hover{background:#f1f5f9;color:#1e293b}[data-theme=dark] .modal-close-btn{color:#94a3b8}[data-theme=dark] .modal-close-btn:hover{background:#334155;color:#e2e8f0}.phone-change-modal-body{min-height:250px}.phone-change-step{display:flex;flex-direction:column;gap:2rem;min-height:300px;position:relative}.step-info{text-align:center}.step-info.success{color:#10b981}.step-info h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1e293b}[data-theme=dark] :is(.step-info h4){color:#e2e8f0}.success :is(.step-info h4){color:#10b981}.step-info p{margin:0;color:#64748b;line-height:1.6}[data-theme=dark] :is(.step-info p){color:#94a3b8}.phone-change-step .success-icon{width:60px;height:60px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin:0 auto 1rem;animation:successPulse .6s ease-out}.verification-code-section{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:.5rem}.verification-code-section label{font-weight:500;color:#1e293b}[data-theme=dark] :is(.verification-code-section label){color:#e2e8f0}.code-input-container{display:flex;gap:.5rem;justify-content:center}.code-input{width:45px;height:45px;text-align:center;border:2px solid #e2e8f0;border-radius:8px;font-size:1.2rem;font-weight:600;transition:all .3s ease}.code-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .code-input{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .code-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.resend-section{text-align:center;font-size:.875rem;color:#64748b;margin-top:1rem;padding:.5rem 0}[data-theme=dark] .resend-section{color:#94a3b8}.resend-button{background:none;border:none;color:#6366f1;cursor:pointer;font-weight:500;transition:all .3s ease}.resend-button:hover:not(:disabled){color:#4f46e5;text-decoration:underline}.resend-button:disabled{color:#94a3b8;cursor:not-allowed}.new-phone-input-section{display:flex;flex-direction:column;gap:1rem}.new-phone-input-section label{font-weight:500;color:#1e293b}[data-theme=dark] :is(.new-phone-input-section label){color:#e2e8f0}.phone-input-container{display:flex;gap:.5rem}.country-code-select{padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;background:#fff;font-size:.875rem;cursor:pointer;transition:all .3s ease;min-width:100px}.country-code-select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .country-code-select{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .country-code-select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.new-phone-input{flex:1;padding:.75rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease}.new-phone-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .new-phone-input{background:#334155;border-color:#475569;color:#e2e8f0}[data-theme=dark] .new-phone-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.phone-change-actions{display:flex;justify-content:center;gap:1rem;margin-top:0;padding-top:0}.phone-change-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:.75rem;border-radius:8px;text-align:center;margin-top:.5rem;margin-bottom:1rem;font-size:.875rem;line-height:1.4}[data-theme=dark] .phone-change-error{background:#451a1a;border-color:#7f1d1d;color:#fca5a5}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.integrations-container{padding:2rem;max-width:1200px;margin:0 auto}.integrations-header{margin-bottom:2rem}.integrations-header h1,.integrations-header h2{font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.integrations-header p{color:#6b7280;font-size:1rem}.integrations-tabs{display:flex;margin-bottom:2rem;border-bottom:1px solid #e5e7eb;overflow-x:auto}.integrations-tab,.integrations-tab-button{display:flex;align-items:center;gap:8px;padding:1rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s}.integrations-tab,.integrations-tab-button svg{width:24px;height:24px}.integrations-tab:hover,.integrations-tab-button:hover{color:#374151}.integrations-tab.active,.integrations-tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.integrations-content{margin-top:1rem}.section-header{margin-bottom:1.5rem}.section-header h3,.section-header h4{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.section-header p{color:#6b7280;font-size:.875rem}.integration-subsection{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #f3f4f6}.integration-subsection:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.crm-integration-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.provider-selection{margin-bottom:2rem}.provider-selection h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.provider-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.provider-option{display:flex;align-items:center;gap:1rem;padding:1.5rem;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s}.provider-option:hover:not(.disabled){border-color:#3b82f6}.provider-option.selected{border-color:#3b82f6;background-color:#eff6ff}.provider-option.disabled{opacity:.5;cursor:not-allowed}.provider-option input[type=radio]{margin:0}.provider-info{display:flex;flex-direction:column;gap:.25rem}.provider-info strong{font-weight:600;color:#1f2937}.provider-info span{color:#6b7280;font-size:.875rem}.salesforce-config{border-top:1px solid #e5e7eb;padding-top:2rem}.salesforce-config h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.existing-credentials{margin-bottom:2rem}.existing-credentials h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.credentials-list{display:flex;flex-direction:column;gap:.75rem}.credential-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.credential-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.credential-info strong{font-weight:600;color:#1f2937}.credential-info span{color:#6b7280;font-size:.875rem}.status{padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase;width:fit-content}.status.active{background-color:#d1fae5;color:#065f46}.status.inactive{background-color:#fee2e2;color:#991b1b}.status.checking{background-color:#fef3c7;color:#92400e;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.credential-actions{display:flex;gap:.5rem}.delete-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background-color:#fee2e2;color:#dc2626;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.delete-btn:hover{background-color:#fecaca}.bizkey-config,.bizkey-config-container{border-top:1px solid #e5e7eb;padding-top:2rem}.bizkey-config h3,.bizkey-config-container h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:1.5rem}.credential-card{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;margin-bottom:1rem}.credential-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.credential-header h5{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.edit-button,.delete-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.edit-button{background-color:#dbeafe;color:#1e40af}.edit-button svg{color:#1e40af;stroke:currentColor;fill:currentColor}.edit-button:hover{background-color:#bfdbfe}.delete-button{background-color:#fee2e2;color:#dc2626}.delete-button svg{color:#dc2626;stroke:currentColor;fill:currentColor}.delete-button:hover{background-color:#fecaca}.credential-info p{margin:.5rem 0;color:#4b5563;font-size:.875rem}.status-badge{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-badge.active{background-color:#d1fae5;color:#065f46}.status-badge.inactive{background-color:#fee2e2;color:#991b1b}.status-badge.checking{background-color:#fef3c7;color:#92400e;animation:pulse 2s infinite}.credential-edit-form{display:flex;flex-direction:column;gap:1rem}.edit-actions{display:flex;gap:.5rem;margin-top:1rem}.cancel-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#6b7280;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.cancel-button:hover{background-color:#4b5563}.new-credential-form{display:flex;flex-direction:column;gap:1.5rem}.new-credential-form h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:#374151;font-size:.875rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s;background-color:#fff;color:#1f2937}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.salesforce-form{display:flex;flex-direction:column;gap:1.5rem}.integration-form-row{display:flex;flex-direction:column;gap:1rem}.integration-form-group{display:flex;flex-direction:column;gap:.5rem}.integration-form-group label{font-weight:500;color:#374151}.integration-form-group input,.integration-form-group select,.integration-form-group textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.integration-form-group input:focus,.integration-form-group select:focus,.integration-form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.checkbox-group{flex-direction:row;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:auto;margin:0}.save-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s;align-self:flex-start}.save-btn:disabled{opacity:.5;cursor:not-allowed}.calendar-integration-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.calendar-integration-section h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.calendar-integration-section>p{color:#6b7280;margin-bottom:1rem}.calendar-notice{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:1rem;margin-bottom:2rem}.calendar-notice p{margin:0;color:#92400e;font-size:.875rem}.calendar-providers{display:flex;flex-direction:column;gap:1.5rem}.calendar-provider{border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;background-color:#fafafa;transition:all .2s ease}.calendar-provider.active{border-color:#10b981;background-color:#f0fdf4;box-shadow:0 2px 4px #10b9811a}.provider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.provider-info h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.provider-info p{color:#6b7280;font-size:.875rem;margin:0}.provider-toggle,.action-toggle{flex-shrink:0}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(20px)}.provider-config{border-top:1px solid #e5e7eb;padding-top:1rem}.email-input-group{position:relative;display:flex;align-items:center;gap:.5rem}.input-icon{position:absolute;left:.75rem;color:#6b7280;z-index:1;pointer-events:none}.email-input-group input{flex:1;padding-left:2.5rem;position:relative;z-index:2}.auth-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.auth-btn:hover{background-color:#059669}.edit-btn,.save-btn,.cancel-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.edit-btn{background-color:#6b7280;color:#fff}.edit-btn:hover{background-color:#4b5563}.cancel-btn{background-color:#ef4444;color:#fff}.cancel-btn:hover{background-color:#dc2626}.email-input-group input[readonly]{background-color:#f9fafb;cursor:default}.active-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;background-color:#10b981;color:#fff;font-size:.75rem;font-weight:500;border-radius:4px;margin-left:.5rem}.calendar-events-test{margin-top:1.5rem;padding:1.5rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.test-section-header{margin-bottom:1rem}.test-section-header h5{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.test-section-header p{font-size:.875rem;color:#6b7280}.test-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.test-events-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s}.test-events-btn:hover:not(:disabled){background-color:#2563eb}.test-events-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.calendar-events-test .events-results{margin-top:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb}.calendar-events-test .events-results h6{font-size:.875rem;font-weight:600;color:#1f2937;margin-bottom:.75rem}.calendar-events-test .events-list{display:flex;flex-direction:column;gap:.5rem}.calendar-events-test .event-item{padding:.75rem;background:#f9fafb;border-radius:4px;border:1px solid #f3f4f6}.calendar-events-test .event-title{font-weight:500;color:#1f2937;margin-bottom:.25rem;font-size:.875rem}.calendar-events-test .event-details{display:flex;flex-wrap:wrap;gap:.75rem;color:#6b7280;font-size:.75rem}.calendar-events-test .event-time,.calendar-events-test .event-location{display:flex;align-items:center;gap:.25rem}.calendar-events-test .events-more{padding:.5rem;text-align:center;color:#6b7280;font-size:.75rem;font-style:italic;background:#f8fafc;border-radius:4px;border:1px dashed #d1d5db}.calendar-events-test .events-error{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:6px;font-size:.875rem;margin-top:1rem}.calendar-events-test .events-error svg{width:14px;height:14px;flex-shrink:0}.crm-usage-options{display:flex;gap:1rem;margin-bottom:1.5rem}.crm-usage-options button{flex:1;max-width:200px;padding:1rem 1.5rem;border:2px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#374151;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.crm-usage-options button:hover{border-color:#3b82f6;background-color:#f8fafc}.crm-usage-options button.selected{border-color:#3b82f6;background-color:#3b82f6;color:#fff}.integration-subsection select{width:100%;max-width:400px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;background-color:#fff;font-size:.875rem;color:#374151;cursor:pointer;transition:border-color .2s ease}.integration-subsection select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.integration-subsection input[type=text]{width:100%;max-width:400px;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.integration-subsection input[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.integration-subsection>button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.integration-subsection>button:hover{background-color:#2563eb}.integration-subsection>button:disabled{background-color:#9ca3af;cursor:not-allowed}.crm-notice{margin-top:.5rem;color:#6b7280;font-style:italic}.integration-subsection select option:disabled{color:#9ca3af;background-color:#f9fafb}.crm-actions-section{margin-top:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.crm-actions-section .section-header{margin-bottom:1.5rem}.crm-actions-section .section-header h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;color:#2c3e50;font-size:1.1rem}.crm-actions-section .section-header p{margin:0;color:#6c757d;font-size:.9rem}.actions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.action-card{background:#fff;border:1px solid #dee2e6;border-radius:6px;padding:1rem;transition:all .2s ease}.action-card:hover{border-color:#007bff;box-shadow:0 2px 4px #007bff1a}.action-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.action-info{flex:1}.action-info h5{margin:0 0 .5rem;color:#2c3e50;font-size:.95rem;font-weight:600}.action-info p{margin:0;color:#6c757d;font-size:.85rem;line-height:1.4}.crm-suggestions-section{margin-top:2rem;padding:1.5rem;background:#f0f8ff;border-radius:8px;border:1px solid #b3d9ff}.crm-suggestions-section .section-header{margin-bottom:1.5rem}.crm-suggestions-section .section-header h4{display:flex;align-items:center;gap:.5rem;margin:0 0 .5rem;color:#1e3a8a;font-size:1.1rem}.crm-suggestions-section .section-header p{margin:0;color:#4b5563;font-size:.9rem;line-height:1.5}.suggest-action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.suggest-action-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 8px #3b82f64d}.suggestion-form-container{background:#fff;border-radius:8px;padding:1.5rem;border:1px solid #d1d5db}.suggestion-form .integration-form-group{margin-bottom:1.25rem}.suggestion-form .form-group:last-of-type{margin-bottom:1.5rem}.suggestion-form label{display:block;margin-bottom:.5rem;color:#374151;font-weight:500;font-size:.9rem}.suggestion-form input,.suggestion-form textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;transition:border-color .2s ease;resize:vertical}.suggestion-form input:focus,.suggestion-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.suggestion-form textarea{min-height:80px;font-family:inherit}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.cancel-btn{padding:.75rem 1.5rem;background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover{background:#e5e7eb;color:#4b5563}.submit-suggestion-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.submit-suggestion-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.submit-suggestion-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (max-width: 768px){.crm-suggestions-section,.suggestion-form-container{padding:1rem}.form-actions{flex-direction:column}.cancel-btn,.submit-suggestion-btn{width:100%;justify-content:center}}@media (max-width: 768px){.actions-grid{grid-template-columns:1fr}.action-header{flex-direction:column;gap:1rem}}@media (max-width: 768px){.integrations-container{padding:1rem}.form-row,.provider-options{grid-template-columns:1fr}.provider-header{flex-direction:column;align-items:flex-start;gap:1rem}.email-input-group{flex-direction:column;align-items:stretch;position:static}.email-input-group input{padding-left:.75rem;position:static;z-index:auto}.input-icon{display:none;position:static}.test-controls{flex-direction:column;align-items:stretch;gap:.75rem}.test-events-btn{justify-content:center}.calendar-events-test .event-details{flex-direction:column;gap:.5rem}.calendar-events-test{padding:1rem}}.location-appointment-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e5e7eb}.location-appointment-section .section-header{margin-bottom:2rem}.location-appointment-section .section-header h4{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.location-appointment-section .section-header p{color:#6b7280;margin:0}.settings-subsection{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.settings-subsection h5{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.settings-subsection>p{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.meeting-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem}.meeting-type-option{display:flex;align-items:center;gap:.75rem;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;background:#fff;cursor:pointer;transition:all .2s ease}.meeting-type-option:hover{border-color:#3b82f6;background:#f8fafc}.meeting-type-option input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6}.option-content{display:flex;align-items:center;gap:.5rem}.option-icon{font-size:1.25rem;color:#3b82f6}.virtual-platforms{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem}.platform-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.platform-card:hover{border-color:#3b82f6;box-shadow:0 2px 8px #3b82f61a}.platform-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.platform-info{display:flex;flex-direction:column;gap:.5rem}.platform-name{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#1f2937}.platform-icon{font-size:1.125rem;color:#3b82f6}.connected-badge{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#059669;background:#ecfdf5;padding:.25rem .5rem;border-radius:4px;border:1px solid #a7f3d0}.platform-config{margin-top:.75rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.connect-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.connect-btn:hover{background:#2563eb}.connect-btn:disabled{background:#9ca3af;cursor:not-allowed;opacity:.6}.custom-url-input{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.custom-url-input label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem}.url-input-group{display:flex;gap:.5rem;align-items:center}.custom-url-input input{flex:1;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.save-url-btn{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s;white-space:nowrap}.save-url-btn:hover:not(:disabled){background-color:#2563eb}.save-url-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.location-type-options{display:flex;flex-direction:column;gap:.75rem}.location-type-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;background:#fff;cursor:pointer;transition:all .2s ease}.location-type-option:hover{border-color:#3b82f6;background:#f8fafc}.location-type-option input[type=radio]{width:16px;height:16px;accent-color:#3b82f6}.office-locations{margin-top:1.5rem}.office-locations .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.office-locations .section-header h6{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.add-location-btn{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#10b981;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.add-location-btn:hover{background:#059669}.locations-table{overflow-x:auto;border-radius:8px;border:1px solid #e5e7eb}.locations-table table{width:100%;border-collapse:collapse;background:#fff}.locations-table th,.locations-table td{padding:.75rem;text-align:left;border-bottom:1px solid #e5e7eb}.locations-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:.875rem}.locations-table td{font-size:.875rem;color:#1f2937}.location-actions{display:flex;gap:.5rem}.edit-btn,.delete-btn{padding:.375rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease}.edit-btn{background:#f3f4f6;color:#374151}.edit-btn:hover{background:#e5e7eb}.delete-btn{background:#fef2f2;color:#dc2626}.delete-btn:hover{background:#fee2e2}.no-locations{text-align:center;padding:2.5rem 1.25rem;color:#6b7280;background:#fff;border:1px solid #e5e7eb;border-radius:8px}.booking-policies{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.policy-group{display:flex;flex-direction:column;gap:.5rem}.policy-group label{font-size:.875rem;font-weight:500;color:#374151}.policy-group select{padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;background:#fff;color:#374151;cursor:pointer}.policy-group select option{color:#374151;background:#fff}.policy-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1.25rem}.modal{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.close-btn{padding:.5rem;background:none;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.close-btn:hover{background:#f3f4f6}.modal-content{padding:1.5rem}.modal-content .integration-form-group{margin-bottom:1.25rem}.modal-content .integration-form-grouplabel{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.375rem}.modal-content .integration-form-groupinput,.modal-content .integration-form-groupselect{width:100%;padding:.625rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease}.modal-content .integration-form-groupinput:focus,.modal-content .integration-form-groupselect:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.office-hours{display:flex;flex-direction:column;gap:.75rem}.day-hours{display:flex;align-items:center;gap:1rem;padding:.75rem;border:1px solid #e5e7eb;border-radius:6px;background:#f9fafb}.day-name{min-width:100px}.day-checkbox{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:#374151;cursor:pointer}.day-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6}.time-inputs{display:flex;align-items:center;gap:.75rem;flex:1}.time-inputs input[type=time]{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;width:auto}.time-inputs span{font-size:.875rem;color:#6b7280}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid #e5e7eb;background:#f9fafb}.cancel-btn,.save-btn{padding:.625rem 1.25rem;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.modal-footer .cancel-btn{background:#fff;color:#374151;border:1px solid #d1d5db}.modal-footer .cancel-btn:hover{background:#f9fafb}.modal-footer .save-btn{display:flex;align-items:center;gap:.5rem;background:#3b82f6;color:#fff}.modal-footer .save-btn:hover:not(:disabled){background:#2563eb}.modal-footer .save-btn:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.crm-suggestions-section{padding:1rem}.suggestion-form-container{padding:0}.form-actions{flex-direction:column}.cancel-btn,.submit-suggestion-btn{width:100%}}@media (max-width: 768px){.location-appointment-section,.settings-subsection{padding:1rem}.meeting-types,.virtual-platforms,.booking-policies{grid-template-columns:1fr}.office-locations .section-header{flex-direction:column;align-items:stretch;gap:.75rem}.locations-table{font-size:.75rem}.locations-table th,.locations-table td{padding:.5rem}.day-hours{flex-direction:column;align-items:stretch;gap:.5rem}.time-inputs{justify-content:center}.modal{margin:.625rem;max-height:calc(100vh - 1.25rem)}.modal-footer{flex-direction:column}}@media (max-width: 480px){.platform-header{flex-direction:column;align-items:stretch;gap:.75rem}.location-type-options{font-size:.875rem}.modal-content{padding:1rem}}.loading-text{font-size:.875rem;color:#6b7280;font-style:italic;margin-left:10px}.status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.status-badge.active{background-color:#dcfce7;color:#166534;border:1px solid #bbf7d0}.status-badge.inactive{background-color:#fef2f2;color:#991b1b;border:1px solid #fecaca}.capacity-config{margin-bottom:1rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px}.capacity-config label{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.capacity-input-group{display:flex;flex-direction:column;gap:.5rem}.capacity-input-group input[type=number]{width:80px;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;text-align:center}.capacity-input-group input[type=number]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.capacity-help{font-size:.75rem;color:#6b7280;font-style:italic;line-height:1.4}.customer-signup-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.customer-signup-section .section-header{margin-bottom:1.5rem}.customer-signup-section .section-header h4{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.customer-signup-section .section-header p{color:#6b7280;font-size:.875rem}.signup-settings-form{display:flex;flex-direction:column;gap:1.5rem}.instruction-box{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#1e40af}.instruction-box svg{flex-shrink:0;margin-top:.125rem}.instruction-box p{margin:0;font-size:.875rem;line-height:1.5}.signup-option{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.option-header{padding:1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb}.radio-option{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:500;color:#374151}.radio-option input[type=radio]{margin:0;width:1rem;height:1rem}.option-content{padding:1.5rem;background-color:#fff}.form-group:last-child{margin-bottom:0}.integration-form-grouplabel{display:block;font-weight:500;color:#374151;margin-bottom:.5rem;font-size:.875rem}.integration-form-groupinput[type=url],.integration-form-groupinput[type=text]{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.integration-form-groupinput[type=url]:focus,.integration-form-groupinput[type=text]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.help-text{display:block;color:#6b7280;font-size:.75rem;margin-top:.25rem;line-height:1.4}.subdomain-input{display:flex;align-items:center;border:1px solid #d1d5db;border-radius:6px;overflow:hidden;background-color:#fff}.subdomain-input .prefix,.subdomain-input .suffix{padding:.75rem;background-color:#f9fafb;color:#6b7280;font-size:.875rem;border-right:1px solid #e5e7eb;white-space:nowrap}.subdomain-input .suffix{border-right:none;border-left:1px solid #e5e7eb}.subdomain-input input{flex:1;padding:.75rem;border:none;outline:none;font-size:.875rem;min-width:0}.subdomain-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.cname-instructions{margin-top:1rem;padding:1rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;clear:both;display:block}.cname-instructions h5{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:.75rem}.instructions-box{padding-left:2rem!important;background-color:#1f2937;color:#f9fafb;padding:1rem;border-radius:6px;margin-bottom:.5rem}.instructions-box pre{margin:0;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#2563eb}.save-button:disabled{background-color:#9ca3af;cursor:not-allowed}@media (max-width: 768px){.customer-signup-section{padding:1.5rem}.customer-signup-section .form-row{grid-template-columns:1fr;gap:1rem}.subdomain-input{flex-direction:column;align-items:stretch}.subdomain-input .prefix,.subdomain-input .suffix{padding:.5rem .75rem;text-align:center;border:none;border-bottom:1px solid #e5e7eb}.subdomain-input .suffix{border-bottom:none;border-top:1px solid #e5e7eb}.instructions-box pre{font-size:.7rem;overflow-x:auto}}@media (max-width: 480px){.form-actions{flex-direction:column}.save-button{width:100%;justify-content:center}}.customer-signup-section .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:0}.customer-signup-section .form-row .integration-form-group{margin-bottom:0}.integration-form-group{margin-bottom:1rem}.customer-signup-section .option-content{display:flex;flex-direction:column;gap:1rem}.review-finish-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.review-finish-container .section-header{margin-bottom:2rem;text-align:center}.review-finish-container .section-header h2{display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.review-finish-container .section-header p{color:#6b7280;font-size:1rem}.summary-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1.5rem;margin-bottom:2rem}.summary-card{border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;background:#fff;transition:all .2s ease}.summary-card.complete{border-color:#10b981;background:#f0fdf4}.summary-card.partial{border-color:#f59e0b;background:#fffbeb}.summary-card.incomplete{border-color:#ef4444;background:#fef2f2}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #e5e7eb}.card-title{display:flex;align-items:center;gap:.75rem}.card-title h4{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.card-title svg{font-size:1.25rem;color:#3b82f6}.status-icon{font-size:1.25rem;padding:.25rem;border-radius:50%}.status-icon.complete{color:#10b981;background:#d1fae5}.status-icon.partial{color:#f59e0b;background:#fef3c7}.status-icon.incomplete{color:#ef4444;background:#fee2e2}.card-content ul{list-style:none;padding:0;margin:0}.card-content li{padding:.375rem 0;color:#374151;font-size:.875rem;line-height:1.5}.card-content li:first-child{padding-top:0}.card-content li:last-child{padding-bottom:0}.action-buttons{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.back-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.back-button:hover{background:#f9fafb;border-color:#9ca3af}.activate-button{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:200px;justify-content:center}.activate-button.complete{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.activate-button.complete:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.activate-button.partial{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.activate-button.partial:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.activate-button.incomplete{background:#9ca3af;color:#fff;cursor:not-allowed}.activate-button:disabled{opacity:.7;cursor:not-allowed;transform:none;box-shadow:none}.activation-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:12px;padding:1.5rem;margin-bottom:1rem}.activation-info h4{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;color:#0c4a6e;margin-bottom:1rem}.capabilities-list p{color:#374151;margin-bottom:.75rem;font-weight:500}.capabilities-list ul{list-style:none;padding:0;margin-bottom:1.5rem}.capabilities-list li{padding:.5rem 0;color:#374151;font-size:.875rem;line-height:1.5}.example-response{background:#fff;border:1px solid #e0f2fe;border-radius:8px;padding:1rem}.example-response h5{font-size:.875rem;font-weight:600;color:#0c4a6e;margin-bottom:.75rem}.example-response blockquote{margin:0;padding:.75rem;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:4px;font-style:italic;color:#374151;font-size:.875rem;line-height:1.5}.warning-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;color:#92400e}.warning-message svg{flex-shrink:0;margin-top:.125rem;color:#f59e0b}.warning-message p{margin:0;font-size:.875rem;line-height:1.5}.error-state{display:flex;align-items:center;justify-content:center;padding:3rem;color:#ef4444;font-size:1rem;font-weight:500}@media (max-width: 768px){.review-finish-container{padding:1.5rem}.summary-cards{grid-template-columns:1fr;gap:1rem}.action-buttons{flex-direction:column;align-items:stretch;gap:1rem}.back-button,.activate-button{width:100%;justify-content:center}.activation-info{padding:1rem}}@media (max-width: 480px){.review-finish-container .section-header h2{font-size:1.25rem}.section-header{flex-direction:column}.calendar-integration-section,.crm-integration-section,.customer-signup-section,.review-finish-container{padding:1rem}.credential-item{flex-direction:column;gap:.5rem;align-items:normal}.working-hours-section{padding:.5rem!important}.summary-card{padding:1rem}.card-title h4{font-size:1rem}}.saving-indicator{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;color:#92400e;font-size:.875rem;font-weight:500;margin-top:.75rem;animation:pulse 2s infinite}.saving-indicator svg{width:1rem;height:1rem}@keyframes saving-pulse{0%,to{opacity:1}50%{opacity:.7}}.location-appointment-section input:disabled,.location-appointment-section select:disabled,.location-appointment-section button:disabled{opacity:.6;cursor:not-allowed}.location-appointment-section .toggle-switch input:disabled+.slider{opacity:.6;cursor:not-allowed}.location-appointment-section .toggle-switch input:disabled+.slider:before{background-color:#d1d5db}.label-with-tooltip{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.tooltip-container{position:relative;display:inline-block}.tooltip-icon{width:1rem;height:1rem;color:#6b7280;cursor:help;transition:color .2s}.tooltip-icon:hover{color:#3b82f6}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#1f2937;color:#fff;padding:1rem;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;z-index:1000;min-width:300px;max-width:400px;margin-bottom:.5rem;font-size:.875rem;line-height:1.4}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#1f2937}.security-token-tooltip h4{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#f9fafb}.security-token-tooltip ol{margin:0 0 .75rem;padding-left:1.25rem}.security-token-tooltip li{margin-bottom:.25rem;color:#e5e7eb}.security-token-tooltip strong{color:#f3f4f6;font-weight:600}.security-token-tooltip p{margin:0;color:#d1d5db;font-style:italic}@media (max-width: 768px){.tooltip-content{position:fixed;bottom:auto;top:50%;left:50%;transform:translate(-50%,-50%);min-width:280px;max-width:calc(100vw - 2rem)}.tooltip-content:after{display:none}}.crm-inactive-notice{background-color:#fef3c7;border:1px solid #f59e0b;border-radius:6px;padding:1rem;margin:1rem 0}.crm-inactive-notice p{margin:0;color:#92400e;font-size:.875rem;line-height:1.5}.crm-inactive-notice strong{color:#78350f;font-weight:600}.section-header-with-button{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.section-header-with-button>div{flex:1}.edit-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.edit-btn:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.edit-btn:disabled{opacity:.5;cursor:not-allowed}.working-hours-section{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem}.working-hours-edit{display:flex;flex-direction:column;gap:1.5rem}.working-hours-edit .integration-form-group{display:flex;flex-direction:column;gap:.5rem}.working-hours-edit .integration-form-grouplabel{font-weight:600;color:#374151;font-size:.875rem;margin:0}.schedule-grid{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.day-schedule{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease}.day-schedule:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.day-info{display:flex;align-items:center;justify-content:space-between;width:100%}.day-name{font-weight:600;color:#374151;font-size:.875rem;min-width:80px}.day-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;margin:0}.day-toggle input[type=checkbox]{display:none}.toggle-slider{position:relative;width:44px;height:24px;background-color:#e5e7eb;border-radius:12px;transition:background-color .2s ease}.toggle-slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0003}.day-toggle input[type=checkbox]:checked+.toggle-slider{background-color:#3b82f6}.day-toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.toggle-label{font-size:.75rem;color:#6b7280;font-weight:500;min-width:45px}.day-toggle input[type=checkbox]:checked~.toggle-label{color:#3b82f6}.time-controls{display:flex;align-items:center;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f3f4f6}.time-input-group{display:flex;flex-direction:column;gap:.25rem}.time-input-group label{font-size:.75rem;color:#6b7280;font-weight:500;margin:0}.time-input-group input[type=time]{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background-color:#fff;transition:border-color .2s ease;width:120px}.time-input-group input[type=time]:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.time-input-group input[type=time]:disabled{background-color:#f9fafb;opacity:.6;cursor:not-allowed}.time-separator{color:#6b7280;font-size:.875rem;margin:1rem .5rem 0}.working-hours-edit .integration-form-groupselect{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s ease;background-color:#fff}.working-hours-edit .integration-form-groupselect:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.working-hours-edit .integration-form-groupselect:disabled{background-color:#f9fafb;opacity:.6;cursor:not-allowed}.working-hours-edit .input-help{color:#6b7280;font-size:.75rem;margin:0;line-height:1.4}.edit-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.cancel-btn{padding:.75rem 1.5rem;background-color:#fff;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.cancel-btn:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.save-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.save-btn:hover:not(:disabled){background-color:#2563eb}.save-btn:disabled,.cancel-btn:disabled{opacity:.6;cursor:not-allowed}.schedule-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}@media (max-width: 768px){.schedule-display-grid{grid-template-columns:1fr;gap:.75rem}.day-display-card{min-height:70px;padding:.75rem}.day-display-header{margin-bottom:.25rem}.timezone-info{flex-direction:column;align-items:flex-start;gap:.5rem}.timezone-info label{min-width:auto}}.day-display-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;transition:all .2s ease;min-height:80px;display:flex;flex-direction:column;justify-content:flex-start}.day-display-card.editable{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;min-height:120px;padding:1.25rem}.day-display-card:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000001a}.day-display-card.editable:hover{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.day-display-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.day-display-name{font-weight:600;color:#374151;font-size:.875rem}.day-status{padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.025em}.day-status.open{background-color:#dcfce7;color:#166534}.day-status.closed{background-color:#fef2f2;color:#991b1b}.day-display-hours{margin-top:.5rem}.hours-text{color:#6b7280;font-size:.875rem;font-weight:500}.timezone-display{border-top:1px solid #e5e7eb;padding-top:1rem}.timezone-info{display:flex;align-items:center;gap:1rem;background-color:#fff;padding:1rem;border-radius:6px;border:1px solid #e5e7eb}.timezone-info label{font-weight:600;color:#374151;margin:0;min-width:80px}.timezone-info span{color:#6b7280;font-size:.875rem}.working-hours-display .hours-info{display:flex;flex-direction:column;gap:1rem}.working-hours-display .info-item{display:flex;align-items:center;gap:1rem}.working-hours-display .info-item label{font-weight:600;color:#374151;min-width:120px;margin:0}.working-hours-display .info-item span{color:#6b7280;font-size:.875rem}.day-toggle-edit{display:flex;align-items:center;gap:.25rem;cursor:pointer;margin:0}.day-toggle-edit input[type=checkbox]{display:none}.toggle-slider-small{position:relative;width:32px;height:18px;background-color:#e5e7eb;border-radius:9px;transition:background-color .2s ease}.toggle-slider-small:before{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;background-color:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 2px #0003}.day-toggle-edit input[type=checkbox]:checked+.toggle-slider-small{background-color:#3b82f6}.day-toggle-edit input[type=checkbox]:checked+.toggle-slider-small:before{transform:translate(14px)}.toggle-label-small{font-size:.75rem;color:#6b7280;font-weight:500;min-width:40px}.day-toggle-edit input[type=checkbox]:checked~.toggle-label-small{color:#3b82f6}.time-controls-inline{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;margin-top:.75rem;width:100%;box-sizing:border-box}.time-input-small{border:1px solid #d1d5db;border-radius:4px;background-color:#f8f9fa;transition:border-color .2s ease;text-align:center;box-sizing:border-box;width:120px;padding:.5rem .25rem;font-size:.85rem;color:#374151}.time-input-small::-webkit-datetime-edit{color:#374151;background-color:transparent}.time-input-small::-webkit-datetime-edit-fields-wrapper{background-color:transparent;color:#374151}.time-input-small::-webkit-datetime-edit-hour-field,.time-input-small::-webkit-datetime-edit-minute-field,.time-input-small::-webkit-datetime-edit-ampm-field{background-color:transparent;color:#374151;font-weight:500}.time-input-small::-webkit-calendar-picker-indicator{background-color:#6b7280;border-radius:2px;cursor:pointer;opacity:.8}.time-input-small::-webkit-calendar-picker-indicator:hover{opacity:1;background-color:#374151}.time-input-small:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.time-input-small:disabled{background-color:#f9fafb;opacity:.6;cursor:not-allowed}.time-separator-small{color:#6b7280;font-size:.875rem;font-weight:500;margin:0 .25rem;flex-shrink:0;white-space:nowrap}.timezone-select-inline{padding:.5rem 2.5rem .5rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem;background-color:#fff!important;color:#374151!important;transition:border-color .2s ease;flex:1;max-width:400px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.timezone-select-inline option{background-color:#fff!important;color:#374151!important}.timezone-select-inline:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.timezone-select-inline:disabled{background-color:#f9fafb;opacity:.6;cursor:not-allowed}@media (max-width: 768px){.time-controls-inline{flex-wrap:wrap;justify-content:space-around}.time-input-small{min-width:100px;font-size:.9rem}.timezone-select-inline{width:100%;max-width:none}.day-display-card{min-height:auto}.day-display-card.editable{padding:1rem;min-height:100px}}@media (max-width: 480px){.schedule-display-grid{grid-template-columns:1fr}.time-controls-inline{flex-direction:column;gap:.5rem;align-items:stretch}.time-input-small{width:100%}}.calendar-events-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e5e7eb}.calendar-events-section .section-header{margin-bottom:1.5rem}.calendar-events-section .section-header h3{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.calendar-events-section .section-header p{color:#6b7280;font-size:.875rem}.email-input-container{margin-bottom:1.5rem}.email-input-container .input-group{display:flex;align-items:center;gap:1rem;max-width:600px}.email-input-container .input-icon{color:#6b7280;width:20px;height:20px;flex-shrink:0}.email-input-container .email-input{flex:1;padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;transition:border-color .2s}.email-input-container .email-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.email-input-container .email-input:disabled{background-color:#f9fafb;cursor:not-allowed}.fetch-events-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:500;font-size:.875rem;cursor:pointer;transition:background-color .2s;white-space:nowrap}.fetch-events-btn:hover:not(:disabled){background-color:#2563eb}.fetch-events-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.events-results{margin-top:1.5rem;padding:1.5rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.events-results h4{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.events-list{display:flex;flex-direction:column;gap:.75rem}.event-item{padding:1rem;background:#fff;border-radius:6px;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.event-title{font-weight:600;color:#1f2937;margin-bottom:.5rem;font-size:.875rem}.event-details{display:flex;flex-wrap:wrap;gap:1rem;color:#6b7280;font-size:.75rem}.event-time,.event-location{display:flex;align-items:center;gap:.25rem}.events-more{padding:.75rem;text-align:center;color:#6b7280;font-size:.875rem;font-style:italic;background:#f8fafc;border-radius:6px;border:1px dashed #d1d5db}.events-error{display:flex;align-items:center;gap:.5rem;padding:1rem;background-color:#fef2f2;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:.875rem;margin-top:1rem}.events-error svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 768px){.calendar-events-section{padding:1.5rem}.email-input-container .input-group{flex-direction:column;align-items:stretch;gap:.75rem}.fetch-events-btn{justify-content:center}.event-details{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.calendar-events-section,.events-results{padding:1rem}.event-item{padding:.75rem}}.realtime-search-integration-section{padding:1.5rem}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:1rem}.setting-item{padding:1rem;border:1px solid #e5e7eb;border-radius:8px}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-weight:500;cursor:pointer}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.setting-description{margin-top:.5rem;font-size:.875rem;color:#6b7280}.subsection-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.add-url-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-url-button:hover:not(:disabled){background-color:#2563eb}.add-url-button:disabled{opacity:.5;cursor:not-allowed}.url-form{background:#f9fafb;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid #e5e7eb}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6}.form-actions{display:flex;gap:.75rem;margin-top:1rem}.save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.save-button:hover:not(:disabled){background-color:#059669}.save-button:disabled{opacity:.5;cursor:not-allowed}.urls-list{display:flex;flex-direction:column;gap:1rem}.url-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.5rem;transition:box-shadow .2s}.url-item:hover{box-shadow:0 4px 6px -1px #0000001a}.url-item.inactive{opacity:.6}.url-content{width:100%}.url-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.url-header h5{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0}.url-actions{display:flex;gap:.5rem}.icon-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:all .2s;color:#6b7280}.icon-button:hover{background-color:#f3f4f6;border-color:#9ca3af}.icon-button.delete{color:#dc2626}.icon-button.delete:hover{background-color:#fee2e2;border-color:#dc2626}.url-link{color:#3b82f6;font-size:.875rem;word-break:break-all;margin-bottom:.5rem}.url-description{color:#6b7280;font-size:.875rem;margin-bottom:.75rem}.url-meta{display:flex;align-items:center;gap:1rem;font-size:.75rem}.status-badge{padding:.25rem .75rem;border-radius:12px;font-weight:500;text-transform:capitalize}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.crawling{background-color:#dbeafe;color:#1e40af}.status-badge.failed{background-color:#fee2e2;color:#991b1b}.url-date{color:#9ca3af}.edit-form{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.edit-form input,.edit-form textarea{padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.edit-actions{display:flex;gap:.5rem;margin-top:.5rem}.icon-button.save{color:#10b981;border-color:#10b981}.icon-button.save:hover{background-color:#d1fae5;border-color:#10b981}.empty-state svg{color:#d1d5db;margin-bottom:1rem}.empty-state p{margin:.5rem 0}.empty-state-subtitle{font-size:.875rem;color:#9ca3af}[data-theme=dark] .integrations-container{background-color:#111827;color:#f9fafb}[data-theme=dark] .integrations-header h1,[data-theme=dark] .integrations-header h2{color:#f9fafb}[data-theme=dark] .integrations-header p{color:#9ca3af}[data-theme=dark] .section-header h3,[data-theme=dark] .section-header h4{color:#f9fafb}[data-theme=dark] .section-header p{color:#9ca3af}[data-theme=dark] .integrations-tabs{border-bottom-color:#374151}[data-theme=dark] .integrations-tab,[data-theme=dark] .integrations-tab-button{color:#9ca3af}[data-theme=dark] .integrations-tab:hover,[data-theme=dark] .integrations-tab-button:hover{color:#d1d5db}[data-theme=dark] .integrations-tab.active,[data-theme=dark] .integrations-tab-button.active{color:#60a5fa;border-bottom-color:#60a5fa}[data-theme=dark] .integration-subsection{border-bottom-color:#374151}[data-theme=dark] .crm-integration-section,[data-theme=dark] .calendar-integration-section,[data-theme=dark] .customer-signup-section,[data-theme=dark] .review-finish-container{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .provider-selection h3{color:#f9fafb}[data-theme=dark] .provider-option{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .provider-option:hover:not(.disabled){border-color:#60a5fa}[data-theme=dark] .provider-option.selected{border-color:#60a5fa;background-color:#1e3a8a}[data-theme=dark] .provider-info strong{color:#f9fafb}[data-theme=dark] .provider-info span{color:#9ca3af}[data-theme=dark] .salesforce-config{border-top-color:#4b5563}[data-theme=dark] .salesforce-config h3,[data-theme=dark] .existing-credentials h4{color:#f9fafb}[data-theme=dark] .credential-item{background-color:#374151;border-color:#4b5563}[data-theme=dark] .credential-info strong{color:#f9fafb}[data-theme=dark] .credential-info span{color:#9ca3af}[data-theme=dark] .bizkey-config,[data-theme=dark] .bizkey-config-container{border-top-color:#4b5563}[data-theme=dark] .bizkey-config h3,[data-theme=dark] .bizkey-config-container h3{color:#f9fafb}[data-theme=dark] .credential-card{background-color:#374151;border-color:#4b5563}[data-theme=dark] .credential-header h5{color:#f9fafb}[data-theme=dark] .credential-info p{color:#9ca3af}[data-theme=dark] .edit-button{background-color:#1e3a8a;color:#f9fafb}[data-theme=dark] .edit-button svg{color:#f9fafb;stroke:currentColor;fill:currentColor}[data-theme=dark] .edit-button:hover{background-color:#1e40af}[data-theme=dark] .delete-button{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .delete-button svg{color:#fca5a5;stroke:currentColor;fill:currentColor}[data-theme=dark] .delete-button:hover{background-color:#991b1b}[data-theme=dark] .status-badge.active{background-color:#064e3b;color:#6ee7b7}[data-theme=dark] .status-badge.inactive{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .status-badge.checking{background-color:#78350f;color:#fbbf24}[data-theme=dark] .cancel-button{background-color:#374151;color:#d1d5db}[data-theme=dark] .cancel-button:hover{background-color:#4b5563}[data-theme=dark] .new-credential-form h4{color:#f9fafb}[data-theme=dark] .form-group label{color:#d1d5db}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#6b7280}[data-theme=dark] .status.active{background-color:#064e3b;color:#6ee7b7}[data-theme=dark] .status.inactive{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .status.checking{background-color:#78350f;color:#fbbf24}[data-theme=dark] .integration-form-groupinput,[data-theme=dark] .integration-form-groupselect,[data-theme=dark] .integration-form-grouptextarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .integration-form-groupinput:focus,[data-theme=dark] .integration-form-groupselect:focus,[data-theme=dark] .integration-form-grouptextarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .integration-form-groupinput::placeholder{color:#6b7280}[data-theme=dark] .save-btn{background-color:#2563eb}[data-theme=dark] .save-btn:hover:not(:disabled){background-color:#1d4ed8}[data-theme=dark] .edit-btn:hover{background-color:#374151}[data-theme=dark] .cancel-btn{background-color:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .calendar-notice{background-color:#78350f;border-color:#92400e}[data-theme=dark] .calendar-notice p{color:#fbbf24}[data-theme=dark] .calendar-provider{background-color:#374151;border-color:#4b5563}[data-theme=dark] .calendar-provider.active{border-color:#10b981;background-color:#064e3b}[data-theme=dark] .provider-info h4{color:#f9fafb}[data-theme=dark] .provider-info p{color:#9ca3af}[data-theme=dark] .slider{background-color:#4b5563}[data-theme=dark] input:checked+.slider{background-color:#2563eb}[data-theme=dark] .calendar-events-test{background-color:#374151;border-color:#4b5563}[data-theme=dark] .test-section-header h5{color:#f9fafb}[data-theme=dark] .test-section-header p{color:#9ca3af}[data-theme=dark] .test-events-btn{background-color:#2563eb}[data-theme=dark] .test-events-btn:hover:not(:disabled){background-color:#1d4ed8}[data-theme=dark] .test-events-btn:disabled{background-color:#4b5563}[data-theme=dark] .calendar-events-test .events-results{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .calendar-events-test .events-results h6{color:#f9fafb}[data-theme=dark] .calendar-events-test .event-item{background-color:#374151;border-color:#4b5563}[data-theme=dark] .calendar-events-test .event-title{color:#f9fafb}[data-theme=dark] .calendar-events-test .event-details{color:#9ca3af}[data-theme=dark] .calendar-events-test .events-more{background-color:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .calendar-events-test .events-error{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme=dark] .crm-usage-options button{background-color:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .crm-usage-options button:hover{border-color:#60a5fa;background-color:#4b5563}[data-theme=dark] .crm-usage-options button.selected{border-color:#60a5fa;background-color:#2563eb;color:#fff}[data-theme=dark] .integration-subsection select{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .integration-subsection select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .integration-subsection input[type=text]{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .integration-subsection input[type=text]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .integration-subsection>button{background-color:#2563eb}[data-theme=dark] .integration-subsection>button:hover{background-color:#1d4ed8}[data-theme=dark] .integration-subsection>button:disabled{background-color:#4b5563}[data-theme=dark] .crm-actions-section{background-color:#374151;border-color:#4b5563}[data-theme=dark] .crm-actions-section .section-header h4{color:#f9fafb}[data-theme=dark] .crm-actions-section .section-header p{color:#9ca3af}[data-theme=dark] .action-card{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .action-card:hover{border-color:#60a5fa;box-shadow:0 2px 4px #60a5fa1a}[data-theme=dark] .action-info h5{color:#f9fafb}[data-theme=dark] .action-info p{color:#9ca3af}[data-theme=dark] .crm-suggestions-section{background-color:#1e3a8a;border-color:#3b82f6}[data-theme=dark] .crm-suggestions-section .section-header h4{color:#dbeafe}[data-theme=dark] .crm-suggestions-section .section-header p{color:#93c5fd}[data-theme=dark] .suggest-action-btn{background:linear-gradient(135deg,#2563eb,#1e40af)}[data-theme=dark] .suggest-action-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e3a8a)}[data-theme=dark] .suggestion-form-container{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .suggestion-form label{color:#d1d5db}[data-theme=dark] .suggestion-form input,[data-theme=dark] .suggestion-form textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .suggestion-form input:focus,[data-theme=dark] .suggestion-form textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .cancel-btn{background-color:#374151;color:#9ca3af;border-color:#4b5563}[data-theme=dark] .cancel-btn:hover{background-color:#4b5563;color:#d1d5db}[data-theme=dark] .submit-suggestion-btn{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=dark] .submit-suggestion-btn:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857)}[data-theme=dark] .location-appointment-section{border-top-color:#4b5563}[data-theme=dark] .location-appointment-section .section-header h4{color:#f9fafb}[data-theme=dark] .location-appointment-section .section-header p{color:#9ca3af}[data-theme=dark] .settings-subsection{background-color:#374151;border-color:#4b5563}[data-theme=dark] .settings-subsection h5{color:#f9fafb}[data-theme=dark] .settings-subsection>p{color:#9ca3af}[data-theme=dark] .meeting-type-option{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .meeting-type-option:hover{border-color:#60a5fa;background-color:#374151}[data-theme=dark] .platform-card{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .platform-card:hover{border-color:#60a5fa;box-shadow:0 2px 8px #60a5fa1a}[data-theme=dark] .platform-name{color:#f9fafb}[data-theme=dark] .connected-badge{background-color:#064e3b;color:#6ee7b7;border-color:#065f46}[data-theme=dark] .platform-config{border-top-color:#4b5563}[data-theme=dark] .connect-btn{background-color:#2563eb}[data-theme=dark] .connect-btn:hover{background-color:#1d4ed8}[data-theme=dark] .connect-btn:disabled{background-color:#4b5563}[data-theme=dark] .custom-url-input{border-top-color:#4b5563}[data-theme=dark] .custom-url-input label{color:#d1d5db}[data-theme=dark] .custom-url-input input{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .save-url-btn{background-color:#2563eb}[data-theme=dark] .save-url-btn:hover:not(:disabled){background-color:#1d4ed8}[data-theme=dark] .save-url-btn:disabled{background-color:#4b5563}[data-theme=dark] .location-type-option{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .location-type-option:hover{border-color:#60a5fa;background-color:#374151}[data-theme=dark] .office-locations .section-header h6{color:#f9fafb}[data-theme=dark] .add-location-btn{background-color:#10b981}[data-theme=dark] .add-location-btn:hover{background-color:#059669}[data-theme=dark] .locations-table{border-color:#4b5563}[data-theme=dark] .locations-table table{background-color:#1f2937}[data-theme=dark] .locations-table th{background-color:#374151;color:#d1d5db;border-bottom-color:#4b5563}[data-theme=dark] .locations-table td{color:#f9fafb;border-bottom-color:#4b5563}[data-theme=dark] .edit-btn{background-color:#374151;color:#d1d5db}[data-theme=dark] .edit-btn:hover{background-color:#4b5563}[data-theme=dark] .delete-btn{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .delete-btn:hover{background-color:#991b1b}[data-theme=dark] .no-locations{background-color:#1f2937;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .policy-group label{color:#d1d5db}[data-theme=dark] .policy-group select{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .policy-group select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .modal-overlay{background:#000000b3}[data-theme=dark] .modal{background-color:#1f2937}[data-theme=dark] .close-btn{color:#9ca3af}[data-theme=dark] .close-btn:hover{background-color:#374151}[data-theme=dark] .modal-content .integration-form-grouplabel{color:#d1d5db}[data-theme=dark] .modal-content .integration-form-groupinput,[data-theme=dark] .modal-content .integration-form-groupselect{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .modal-content .integration-form-groupinput:focus,[data-theme=dark] .modal-content .integration-form-groupselect:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .day-hours{background-color:#374151;border-color:#4b5563}[data-theme=dark] .day-checkbox{color:#d1d5db}[data-theme=dark] .time-inputs input[type=time]{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .time-inputs span{color:#9ca3af}[data-theme=dark] .modal-footer{border-top-color:#4b5563;background-color:#374151}[data-theme=dark] .modal-footer .cancel-btn{background-color:#1f2937;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .modal-footer .cancel-btn:hover{background-color:#374151}[data-theme=dark] .modal-footer .save-btn{background-color:#2563eb}[data-theme=dark] .modal-footer .save-btn:hover:not(:disabled){background-color:#1d4ed8}[data-theme=dark] .modal-footer .save-btn:disabled{background-color:#4b5563}[data-theme=dark] .instruction-box{background-color:#1e3a8a;border-color:#3b82f6;color:#dbeafe}[data-theme=dark] .signup-option{border-color:#4b5563}[data-theme=dark] .option-header{background-color:#374151;border-bottom-color:#4b5563}[data-theme=dark] .radio-option{color:#d1d5db}[data-theme=dark] .option-content{background-color:#1f2937}[data-theme=dark] .integration-form-grouplabel{color:#d1d5db}[data-theme=dark] .integration-form-groupinput[type=url],[data-theme=dark] .integration-form-groupinput[type=text]{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .integration-form-groupinput[type=url]:focus,[data-theme=dark] .integration-form-groupinput[type=text]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .help-text{color:#9ca3af}[data-theme=dark] .subdomain-input{border-color:#4b5563;background-color:#1f2937}[data-theme=dark] .subdomain-input .prefix,[data-theme=dark] .subdomain-input .suffix{background-color:#374151;color:#9ca3af;border-color:#4b5563}[data-theme=dark] .subdomain-input input{background-color:#1f2937;color:#f9fafb}[data-theme=dark] .subdomain-input:focus-within{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .cname-instructions{background-color:#374151;border-color:#4b5563}[data-theme=dark] .cname-instructions h5{color:#d1d5db}[data-theme=dark] .instructions-box{background-color:#111827;color:#f9fafb}[data-theme=dark] .form-actions{border-top-color:#4b5563}[data-theme=dark] .save-button{background-color:#2563eb}[data-theme=dark] .save-button:hover:not(:disabled){background-color:#1d4ed8}[data-theme=dark] .save-button:disabled{background-color:#4b5563}[data-theme=dark] .review-finish-container .section-header h2{color:#f9fafb}[data-theme=dark] .review-finish-container .section-header p{color:#9ca3af}[data-theme=dark] .summary-card{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .summary-card.complete{border-color:#10b981;background-color:#064e3b}[data-theme=dark] .summary-card.partial{border-color:#f59e0b;background-color:#78350f}[data-theme=dark] .summary-card.incomplete{border-color:#ef4444;background-color:#7f1d1d}[data-theme=dark] .card-header{border-bottom-color:#4b5563}[data-theme=dark] .card-title h4{color:#f9fafb}[data-theme=dark] .status-icon.complete{color:#10b981;background-color:#064e3b}[data-theme=dark] .status-icon.partial{color:#f59e0b;background-color:#78350f}[data-theme=dark] .status-icon.incomplete{color:#ef4444;background-color:#7f1d1d}[data-theme=dark] .card-content li{color:#d1d5db}[data-theme=dark] .action-buttons{background-color:#374151;border-color:#4b5563}[data-theme=dark] .back-button{background-color:#1f2937;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .back-button:hover{background-color:#374151;border-color:#6b7280}[data-theme=dark] .activation-info{background-color:#1e3a8a;border-color:#3b82f6}[data-theme=dark] .activation-info h4{color:#dbeafe}[data-theme=dark] .capabilities-list p,[data-theme=dark] .capabilities-list li{color:#d1d5db}[data-theme=dark] .example-response{background-color:#1f2937;border-color:#3b82f6}[data-theme=dark] .example-response h5{color:#dbeafe}[data-theme=dark] .example-response blockquote{background-color:#374151;border-left-color:#60a5fa;color:#d1d5db}[data-theme=dark] .warning-message{background-color:#78350f;border-color:#f59e0b;color:#fbbf24}[data-theme=dark] .error-state{color:#fca5a5}[data-theme=dark] .saving-indicator{background-color:#78350f;border-color:#f59e0b;color:#fbbf24}[data-theme=dark] .crm-inactive-notice{background-color:#78350f;border-color:#f59e0b}[data-theme=dark] .crm-inactive-notice p{color:#fbbf24}[data-theme=dark] .crm-inactive-notice strong{color:#fcd34d}[data-theme=dark] .working-hours-section{background-color:#374151;border-color:#4b5563}[data-theme=dark] .working-hours-display .info-item label{color:#d1d5db}[data-theme=dark] .working-hours-display .info-item span{color:#9ca3af}[data-theme=dark] .working-hours-edit .integration-form-grouplabel{color:#d1d5db}[data-theme=dark] .day-schedule{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .day-schedule:hover{border-color:#6b7280;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .day-name{color:#d1d5db}[data-theme=dark] .toggle-slider{background-color:#4b5563}[data-theme=dark] .day-toggle input[type=checkbox]:checked+.toggle-slider{background-color:#2563eb}[data-theme=dark] .toggle-label{color:#9ca3af}[data-theme=dark] .day-toggle input[type=checkbox]:checked~.toggle-label{color:#60a5fa}[data-theme=dark] .time-controls{border-top-color:#4b5563}[data-theme=dark] .time-input-group label{color:#9ca3af}[data-theme=dark] .time-input-group input[type=time]{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .time-input-group input[type=time]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .time-input-group input[type=time]:disabled{background-color:#374151}[data-theme=dark] .time-separator{color:#9ca3af}[data-theme=dark] .working-hours-edit .integration-form-groupselect{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .working-hours-edit .integration-form-groupselect:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .working-hours-edit .integration-form-groupselect:disabled{background-color:#4b5563}[data-theme=dark] .working-hours-edit .input-help{color:#9ca3af}[data-theme=dark] .edit-actions{border-top-color:#4b5563}[data-theme=dark] .day-display-card{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .day-display-card.editable{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .day-display-card:hover{border-color:#6b7280;box-shadow:0 2px 4px #0000004d}[data-theme=dark] .day-display-card.editable:hover{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .day-display-name{color:#d1d5db}[data-theme=dark] .day-status.open{background-color:#064e3b;color:#6ee7b7}[data-theme=dark] .day-status.closed{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .hours-text{color:#9ca3af}[data-theme=dark] .timezone-display{border-top-color:#4b5563}[data-theme=dark] .timezone-info{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .timezone-info label{color:#d1d5db}[data-theme=dark] .timezone-info span{color:#9ca3af}[data-theme=dark] .toggle-slider-small{background-color:#4b5563}[data-theme=dark] .day-toggle-edit input[type=checkbox]:checked+.toggle-slider-small{background-color:#2563eb}[data-theme=dark] .toggle-label-small{color:#9ca3af}[data-theme=dark] .day-toggle-edit input[type=checkbox]:checked~.toggle-label-small{color:#60a5fa}[data-theme=dark] .time-input-small{background-color:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .time-input-small:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .time-input-small:disabled{background-color:#4b5563}[data-theme=dark] .time-separator-small{color:#9ca3af}[data-theme=dark] .timezone-select-inline{background-color:#374151!important;border-color:#4b5563;color:#f9fafb!important}[data-theme=dark] .timezone-select-inline option{background-color:#374151!important;color:#f9fafb!important}[data-theme=dark] .timezone-select-inline:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .timezone-select-inline:disabled{background-color:#4b5563}[data-theme=dark] .calendar-events-section{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .calendar-events-section .section-header h3{color:#f9fafb}[data-theme=dark] .calendar-events-section .section-header p,[data-theme=dark] .email-input-container .input-icon{color:#9ca3af}[data-theme=dark] .email-input-container .email-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .email-input-container .email-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .email-input-container .email-input:disabled{background-color:#4b5563}[data-theme=dark] .fetch-events-btn{background-color:#2563eb}[data-theme=dark] .fetch-events-btn:hover:not(:disabled){background-color:#1d4ed8}[data-theme=dark] .fetch-events-btn:disabled{background-color:#4b5563}[data-theme=dark] .events-results{background-color:#374151;border-color:#4b5563}[data-theme=dark] .events-results h4{color:#f9fafb}[data-theme=dark] .event-item{background-color:#1f2937;border-color:#4b5563;box-shadow:0 1px 2px #0003}[data-theme=dark] .event-title{color:#f9fafb}[data-theme=dark] .event-details{color:#9ca3af}[data-theme=dark] .events-more{background-color:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .events-error{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme=dark] .loading-text{color:#9ca3af}[data-theme=dark] .status-badge.active{background-color:#064e3b;color:#6ee7b7;border-color:#065f46}[data-theme=dark] .status-badge.inactive{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme=dark] .capacity-config{background-color:#374151;border-color:#4b5563}[data-theme=dark] .capacity-config label{color:#d1d5db}[data-theme=dark] .capacity-input-group input[type=number]{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .capacity-input-group input[type=number]:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .capacity-help,[data-theme=dark] .tooltip-icon{color:#9ca3af}[data-theme=dark] .tooltip-icon:hover{color:#60a5fa}[data-theme=dark] .tooltip-content{background-color:#111827;color:#f9fafb}[data-theme=dark] .tooltip-content:after{border-top-color:#111827}[data-theme=dark] .security-token-tooltip h4{color:#f9fafb}[data-theme=dark] .security-token-tooltip li{color:#e5e7eb}[data-theme=dark] .security-token-tooltip strong{color:#f3f4f6}[data-theme=dark] .security-token-tooltip p{color:#d1d5db}[data-theme=dark] .crm-integration-section,[data-theme=dark] .calendar-integration-section,[data-theme=dark] .customer-signup-section,[data-theme=dark] .review-finish-container,[data-theme=dark] .calendar-events-section{background:#1f2937!important}[data-theme=dark] .action-card,[data-theme=dark] .platform-card,[data-theme=dark] .day-schedule,[data-theme=dark] .day-display-card,[data-theme=dark] .timezone-option,[data-theme=dark] .event-item,[data-theme=dark] .suggestion-form-container,[data-theme=dark] .modal,[data-theme=dark] .example-response,[data-theme=dark] .locations-table table,[data-theme=dark] .locations-table .locations-empty{background:#374151!important}[data-theme=dark] .integration-form-groupselect,[data-theme=dark] .integration-form-groupinput,[data-theme=dark] .subdomain-input,[data-theme=dark] .option-content,[data-theme=dark] .working-hours-edit input,[data-theme=dark] .working-hours-edit select,[data-theme=dark] .timezone-select-inline,[data-theme=dark] .cancel-btn{background:#1f2937!important;background-color:#1f2937!important;color:#f9fafb!important;border-color:#4b5563!important}[data-theme=dark] .summary-card{background:#374151!important;border-color:#4b5563!important}[data-theme=dark] .summary-card.partial{background:#451a03!important;border-color:#92400e!important}[data-theme=dark] .toggle-switch:before,[data-theme=dark] .toggle-enabled:before,[data-theme=dark] .time-toggle:before{background-color:#d1d5db!important}[data-theme=dark] .calendar-events-test .events-results{background:#374151!important;border-color:#4b5563!important}[data-theme=dark] .warning-banner{background:#451a03!important;border-color:#92400e!important}[data-theme=dark] .loading-state{background:#1f2937!important;color:#9ca3af!important}[data-theme=dark] .policy-group select option,[data-theme=dark] .timezone-select-inline option{background:#1f2937!important;color:#f9fafb!important}[data-theme=dark] .realtime-search-integration-section{background:#1f2937!important}[data-theme=dark] .url-item,[data-theme=dark] .url-form{background:#374151!important;border-color:#4b5563!important}[data-theme=dark] .url-form input,[data-theme=dark] .url-form textarea,[data-theme=dark] .edit-form input,[data-theme=dark] .edit-form textarea{background:#1f2937!important;color:#f9fafb!important;border-color:#4b5563!important}[data-theme=dark] .form-group label{color:#d1d5db!important}[data-theme=dark] .url-header h5{color:#f9fafb!important}[data-theme=dark] .setting-item{background:#374151!important;border-color:#4b5563!important}[data-theme=dark] .empty-state{color:#9ca3af!important}[data-theme=dark] .icon-button.save{color:#10b981!important;border-color:#10b981!important}[data-theme=dark] .icon-button.save:hover{background-color:#064e3b!important;border-color:#10b981!important}.payment-integration-finalize{display:flex;flex-direction:row;align-items:center;gap:16px}.payment-status{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;margin-top:12px}.payment-status .refresh-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;display:flex;align-items:center;transition:background-color .2s}.payment-status .refresh-btn:hover{background-color:#ffffff1a}.payment-status.checking{background-color:#3b82f61a;color:#2563eb;border:1px solid rgba(59,130,246,.2)}.payment-status.checking .spin{animation:spin 1s linear infinite}.payment-status.connected{background-color:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.payment-status.pending{background-color:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.2)}.payment-status.not-connected{background-color:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.payment-status.error{background-color:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.payment-status.error .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.automation-container{height:100%;display:flex;flex-direction:column;background:#f8fafc}[data-theme=dark] .automation-container{background:#0f172a}.automation-header{padding:16px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a}[data-theme=dark] .automation-header{background:#1e293b;border-bottom:1px solid #334155;box-shadow:0 1px 3px #0000004d}.automation-header h1{margin:0 0 4px;font-size:22px;font-weight:600;color:#1e293b}[data-theme=dark] .automation-header h1{color:#f1f5f9}.automation-header p{margin:0;color:#64748b;font-size:14px}[data-theme=dark] .automation-header p{color:#94a3b8}.automation-title{margin-bottom:10px}.automation-title-with-settings{display:flex;align-items:center;justify-content:flex-start;gap:16px}.settings-icon-button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#64748b}.settings-icon-button:hover{background:#e2e8f0;border-color:#cbd5e1;color:#1e293b}[data-theme=dark] .settings-icon-button{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .settings-icon-button:hover{background:#475569;border-color:#64748b;color:#f1f5f9}.flow-configuration{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;margin-top:10px}[data-theme=dark] .flow-configuration{background:#0f172a;border-color:#334155}.flow-config-row{margin-bottom:10px}.flow-config-row:last-child{margin-bottom:0}.flow-name-section,.starting-prompt-section{width:100%}.flow-name-section label,.starting-prompt-section label{display:block;font-size:12px;font-weight:500;color:#374151;margin-bottom:4px}[data-theme=dark] .flow-name-section label,[data-theme=dark] .starting-prompt-section label{color:#d1d5db}.flow-name-input{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.flow-name-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .flow-name-input{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .flow-name-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.starting-prompt-textarea{width:100%;padding:6px 8px;border:1px solid #d1d5db;border-radius:6px;font-size:13px;background:#fff;color:#1f2937;resize:vertical;min-height:60px;font-family:inherit;line-height:1.4;transition:border-color .2s ease,box-shadow .2s ease}.starting-prompt-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .starting-prompt-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .starting-prompt-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.flow-name-input::placeholder,.starting-prompt-textarea::placeholder{color:#9ca3af}[data-theme=dark] .flow-name-input::placeholder,[data-theme=dark] .starting-prompt-textarea::placeholder{color:#6b7280}.automation-content{flex:1;display:flex;height:calc(100vh - 160px)}.automation-main{flex:1;display:flex;flex-direction:column}.automation-flow{flex:1;position:relative}.automation-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;gap:16px}.loading-spinner{font-size:48px;animation:spin 2s linear infinite}.automation-loading p{color:#64748b;font-size:16px;margin:0}[data-theme=dark] .automation-loading p{color:#94a3b8}.custom-node{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:16px;min-width:250px;box-shadow:0 4px 6px -1px #0000001a;transition:all .2s ease}.custom-node.compact{padding:12px}.custom-node.compact[data-node-type=inputOutput]{min-width:150px!important;min-height:100px!important}.custom-node.compact[data-node-type=multiOutput]{min-width:120px!important;min-height:30px!important}.custom-node.expanded{min-width:400px}[data-theme=dark] .custom-node{background:#1e293b;border:2px solid #475569;box-shadow:0 4px 6px -1px #0000004d}.custom-node:hover{border-color:#3b82f6;box-shadow:0 8px 25px -5px #0000001a}[data-theme=dark] .custom-node:hover{border-color:#3b82f6;box-shadow:0 8px 25px -5px #0000004d}.custom-node.start-node{border-color:#10b981;box-shadow:0 4px 6px -1px #10b98133}[data-theme=dark] .custom-node.start-node{border-color:#10b981;box-shadow:0 4px 6px -1px #10b9814d}.custom-node.start-node:hover{border-color:#059669;box-shadow:0 8px 25px -5px #10b9814d}[data-theme=dark] .custom-node.start-node:hover{border-color:#059669;box-shadow:0 8px 25px -5px #10b98166}.custom-node.start-node.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b98133}[data-theme=dark] .custom-node.start-node.selected{border-color:#10b981;box-shadow:0 0 0 3px #10b9814d}.custom-node.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .custom-node.selected{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.node-header{margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.node-title-section{display:flex;align-items:center;justify-content:space-between;gap:8px}.edit-toggle-btn{background:none;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;cursor:pointer;font-size:12px;color:#64748b;transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.edit-toggle-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}[data-theme=dark] .edit-toggle-btn{border-color:#475569;color:#94a3b8}[data-theme=dark] .edit-toggle-btn:hover{background:#334155;border-color:#64748b;color:#e2e8f0}.node-description-compact{margin:8px 0 0;font-size:12px;color:#64748b;font-style:italic}[data-theme=dark] .node-description-compact{color:#94a3b8}[data-theme=dark] .node-header{border-bottom:1px solid #475569}.node-title{font-weight:600;color:#1e293b;font-size:14px;margin:0}.node-title-input{background:none;border:1px solid #e2e8f0;border-radius:4px;padding:4px 8px;font-size:14px;font-weight:600;color:#1e293b;flex:1;min-width:0}.node-title-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}[data-theme=dark] .node-title{color:#f1f5f9}[data-theme=dark] .node-title-input{border-color:#475569;color:#f1f5f9;background:#334155}[data-theme=dark] .node-title-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.node-content{display:flex;flex-direction:column;gap:12px}.node-content.horizontal{flex-direction:row;gap:16px}.node-section{flex:1}.node-section-title{font-size:12px;font-weight:500;color:#64748b;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}[data-theme=dark] .node-section-title{color:#94a3b8}.node-textarea{width:100%;min-height:80px;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;resize:vertical;font-family:inherit;background:#fff;color:#1e293b}[data-theme=dark] .node-textarea{background:#334155;border:1px solid #64748b;color:#f1f5f9}.node-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .node-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.tool-selector{display:flex;gap:8px;align-items:center}.node-select{flex:1;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#1e293b}[data-theme=dark] .node-select{background:#334155;border:1px solid #64748b;color:#f1f5f9}.node-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .node-select:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.node-select option{color:#1e293b;background:#fff}[data-theme=dark] .node-select option{color:#f1f5f9;background:#334155}.node-input{width:100%;padding:8px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;background:#fff;color:#1e293b}[data-theme=dark] .node-input{background:#334155;border:1px solid #64748b;color:#f1f5f9}.node-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .node-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.dynamic-inputs{display:flex;flex-direction:column;gap:8px}.input-group{display:flex;gap:8px;align-items:center}.field-group{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:12px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}[data-theme=dark] .field-group{background:#0f172a;border-color:#334155}.field-label{font-weight:600;color:#3b82f6;min-width:24px;font-size:14px;margin-top:8px}.field-inputs{flex:1;display:flex;flex-direction:column;gap:8px}.add-button{padding:6px 12px;background:#3b82f6;color:#fff;border:none;border-radius:6px;font-size:12px;cursor:pointer;transition:background-color .2s}.add-button:hover{background:#2563eb}[data-theme=dark] .add-button:hover{background:#1d4ed8}.add-button:disabled{background:#9ca3af;cursor:not-allowed}[data-theme=dark] .add-button:disabled{background:#64748b}.remove-button{padding:4px 8px;background:#ef4444;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.remove-button:hover{background:#dc2626}[data-theme=dark] .remove-button:hover{background:#b91c1c}.react-flow__node{border:none!important;background:transparent!important;padding:0!important}.react-flow__handle{width:12px;height:12px;background:#3b82f6;border:2px solid white;box-shadow:0 2px 4px #0000001a}.react-flow__handle-top{top:-6px}.react-flow__handle-bottom{bottom:-6px}.react-flow__handle-left{left:-6px}.react-flow__handle-right{right:-6px}.react-flow__edge-path{stroke:#3b82f6;stroke-width:2.5}.react-flow__edge .react-flow__arrowhead{fill:#3b82f6}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke:#2563eb;stroke-width:3}.react-flow__edge.selected .react-flow__arrowhead,.react-flow__edge:hover .react-flow__arrowhead{fill:#2563eb}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}@keyframes dashdraw{to{stroke-dashoffset:-10}}[data-theme=dark] .react-flow__edge-path{stroke:#60a5fa}[data-theme=dark] .react-flow__edge .react-flow__arrowhead{fill:#60a5fa}[data-theme=dark] .react-flow__edge.selected .react-flow__edge-path,[data-theme=dark] .react-flow__edge:hover .react-flow__edge-path{stroke:#93c5fd;stroke-width:3}[data-theme=dark] .react-flow__edge.selected .react-flow__arrowhead,[data-theme=dark] .react-flow__edge:hover .react-flow__arrowhead{fill:#93c5fd}.react-flow__controls{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .react-flow__controls{background:#1e293b;border:1px solid #475569;box-shadow:0 4px 6px -1px #0000004d}.react-flow__controls-button{border:none;border-bottom:1px solid #e2e8f0}[data-theme=dark] .react-flow__controls-button{border-bottom:1px solid #475569;background:transparent;color:#f1f5f9}.react-flow__controls-button:hover{background:#f8fafc}[data-theme=dark] .react-flow__controls-button:hover{background:#334155}.react-flow__minimap{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a}[data-theme=dark] .react-flow__minimap{background:#1e293b;border:1px solid #475569;box-shadow:0 4px 6px -1px #0000004d}.toolbox{width:200px;background:#fff;border-right:1px solid #e2e8f0;padding:12px;overflow-y:auto}[data-theme=dark] .toolbox{background:#1e293b;border-right:1px solid #475569}.toolbox-header{margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f1f5f9}[data-theme=dark] .toolbox-header{border-bottom:1px solid #475569}.toolbox-header h3{margin:0 0 2px;font-size:16px;font-weight:600;color:#1e293b}[data-theme=dark] .toolbox-header h3{color:#f1f5f9}.toolbox-header p{margin:0;font-size:12px;color:#64748b}[data-theme=dark] .toolbox-header p{color:#94a3b8}.toolbox-nodes{display:flex;flex-direction:column;gap:8px}.toolbox-node{display:flex;align-items:flex-start;gap:12px;padding:16px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none}[data-theme=dark] .toolbox-node{background:#334155;border:2px solid #475569}.toolbox-node:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .toolbox-node:hover{border-color:#3b82f6;background:#1e40af;box-shadow:0 4px 12px #3b82f640}.toolbox-node:active{cursor:grabbing;transform:translateY(0)}.toolbox-node-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:8px;font-size:18px;flex-shrink:0}.toolbox-node-info{flex:1}.toolbox-node-title{font-weight:600;color:#1e293b;font-size:14px;margin-bottom:4px}[data-theme=dark] .toolbox-node-title{color:#f1f5f9}.toolbox-node-description{font-size:12px;color:#64748b;line-height:1.4}[data-theme=dark] .toolbox-node-description{color:#94a3b8}.action-buttons-container{background:#fff;border-top:1px solid #e2e8f0;padding:12px;min-height:80px;position:relative;z-index:10000}[data-theme=dark] .action-buttons-container{background:#1e293b;border-top:1px solid #475569}.action-buttons-header{margin-bottom:8px}.action-buttons-header h3{margin:0 0 2px;font-size:14px;font-weight:600;color:#1e293b}[data-theme=dark] .action-buttons-header h3{color:#f1f5f9}.action-buttons-header p{margin:0;font-size:14px;color:#64748b}[data-theme=dark] .action-buttons-header p{color:#94a3b8}.action-buttons-content{display:flex;flex-direction:column;gap:16px}.action-buttons-grid{display:flex;gap:8px;flex-wrap:wrap;align-items:center}@media (max-width: 768px){.action-buttons-grid{flex-direction:column;gap:8px}.action-button{width:100%;justify-content:center}}.action-button{display:flex;align-items:center;gap:8px;padding:12px 20px;border:2px solid #e2e8f0;border-radius:8px;background:#fff;color:#1e293b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:140px}[data-theme=dark] .action-button{background:#334155;border:2px solid #475569;color:#f1f5f9}.action-button:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}[data-theme=dark] .action-button:hover{border-color:#3b82f6;background:#1e40af;box-shadow:0 4px 12px #3b82f640}.action-button:active{transform:translateY(0)}.button-icon{font-size:16px}.button-text{font-weight:500}.export-btn:hover{border-color:#10b981;background:#ecfdf5}[data-theme=dark] .export-btn:hover{border-color:#10b981;background:#064e3b}.save-btn:hover{border-color:#f59e0b;background:#fffbeb}[data-theme=dark] .save-btn:hover{border-color:#f59e0b;background:#451a03}.save-new-btn:hover{border-color:#10b981;background:#ecfdf5}[data-theme=dark] .save-new-btn:hover{border-color:#10b981;background:#064e3b}.go-live-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;font-weight:600}.go-live-btn:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669;color:#fff;box-shadow:0 4px 20px #10b98166}[data-theme=dark] .go-live-btn{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}[data-theme=dark] .go-live-btn:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#059669}.version-selector{background:#0f172a4d;border:1px solid rgba(71,85,105,.2);border-radius:12px;padding:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:10px;font-weight:700;border-radius:4px;letter-spacing:.5px}.live-call-types{font-size:9px;font-weight:500;opacity:.9;letter-spacing:.3px;margin-left:2px}.version-dropdown-item.live{background:#10b9811a;border-left:3px solid #10b981}[data-theme=dark] .version-dropdown-item.live{background:#10b98126;border-left:3px solid #10b981;width:100%;box-sizing:border-box}[data-theme=dark] .version-selector{background:#1e293b4d;border:1px solid rgba(71,85,105,.2)}.version-selector-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;color:#1e293b;font-weight:600;font-size:14px}[data-theme=dark] .version-selector-header{color:#f1f5f9}.version-dropdown-container{position:relative;z-index:10000}.version-dropdown-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:#ffffffb3;border:1px solid rgba(71,85,105,.3);border-radius:8px;color:#1e293b;font-size:13px;cursor:pointer;transition:all .2s ease}[data-theme=dark] .version-dropdown-toggle{background:#1e293bb3;color:#f1f5f9}.version-dropdown-toggle:hover{border-color:#3b82f6;background:#3b82f60d}[data-theme=dark] .version-dropdown-toggle:hover{border-color:#3b82f6;background:#3b82f61a}.dropdown-arrow{transition:transform .2s ease;font-size:10px;color:#64748b}[data-theme=dark] .dropdown-arrow{color:#94a3b8}.dropdown-arrow.open{transform:rotate(180deg)}.version-dropdown-menu{position:fixed;z-index:999998;margin-top:4px;background:#fff;border:1px solid rgba(71,85,105,.3);border-radius:8px;box-shadow:0 8px 25px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);max-height:200px;overflow-y:auto}[data-theme=dark] .version-dropdown-menu{background:#1e293b;box-shadow:0 8px 25px #0000004d}.version-dropdown-item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;border:none;background:transparent;color:#1e293b;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(71,85,105,.1)}[data-theme=dark] .version-dropdown-item{color:#f1f5f9;border-bottom:1px solid rgba(71,85,105,.2)}.version-dropdown-item:last-child{border-bottom:none}.version-dropdown-item:hover{background:#3b82f61a}.version-dropdown-item.active{background:#3b82f626;border-left:3px solid #3b82f6}.version-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.version-number{font-weight:600;font-size:13px;color:#1e293b}[data-theme=dark] .version-number{color:#f1f5f9}.version-date{font-size:11px;color:#64748b}[data-theme=dark] .version-date{color:#94a3b8}.current-indicator{color:#3b82f6;font-size:12px;font-weight:700}.list-btn:hover{border-color:#8b5cf6;background:#f5f3ff}[data-theme=dark] .list-btn:hover{border-color:#8b5cf6;background:#3c1e78}.test-btn:hover{border-color:#06b6d4;background:#ecfeff}[data-theme=dark] .test-btn:hover{border-color:#06b6d4;background:#164e63}.run-btn:hover{border-color:#ef4444;background:#fef2f2}[data-theme=dark] .run-btn:hover{border-color:#ef4444;background:#450a0a}.automation-loading{display:flex;align-items:center;justify-content:center;height:400px;color:#64748b}[data-theme=dark] .automation-loading{color:#94a3b8}.loading-spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-right:12px}[data-theme=dark] .loading-spinner{border:4px solid #475569;border-top:4px solid #60a5fa}.save-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease-out}.save-confirmation{background:#fff;border-radius:12px;padding:24px;min-width:400px;max-width:500px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;align-items:center;gap:16px;position:relative;animation:slideIn .3s ease-out}[data-theme=dark] .save-confirmation{background:#1e293b;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0003}.save-confirmation.success{border-left:4px solid #10b981}.save-confirmation.error{border-left:4px solid #ef4444}.save-confirmation-icon{font-size:24px;flex-shrink:0}.save-confirmation-content{flex:1}.save-confirmation-content h4{margin:0 0 8px;font-size:16px;font-weight:600;color:#1e293b}[data-theme=dark] .save-confirmation-content h4{color:#f1f5f9}.save-confirmation-content p{margin:0;font-size:14px;color:#64748b;line-height:1.5}[data-theme=dark] .save-confirmation-content p{color:#94a3b8}.save-confirmation-close{position:absolute;top:12px;right:12px;background:none;border:none;font-size:20px;color:#64748b;cursor:pointer;padding:4px;line-height:1;border-radius:4px;transition:all .2s ease}.save-confirmation-close:hover{background:#f1f5f9;color:#1e293b}[data-theme=dark] .save-confirmation-close{color:#94a3b8}[data-theme=dark] .save-confirmation-close:hover{background:#334155;color:#f1f5f9}.edge-label-container{z-index:1000}.edge-label{background:#fff;border:2px solid var(--edge-color, #3b82f6);border-radius:6px;padding:4px 8px;font-size:12px;color:#1e293b;cursor:pointer;transition:all .2s ease;white-space:nowrap;max-width:100px;overflow:hidden;text-overflow:ellipsis;box-shadow:0 2px 4px #0000001a}[data-theme=dark] .edge-label{background:#1e293b;border:2px solid var(--edge-color, #3b82f6);color:#f1f5f9;box-shadow:0 2px 4px #0000004d}.edge-label:hover{border-color:var(--edge-color-hover, #2563eb);background:#eff6ff;transform:scale(1.05)}[data-theme=dark] .edge-label:hover{border-color:var(--edge-color-hover, #2563eb);background:#1e40af}.edge-label-placeholder{color:#94a3b8;font-style:italic}[data-theme=dark] .edge-label-placeholder{color:#64748b}.edge-edit-container{display:flex;align-items:flex-start;gap:4px;background:#fff;border:2px solid var(--edge-color, #3b82f6);border-radius:6px;padding:4px;box-shadow:0 4px 12px #3b82f626;max-width:200px}[data-theme=dark] .edge-edit-container{background:#1e293b;border:2px solid var(--edge-color, #3b82f6);box-shadow:0 4px 12px #3b82f640}.edge-textarea{border:none;outline:none;padding:4px 6px;font-size:11px;background:transparent;color:#1e293b;width:150px;min-height:60px;resize:none;font-family:inherit;line-height:1.3}[data-theme=dark] .edge-textarea{color:#f1f5f9}.edge-textarea::placeholder{color:#94a3b8;font-size:10px}[data-theme=dark] .edge-textarea::placeholder{color:#64748b}.edge-edit-buttons{display:flex;flex-direction:column;gap:2px;align-self:flex-start;margin-top:2px}.edge-save-btn,.edge-cancel-btn{width:16px;height:16px;border:none;border-radius:3px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.edge-save-btn{background:#10b981;color:#fff}.edge-save-btn:hover{background:#059669}.edge-cancel-btn{background:#ef4444;color:#fff}.edge-cancel-btn:hover{background:#dc2626}.test-chat-widget-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease-in-out}.test-chat-widget{width:400px;height:600px;background-color:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .3s ease-out}.dark .test-chat-widget{background-color:#1f2937;color:#fff}.test-chat-header{background:linear-gradient(to right,#3b82f6,#8b5cf6);padding:16px;display:flex;align-items:center;justify-content:space-between;color:#fff}.test-chat-header-content{display:flex;align-items:center;gap:12px}.test-chat-icon{width:40px;height:40px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0}.test-chat-title{font-size:16px;font-weight:600;margin:0;line-height:1.2}.test-chat-subtitle{font-size:12px;margin:4px 0 0;opacity:.9}.test-chat-history-indicator{display:flex;align-items:center;gap:4px;color:#10b981;font-weight:500}.test-chat-close-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.test-chat-header-buttons{display:flex;align-items:center;gap:8px}.test-chat-reset-btn{background:none;border:none;color:#fff;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.test-chat-reset-btn:hover,.test-chat-close-btn:hover{background-color:#fff3}.test-chat-messages{flex:1;overflow-y:auto;padding:16px;background-color:#f9fafb;display:flex;flex-direction:column}.dark .test-chat-messages{background-color:#111827}.test-chat-messages::-webkit-scrollbar{width:6px}.test-chat-messages::-webkit-scrollbar-track{background:transparent}.test-chat-messages::-webkit-scrollbar-thumb{background:#9ca3af66;border-radius:3px;transition:background .2s ease}.test-chat-messages::-webkit-scrollbar-thumb:hover{background:#9ca3af99}.dark .test-chat-messages::-webkit-scrollbar-thumb{background:#4b556399}.dark .test-chat-messages::-webkit-scrollbar-thumb:hover{background:#4b5563cc}.test-chat-messages{scrollbar-width:thin;scrollbar-color:rgba(156,163,175,.4) transparent}.dark .test-chat-messages{scrollbar-color:rgba(75,85,99,.6) transparent}.test-chat-loading-history{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px}.test-chat-loading-icon{margin-bottom:16px}.loading-dots{display:flex;align-items:center;gap:4px}.loading-dot{width:8px;height:8px;border-radius:50%;background-color:#3b82f6;animation:loadingDot 1.4s ease-in-out infinite both}.loading-dot:nth-child(1){animation-delay:-.32s}.loading-dot:nth-child(2){animation-delay:-.16s}@keyframes loadingDot{0%,80%,to{transform:scale(.8);opacity:.5}40%{transform:scale(1);opacity:1}}.test-chat-loading-history h3{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600}.dark .test-chat-loading-history h3{color:#fff}.test-chat-loading-history p{color:#6b7280;margin:0;font-size:14px}.dark .test-chat-loading-history p{color:#9ca3af}.test-chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px}.test-chat-empty-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(to right,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;margin-bottom:16px}.test-chat-empty h3{color:#1f2937;margin:0 0 8px;font-size:16px;font-weight:600}.dark .test-chat-empty h3{color:#fff}.test-chat-empty p{color:#6b7280;margin:0;font-size:14px}.dark .test-chat-empty p{color:#9ca3af}.test-chat-message{margin-bottom:16px;display:flex}.test-chat-message-user{justify-content:flex-end}.test-chat-message-agent{justify-content:flex-start}.test-chat-message-bubble{max-width:80%;padding:12px 16px;border-radius:18px;font-size:14px;line-height:1.4;word-break:break-word}.test-chat-message-user .test-chat-message-bubble{background-color:#3b82f6;color:#fff;border-radius:18px 18px 4px}.test-chat-message-agent .test-chat-message-bubble{background-color:#e5e7eb;color:#1f2937;border-radius:18px 18px 18px 4px}.dark .test-chat-message-agent .test-chat-message-bubble{background-color:#374151;color:#fff}.test-chat-message-content{margin-bottom:4px}.test-chat-message-time{font-size:12px;opacity:.7}.test-chat-message-user .test-chat-message-time{text-align:right}.test-chat-typing{display:flex;align-items:center;gap:8px}.test-chat-typing-dots{display:flex;gap:2px}.test-chat-typing-dot{width:4px;height:4px;border-radius:50%;background-color:currentColor;animation:bounce 1.4s infinite ease-in-out}.test-chat-typing-dot:nth-child(1){animation-delay:0s}.test-chat-typing-dot:nth-child(2){animation-delay:.16s}.test-chat-typing-dot:nth-child(3){animation-delay:.32s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.test-chat-input-form{padding:16px;background-color:#fff;border-top:1px solid #e5e7eb;display:flex;gap:8px}.dark .test-chat-input-form{background-color:#1f2937;border-top-color:#374151}.test-chat-input{flex:1;padding:10px 16px;border:1px solid #e5e7eb;border-radius:24px;font-size:14px;outline:none;transition:border-color .2s;background-color:#f9fafb;color:#1f2937}.test-chat-input:focus{border-color:#3b82f6;background-color:#fff}.dark .test-chat-input{background-color:#111827;border-color:#374151;color:#fff}.dark .test-chat-input:focus{background-color:#1f2937;border-color:#3b82f6}.test-chat-input::placeholder{color:#9ca3af}.test-chat-send-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(to right,#3b82f6,#8b5cf6);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;flex-shrink:0}.test-chat-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 12px #3b82f666}.test-chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.test-chat-phone-setup{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:32px}.test-chat-phone-icon{margin-bottom:16px}.test-chat-phone-setup h3{color:#1f2937;margin:0 0 8px;font-size:18px;font-weight:600}.dark .test-chat-phone-setup h3{color:#fff}.test-chat-phone-setup p{color:#6b7280;margin:0 0 24px;font-size:14px}.dark .test-chat-phone-setup p{color:#9ca3af}.test-chat-phone-form{width:100%;max-width:300px;display:flex;flex-direction:column;gap:12px}.test-chat-phone-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;outline:none;transition:border-color .2s;background-color:#fff;color:#1f2937;text-align:center}.test-chat-phone-input:focus{border-color:#3b82f6}.dark .test-chat-phone-input{background-color:#1f2937;border-color:#374151;color:#fff}.dark .test-chat-phone-input:focus{border-color:#3b82f6}.test-chat-phone-input::placeholder{color:#9ca3af}.test-chat-phone-submit{width:100%;padding:12px 24px;border-radius:12px;background:linear-gradient(to right,#3b82f6,#8b5cf6);border:none;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.test-chat-phone-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.test-chat-phone-submit:disabled{opacity:.5;cursor:not-allowed}.test-chat-phone-number{color:#10b981;font-weight:500}.test-chat-session-id{font-size:10px;margin:2px 0 0;opacity:.8;font-family:Courier New,monospace;color:#ffffffe6;word-break:break-all}.test-chat-session-label{font-weight:600;opacity:1}@media (max-width: 480px){.test-chat-widget{width:100%;height:100%;border-radius:0}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-in-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:500px;padding:24px;animation:slideUp .3s ease-out;position:relative}[data-theme=dark] .modal-overlay{background-color:#000000bf}[data-theme=dark] .modal-content{background:#1e293b;box-shadow:0 10px 40px #0009}.modal-content h3{margin:0 0 8px;font-size:20px;font-weight:600;color:#1e293b}[data-theme=dark] .modal-content h3{color:#f1f5f9}.modal-content p{margin:0 0 24px;font-size:14px;color:#64748b;line-height:1.5}[data-theme=dark] .modal-content p{color:#94a3b8}.call-type-selection{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.call-type-checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;background:#f8fafc}[data-theme=dark] .call-type-checkbox{border-color:#334155;background:#0f172a}.call-type-checkbox:hover{border-color:#3b82f6;background:#eff6ff}[data-theme=dark] .call-type-checkbox:hover{border-color:#3b82f6;background:#1e3a8a}.call-type-checkbox input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.call-type-checkbox span{font-size:15px;font-weight:500;color:#1e293b;-webkit-user-select:none;user-select:none}[data-theme=dark] .call-type-checkbox span{color:#f1f5f9}.call-type-checkbox input[type=checkbox]:checked+span{color:#3b82f6}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.modal-actions button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none;min-width:100px}.button-secondary{background:#f1f5f9;color:#64748b}[data-theme=dark] .button-secondary{background:#334155;color:#94a3b8}.button-secondary:hover{background:#e2e8f0;color:#475569}[data-theme=dark] .button-secondary:hover{background:#475569;color:#cbd5e1}.button-primary{background:#3b82f6;color:#fff}.button-primary:hover{background:#2563eb}.button-primary:disabled{background:#cbd5e1;cursor:not-allowed;opacity:.6}[data-theme=dark] .button-primary:disabled{background:#475569}.flow-list-container{width:100%;height:100%;padding:24px;background:var(--background-primary);border-radius:16px;overflow-y:auto}.flow-list-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(var(--border-color-rgb),.2)}.flow-list-create-button{margin-top:70px}.flow-list-header h2{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flow-list-actions{display:flex;gap:12px;align-items:center}.action-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;white-space:nowrap}.action-button.create-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.action-button.create-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-primary-rgb),.4)}.action-button.create-button.primary{padding:12px 24px;font-size:16px}.action-button.unsaved-button{background:rgba(var(--warning-color-rgb),.1);color:var(--warning-color);border:1px solid rgba(var(--warning-color-rgb),.3)}.action-button.unsaved-button:hover{background:rgba(var(--warning-color-rgb),.2);transform:translateY(-1px)}.flow-list-loading,.flow-list-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(var(--accent-primary-rgb),.2);border-top:3px solid var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.flow-list-loading p,.flow-list-error p{color:var(--text-secondary);margin:0}.retry-button{margin-top:16px;padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.retry-button:hover{background:var(--accent-secondary)}.flow-list-empty{display:flex;justify-content:center;align-items:center;min-height:400px}.empty-state{text-align:center;max-width:400px}.empty-icon{color:var(--text-tertiary);margin-bottom:24px;opacity:.6}.empty-state h3{margin:0 0 12px;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.empty-state p{margin:0 0 24px;color:var(--text-secondary);line-height:1.6}.flow-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:24px;margin-top:24px}.flow-card{background:rgba(var(--background-secondary-rgb),.8);border:1px solid rgba(var(--border-color-rgb),.2);border-radius:12px;padding:20px;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.flow-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026;border-color:rgba(var(--accent-primary-rgb),.3)}.flow-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.flow-name{margin:0 12px 0 0;font-size:1.25rem;font-weight:600;color:var(--text-primary);line-height:1.3;flex:1}.flow-status{flex-shrink:0}.status-badge{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.active{background:rgba(var(--success-color-rgb),.2);color:var(--success-color);border:1px solid rgba(var(--success-color-rgb),.3)}.status-badge.inactive{background:rgba(var(--text-tertiary-rgb),.2);color:var(--text-tertiary);border:1px solid rgba(var(--text-tertiary-rgb),.3)}.flow-description{margin:0 0 16px;color:var(--text-secondary);line-height:1.5;font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.flow-meta{margin-bottom:16px;display:flex;flex-direction:column;gap:4px}.flow-date{font-size:12px;color:var(--text-tertiary)}.flow-card-actions{display:flex;gap:8px;margin-top:auto}.flow-action-button{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;flex:1;justify-content:center}.flow-action-button.primary{background:var(--accent-primary);color:#fff}.flow-action-button.primary:hover{background:var(--accent-secondary);transform:translateY(-1px)}.flow-action-button.danger{background:rgba(var(--error-color-rgb),.1);color:var(--error-color);border:1px solid rgba(var(--error-color-rgb),.3)}.flow-action-button.danger:hover{background:rgba(var(--error-color-rgb),.2)}.flow-action-button.danger.confirm{background:var(--error-color);color:#fff;animation:pulse 1s infinite}.delete-warning{position:absolute;top:100%;left:0;right:0;background:rgba(var(--error-color-rgb),.95);color:#fff;padding:12px;border-radius:0 0 12px 12px;z-index:10;border:1px solid var(--error-color);border-top:none}.delete-warning p{margin:0 0 8px;font-size:12px;line-height:1.4}.cancel-delete-button{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:background .2s ease}.cancel-delete-button:hover{background:#ffffff4d}@media (max-width: 768px){.flow-list-container{padding:16px}.flow-list-header{flex-direction:column;align-items:flex-start;gap:16px}.flow-list-actions{width:100%;justify-content:flex-end}.flow-list-grid{grid-template-columns:1fr;gap:16px}.flow-card-header{flex-direction:column;align-items:flex-start;gap:8px}.flow-name{margin-right:0}}@media (max-width: 480px){.flow-list-actions{flex-direction:column;width:100%}.action-button{width:100%;justify-content:center}.flow-card-actions{flex-direction:column}.flow-action-button{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:999999;animation:fadeIn .2s ease-in-out}.flow-settings-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;width:90%;max-width:600px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out;position:relative;z-index:1000000}[data-theme=dark] .flow-settings-modal{background:#1e293b;box-shadow:0 10px 40px #0009}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e2e8f0}[data-theme=dark] .modal-header{border-bottom-color:#334155}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:#1e293b}[data-theme=dark] .modal-header h2{color:#f1f5f9}.close-button{background:none;border:none;font-size:24px;color:#64748b;cursor:pointer;padding:4px 8px;line-height:1;transition:color .2s ease}.close-button:hover{color:#1e293b}[data-theme=dark] .close-button{color:#94a3b8}[data-theme=dark] .close-button:hover{color:#f1f5f9}.modal-body{padding:24px;overflow-y:auto;flex:1}.settings-section{margin-bottom:24px}.settings-section:last-child{margin-bottom:0}.settings-label{display:block;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}[data-theme=dark] .settings-label{color:#d1d5db}.settings-description{font-size:13px;color:#64748b;margin:0 0 12px}[data-theme=dark] .settings-description{color:#94a3b8}.settings-input{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#1f2937;transition:border-color .2s ease,box-shadow .2s ease}.settings-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .settings-input{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .settings-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.settings-textarea{width:100%;padding:10px 12px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff;color:#1f2937;resize:vertical;min-height:100px;font-family:inherit;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}.settings-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}[data-theme=dark] .settings-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .settings-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.settings-input::placeholder,.settings-textarea::placeholder{color:#9ca3af}[data-theme=dark] .settings-input::placeholder,[data-theme=dark] .settings-textarea::placeholder{color:#6b7280}.loading-tools{text-align:center;padding:20px;color:#64748b;font-size:14px}[data-theme=dark] .loading-tools{color:#94a3b8}.global-tools-list{display:flex;flex-direction:column;gap:12px}.tool-item{padding:12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s ease}.tool-item:hover{background:#f1f5f9;border-color:#cbd5e1}[data-theme=dark] .tool-item{background:#0f172a;border-color:#334155}[data-theme=dark] .tool-item:hover{background:#1e293b;border-color:#475569}.tool-checkbox-label{display:flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.tool-checkbox{width:18px;height:18px;cursor:pointer;margin-right:12px;accent-color:#3b82f6}.tool-checkbox:disabled{cursor:not-allowed;opacity:.5}.tool-name{font-size:14px;font-weight:500;color:#374151}[data-theme=dark] .tool-name{color:#d1d5db}.modal-footer{padding:16px 24px;border-top:1px solid #e2e8f0;display:flex;justify-content:flex-end;gap:12px}[data-theme=dark] .modal-footer{border-top-color:#334155}.modal-button{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.cancel-button{background:#e2e8f0;color:#374151}.cancel-button:hover{background:#cbd5e1}[data-theme=dark] .cancel-button{background:#334155;color:#d1d5db}[data-theme=dark] .cancel-button:hover{background:#475569}.expanded-node-editor{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--background-primary);z-index:1000;display:flex;flex-direction:column;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(var(--border-color-rgb),.2);overflow:hidden}[data-theme=dark] .expanded-node-editor{background:var(--background-secondary);box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a}.expanded-node-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:rgba(var(--background-secondary-rgb),.8);border-bottom:1px solid rgba(var(--border-color-rgb),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.expanded-node-title{display:flex;align-items:center;gap:12px}.expanded-node-title h2{margin:0;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.node-type-badge{padding:4px 8px;background:var(--accent-primary);color:#fff;border-radius:6px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.expanded-node-actions{display:flex;gap:12px}.expanded-action-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.expanded-action-button.save-button{background:var(--success-color);color:#fff}.expanded-action-button.save-button:hover{background:#059669;transform:translateY(-1px)}.expanded-action-button.close-button{background:rgba(var(--text-tertiary-rgb),.1);color:var(--text-secondary);border:1px solid rgba(var(--border-color-rgb),.3)}.expanded-action-button.close-button:hover{background:rgba(var(--text-tertiary-rgb),.2);transform:translateY(-1px)}.expanded-node-content{flex:1;overflow-y:auto;padding:24px}.expanded-node-columns{display:flex;gap:24px;max-width:1400px;margin:0 auto;height:100%}.expanded-node-column{flex:1;display:flex;flex-direction:column;min-width:0;overflow-y:auto}.expanded-node-sections{display:flex;flex-direction:column;gap:24px;height:100%}.expanded-section{background:rgba(var(--background-secondary-rgb),.5);border:1px solid rgba(var(--border-color-rgb),.2);border-radius:12px;overflow:visible;flex-shrink:0}.expanded-section-title{margin:0;padding:16px 20px;background:rgba(var(--accent-primary-rgb),.1);border-bottom:1px solid rgba(var(--border-color-rgb),.2);font-size:1.125rem;font-weight:600;color:var(--text-primary)}.expanded-section-content{padding:20px}.expanded-subsection-title{margin:0 0 16px;font-size:1rem;font-weight:600;color:var(--text-secondary)}.expanded-field-group{margin-bottom:20px}.expanded-label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:var(--text-primary)}.expanded-input,.expanded-select{width:100%;padding:12px 16px;border:1px solid rgba(var(--border-color-rgb),.3);border-radius:8px;font-size:14px;background:var(--background-primary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.expanded-input:focus,.expanded-select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.expanded-textarea{width:100%;padding:12px 16px;border:1px solid rgba(var(--border-color-rgb),.3);border-radius:8px;font-size:14px;background:var(--background-primary);color:var(--text-primary);resize:vertical;min-height:120px;font-family:inherit;line-height:1.5;transition:border-color .2s ease,box-shadow .2s ease}.expanded-textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.expanded-tools-list{display:flex;flex-direction:column;gap:12px}.expanded-tool-item{display:flex;align-items:center;gap:12px;padding:16px;background:rgba(var(--background-primary-rgb),.5);border:1px solid rgba(var(--border-color-rgb),.2);border-radius:8px}.expanded-tool-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-primary);color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0}.expanded-tool-item .expanded-select,.expanded-tool-item .expanded-input{flex:1;margin:0}.expanded-custom-tools{margin-top:24px;padding-top:24px;border-top:1px solid rgba(var(--border-color-rgb),.2)}.expanded-fields-list{display:flex;flex-direction:column;gap:16px}.expanded-field-definition{display:flex;align-items:flex-start;gap:16px;padding:20px;background:rgba(var(--background-primary-rgb),.5);border:1px solid rgba(var(--border-color-rgb),.2);border-radius:8px}.expanded-field-number{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-secondary);color:#fff;border-radius:50%;font-size:12px;font-weight:600;flex-shrink:0;margin-top:4px}.expanded-field-inputs{flex:1;display:flex;flex-direction:column;gap:12px}.expanded-field-row{display:flex;gap:12px}.expanded-field-row .expanded-input,.expanded-field-row .expanded-select{flex:1}.expanded-add-button{padding:12px 20px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:12px}.expanded-add-button:hover{background:var(--accent-secondary);transform:translateY(-1px)}.expanded-add-button:disabled{background:rgba(var(--text-tertiary-rgb),.3);cursor:not-allowed;transform:none}.expanded-remove-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:rgba(var(--error-color-rgb),.1);color:var(--error-color);border:1px solid rgba(var(--error-color-rgb),.3);border-radius:6px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.expanded-remove-button:hover{background:var(--error-color);color:#fff}@media (max-width: 768px){.expanded-node-header{flex-direction:column;align-items:flex-start;gap:16px}.expanded-node-actions{width:100%;justify-content:flex-end}.expanded-node-content{padding:16px}.expanded-node-columns{flex-direction:column;gap:24px}.expanded-node-sections{gap:24px}.expanded-field-row{flex-direction:column}.expanded-action-button span{display:none}}@media (max-width: 480px){.expanded-action-button{padding:8px 12px}.expanded-field-definition,.expanded-tool-item{flex-direction:column;align-items:flex-start}.expanded-field-inputs,.expanded-tool-item .expanded-select,.expanded-tool-item .expanded-input{width:100%}}.outbound-call-container{padding:2rem;max-width:1200px;margin:0 auto}@media (max-width: 480px){.outbound-call-container{padding:1rem}}.outbound-call-header{margin-bottom:2rem}.outbound-call-header h2{display:flex;align-items:center;gap:.5rem;font-size:2rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.outbound-call-header p{color:#6b7280;font-size:1rem}.message{display:flex;align-items:center;gap:.5rem;padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:500}.message.success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.message.error{background-color:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.outbound-call-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab-button{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s}.tab-button:hover{color:#374151}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6}.outbound-call-content{margin-top:1rem}[data-theme=dark] .outbound-call-container{background-color:#111827;color:#f9fafb}[data-theme=dark] .outbound-call-header h2{color:#f9fafb}[data-theme=dark] .outbound-call-header p{color:#9ca3af}[data-theme=dark] .message.success{background-color:#064e3b;color:#6ee7b7;border-color:#065f46}[data-theme=dark] .message.error{background-color:#7f1d1d;color:#fca5a5;border-color:#991b1b}[data-theme=dark] .outbound-call-tabs{border-bottom-color:#374151}[data-theme=dark] .tab-button:hover{color:#d1d5db}[data-theme=dark] .tab-button.active{color:#60a5fa;border-bottom-color:#60a5fa}.campaign-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}@media (max-width: 480px){.campaign-container{padding:1rem}}.campaign-header{margin-bottom:2rem}.campaign-header h3{font-size:1.5rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.campaign-header p{color:#6b7280;font-size:1rem}.timezone-display{margin-top:1rem;padding:1rem;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:8px;box-shadow:0 2px 8px #3b82f633}.timezone-info{display:flex;flex-direction:column;align-items:center;text-align:center}.timezone-label{color:#ffffffe6;font-size:.875rem;font-weight:500;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.timezone-time{color:#fff;font-size:1.25rem;font-weight:600;font-family:Courier New,monospace;background:#ffffff1a;padding:.5rem 1rem;border-radius:6px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.campaign-controls{display:flex;gap:1.5rem;align-items:end;margin-bottom:1.5rem;flex-wrap:wrap}.schedule-input{display:flex;flex-direction:column;gap:.5rem}.schedule-input label{font-weight:500;color:#374151;font-size:.875rem}.schedule-hours-input{padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;width:120px}.schedule-hours-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.upload-section{position:relative}.file-input{position:absolute;opacity:0;width:0;height:0}.upload-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#3b82f6;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.upload-button:hover{background-color:#2563eb}.add-contact-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:background-color .2s}.add-contact-button:hover{background-color:#059669}.upload-section-enhanced{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.upload-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.upload-header h4{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.template-download-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.template-download-btn:hover{background-color:#e5e7eb;border-color:#9ca3af}.drag-drop-zone{border:2px dashed #d1d5db;border-radius:8px;padding:3rem;text-align:center;background-color:#f9fafb;transition:all .3s;margin-bottom:1rem}.drag-drop-zone.drag-over{border-color:#3b82f6;background-color:#eff6ff}.drag-drop-zone .drag-icon{font-size:3rem;color:#9ca3af;margin-bottom:1rem}.drag-drop-zone p{color:#6b7280;margin-bottom:1rem;font-size:1rem}.csv-requirements{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:1rem}.csv-requirements p{margin:.5rem 0;color:#6b7280;font-size:.875rem}.csv-requirements code{background-color:#e5e7eb;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.8rem;color:#ef4444}.validation-summary{background:#fff;border-radius:12px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.summary-stats{display:flex;gap:2rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column;align-items:center;padding:1rem;border-radius:8px;background-color:#f3f4f6;min-width:80px}.stat.valid{background-color:#d1fae5;color:#065f46}.stat.error{background-color:#fee2e2;color:#991b1b}.stat.duplicate{background-color:#fef3c7;color:#92400e}.stat-number{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{font-size:.875rem;font-weight:500}.intro-script-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.script-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.script-header h4{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.preview-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.preview-toggle:hover{background-color:#e5e7eb}.script-input-container{position:relative;margin-bottom:1rem}.intro-script-textarea{width:100%;min-height:120px;padding:1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;line-height:1.5;resize:vertical;font-family:inherit}.intro-script-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.character-count{position:absolute;bottom:.5rem;right:.75rem;font-size:.75rem;color:#6b7280;background:#fff;padding:.25rem .5rem;border-radius:4px}.placeholder-help{margin-bottom:1rem}.placeholder-help p{margin-bottom:.5rem;font-weight:500;color:#374151}.placeholder-tags{display:flex;gap:.5rem;flex-wrap:wrap}.placeholder-tag{background-color:#eff6ff;color:#1e40af;padding:.25rem .5rem;border-radius:4px;font-family:monospace;font-size:.75rem;border:1px solid #bfdbfe}.script-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem}.script-preview h5{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:#374151}.preview-content{background:#fff;padding:1rem;border-radius:6px;border:1px solid #e5e7eb;font-style:italic;color:#1f2937}.schedule-section{background:#fff;border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:0 1px 3px #0000001a}.schedule-section h4{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 1.5rem}.schedule-help{margin-left:1rem;font-size:.875rem;color:#6b7280;font-style:italic}.schedule-debug{margin-top:1.5rem;padding:1rem;background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px}.debug-info h5{margin:0 0 .75rem;font-size:1rem;font-weight:600;color:#0c4a6e}.debug-info p{margin:.5rem 0;font-size:.875rem;color:#374151;font-family:Courier New,monospace}.debug-info strong{color:#0c4a6e;font-weight:600}.manual-contact-section{margin-bottom:2rem}.contacts-table-container{margin-top:2rem}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.table-header h4{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.launch-campaign-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:#10b981;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:.875rem}.launch-campaign-btn:hover:not(:disabled){background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.launch-campaign-btn:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.spinner{width:16px;height:16px;border:2px solid #ffffff33;border-top:2px solid #ffffff;border-radius:50%;animation:spin 1s linear infinite;margin-right:.5rem}.contact-row.error{background-color:#fef2f2}.contact-row.duplicate{background-color:#fffbeb}.status-cell{width:60px;text-align:center;position:relative}.status-indicator{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px}.status-indicator.valid{background-color:#d1fae5;color:#065f46}.status-indicator.error{background-color:#fee2e2;color:#991b1b}.status-indicator.duplicate{background-color:#fef3c7;color:#92400e}.error-tooltip{position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:#1f2937;color:#fff;padding:.5rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s;margin-top:.25rem}.status-cell:hover .error-tooltip{opacity:1}.error-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #1f2937}.table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:8px}.contacts-table{width:100%;border-collapse:collapse;font-size:.875rem}.contacts-table th{background-color:#f9fafb;padding:1rem;text-align:left;font-weight:600;color:#374151;border-bottom:1px solid #e5e7eb}.contacts-table td{padding:1rem;border-bottom:1px solid #f3f4f6}.contacts-table tr:hover{background-color:#f9fafb}.edit-input{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.875rem}.actions-cell{width:120px;min-width:120px}.action-buttons{display:flex;gap:.5rem;justify-content:flex-start;align-items:center}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;transition:all .2s;font-size:16px}.action-btn svg{width:16px!important;height:16px!important;display:block!important;fill:currentColor;stroke:currentColor;flex-shrink:0}.edit-btn{background-color:#e5e7eb;color:#374151}.edit-btn:hover{background-color:#3b82f6;color:#fff}.delete-btn{background-color:#e5e7eb;color:#374151}.delete-btn:hover{background-color:#ef4444;color:#fff}.save-btn{background-color:#10b981;color:#fff}.save-btn:hover{background-color:#059669}.cancel-btn{background-color:#6b7280;color:#fff}.cancel-btn:hover{background-color:#4b5563}.empty-state{text-align:center;padding:3rem;color:#6b7280;background-color:#f9fafb;border-radius:8px;border:2px dashed #e5e7eb}@media (max-width: 768px){.campaign-controls{flex-direction:column;align-items:stretch}.schedule-hours-input{width:100%}.table-wrapper{font-size:.75rem}.contacts-table th,.contacts-table td{padding:.5rem}}.tab-navigation{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #e5e7eb}.tab-button{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s;font-size:.875rem}.tab-button:hover{color:#374151;background-color:#f9fafb}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background-color:#eff6ff}.view-campaigns-container{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a}.campaigns-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.campaigns-header h4{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.refresh-btn{padding:.5rem 1rem;background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;cursor:pointer;transition:all .2s}.refresh-btn:hover:not(:disabled){background-color:#e5e7eb}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:#6b7280}.loading-state .spinner{margin-bottom:1rem}.campaigns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.campaign-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .2s;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;min-height:300px}.campaign-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.campaign-card .campaign-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-shrink:0}.campaign-card h5{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0;flex:1;margin-right:1rem;word-break:break-word}.status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.draft{background-color:#f3f4f6;color:#374151}.status-badge.scheduled{background-color:#dbeafe;color:#1e40af}.status-badge.running{background-color:#dcfce7;color:#166534}.status-badge.completed{background-color:#d1fae5;color:#065f46}.status-badge.cancelled{background-color:#fee2e2;color:#991b1b}.status-breakdown{display:flex;flex-direction:column;gap:.5rem;min-width:200px}.status-breakdown.loading{flex-direction:row;align-items:center;gap:.5rem;min-width:auto}.spinner-small{width:12px;height:12px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.status-progress-bar{display:flex;height:8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.status-segment{height:100%;transition:all .3s ease}.status-segment:hover{filter:brightness(1.1)}.status-legend{display:flex;flex-wrap:wrap;gap:.75rem;font-size:.75rem}.status-item{display:flex;align-items:center;gap:.25rem}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-text{font-weight:500;white-space:nowrap}.campaign-details{margin-bottom:1rem}.campaign-details p{margin:.5rem 0;font-size:.875rem;color:#6b7280}.campaign-details strong{color:#374151}.campaign-script{margin-bottom:1.5rem;flex-grow:1}.campaign-script p{margin:0 0 .5rem;font-size:.875rem;font-weight:500;color:#374151}.campaign-script .script-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;font-size:.875rem;color:#6b7280;font-style:italic;line-height:1.4;word-break:break-word;overflow-wrap:break-word}.campaign-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:auto;flex-wrap:wrap;flex-shrink:0;padding-top:1rem;border-top:1px solid #f3f4f6}.campaign-actions .action-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;white-space:nowrap;min-width:120px;border:none;text-overflow:ellipsis;overflow:visible;flex-shrink:0}.campaign-actions .action-btn svg{width:16px!important;height:16px!important;flex-shrink:0;margin-right:.25rem}.campaign-actions .view-btn{background-color:#3b82f6;color:#fff;min-width:130px}.campaign-actions .view-btn:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.campaign-actions .delete-btn{background-color:#ef4444;color:#fff;min-width:100px}.campaign-actions .delete-btn:hover{background-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media (max-width: 768px){.campaigns-grid{grid-template-columns:1fr}.campaign-card .campaign-header{flex-direction:column;align-items:flex-start;gap:.5rem}.campaign-actions{justify-content:stretch;flex-direction:column;gap:.5rem}.campaign-actions .action-btn{flex:1;justify-content:center;padding:.875rem 1rem;font-size:.875rem}.tab-navigation{flex-wrap:wrap}.tab-button{flex:1;min-width:120px;text-align:center}}@media (max-width: 480px){.campaign-card{padding:1rem}.campaign-actions .action-btn{padding:1rem;font-size:.875rem}.campaigns-header{flex-direction:column;align-items:stretch;gap:1rem}.refresh-btn{align-self:stretch;text-align:center}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content{background:#fff;border-radius:12px;max-width:800px;max-height:90vh;width:100%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-header h3{margin:0;font-size:1.5rem;font-weight:600;color:#1f2937}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background-color:#f3f4f6;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s}.modal-close-btn:hover{background-color:#e5e7eb;color:#374151}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-section{margin-bottom:2rem}.modal-section:last-child{margin-bottom:0}.modal-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:#1f2937}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#f9fafb;border-radius:6px}.info-item strong{color:#374151;font-weight:500;min-width:120px}.script-display{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;font-size:.875rem;line-height:1.6;color:#374151;white-space:pre-wrap}.contacts-list{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto}.contact-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;background-color:#f9fafb;border-radius:6px;gap:1rem}.contact-name{font-weight:500;color:#1f2937;flex:1}.contact-phone{color:#6b7280;font-family:monospace;font-size:.875rem}.contact-item.more-contacts{justify-content:center;color:#6b7280;font-style:italic;background-color:#f3f4f6}.modal-footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;flex-shrink:0}.modal-btn{padding:.75rem 1.5rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;border:none;font-size:.875rem}.modal-btn.secondary{background-color:#6b7280;color:#fff}.modal-btn.secondary:hover{background-color:#4b5563}@media (max-width: 768px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh}.modal-header,.modal-body,.modal-footer{padding:1rem}.info-grid{grid-template-columns:1fr}.contact-item{flex-direction:column;align-items:flex-start;gap:.5rem}}.campaign-card.expanded{grid-column:1 / -1;max-width:none}.expanded-details{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e5e7eb}.edit-section{margin-bottom:1.5rem}.edit-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.edit-field label{font-size:.875rem;font-weight:500;color:#374151}.campaign-name-input{font-size:1.125rem;font-weight:600;padding:.5rem;border:1px solid #d1d5db;border-radius:6px;flex:1;margin-right:1rem}.campaign-name-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.status-select{padding:.25rem .75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.75rem;font-weight:500;background:#fff;cursor:pointer;color:#374151!important}.status-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.status-select option{color:#374151!important;background-color:#fff!important}.edit-input{padding:.5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem}.edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.edit-textarea{padding:.75rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;line-height:1.5;resize:vertical;font-family:inherit;min-height:100px}.edit-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.script-textarea{width:100%}.script-full{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:6px;padding:.75rem;font-size:.875rem;line-height:1.6;color:#374151;white-space:pre-wrap;word-break:break-word}.schedule-input{width:100px}.contacts-section{margin-top:1.5rem}.contacts-section h4{margin:0 0 1rem;font-size:1rem;font-weight:600;color:#1f2937}.contacts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:300px;overflow-y:auto;padding:.5rem;background-color:#f9fafb;border-radius:6px;border:1px solid #e5e7eb}.contact-card{background:#fff;padding:.75rem;border-radius:6px;border:1px solid #e5e7eb;transition:all .2s}.contact-card:hover{box-shadow:0 2px 4px #0000001a}.contact-name{font-weight:500;color:#1f2937;margin-bottom:.25rem;font-size:.875rem}.contact-phone{color:#6b7280;font-family:monospace;font-size:.75rem;margin-bottom:.25rem}.contact-company{color:#6b7280;font-size:.75rem;font-style:italic}.contact-schedule{color:#059669;font-size:.75rem;margin-top:.25rem;padding-top:.25rem;border-top:1px solid #e5e7eb}.contact-schedule strong{color:#047857;font-weight:500}.contact-card.more-contacts{display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;color:#6b7280;font-weight:500;border-style:dashed;min-height:60px}.contact-card.clickable{cursor:pointer;transition:all .2s}.contact-card.clickable:hover{background-color:#e5e7eb;color:#374151;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.contact-card.show-less{display:flex;align-items:center;justify-content:center;background-color:#dbeafe;color:#1e40af;font-weight:500;border-style:solid;border-color:#3b82f6;min-height:60px}.contact-card.show-less:hover{background-color:#bfdbfe;color:#1d4ed8}.campaign-actions .edit-btn{background-color:#f59e0b;color:#fff;min-width:100px}.campaign-actions .edit-btn:hover{background-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b4d}.campaign-actions .save-btn{background-color:#10b981;color:#fff;min-width:130px}.campaign-actions .save-btn:hover{background-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px #10b9814d}.campaign-actions .cancel-btn{background-color:#6b7280;color:#fff;min-width:100px}.campaign-actions .cancel-btn:hover{background-color:#4b5563;transform:translateY(-1px);box-shadow:0 4px 12px #6b72804d}@media (max-width: 768px){.campaign-card.expanded{grid-column:1}.contacts-grid{grid-template-columns:1fr}.campaign-header{flex-direction:column;gap:.75rem;align-items:stretch}.campaign-name-input{margin-right:0;margin-bottom:.5rem}.edit-field{margin-bottom:.75rem}}.campaign-contact-edit-form{width:100%;padding:.5rem}.contact-edit-field{margin-bottom:.75rem}.contact-edit-field label{display:block;font-size:.75rem;font-weight:500;color:#374151;margin-bottom:.25rem}.contact-edit-input{width:100%;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:4px;font-size:.75rem;background-color:#fff;transition:border-color .2s,box-shadow .2s}.contact-edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.contact-edit-input::placeholder{color:#9ca3af;font-size:.75rem}.contact-card:has(.contact-edit-form){background-color:#f8fafc;border:2px solid #3b82f6;min-height:auto;padding:.75rem}.contact-edit-form .contact-edit-field:last-child{margin-bottom:0}.contact-edit-input[type=datetime-local]{color:#374151!important;background-color:#fff!important}.contact-edit-input[type=datetime-local]::-webkit-datetime-edit{color:#374151}.contact-edit-input[type=datetime-local]::-webkit-datetime-edit-text{color:#374151}.contact-edit-input[type=datetime-local]::-webkit-datetime-edit-month-field{color:#374151}.contact-edit-input[type=datetime-local]::-webkit-datetime-edit-day-field{color:#374151}.contact-edit-input[type=datetime-local]::-webkit-datetime-edit-year-field{color:#374151}.contact-edit-input[type=datetime-local]::-webkit-datetime-edit-hour-field{color:#374151}.contact-edit-input[type=datetime-local]::-webkit-datetime-edit-minute-field{color:#374151}.contact-edit-input[type=datetime-local]::-webkit-calendar-picker-indicator{color:#374151;opacity:1;background-color:transparent;cursor:pointer;filter:invert(.2) sepia(0) saturate(0) hue-rotate(0deg) brightness(.4) contrast(1)}.contact-edit-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background-color:#f3f4f6;border-radius:2px}[data-theme=dark] .campaign-container{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .campaign-header h3{color:#f9fafb}[data-theme=dark] .campaign-header p{color:#9ca3af}[data-theme=dark] .timezone-display{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 2px 8px #2563eb4d}[data-theme=dark] .schedule-input label{color:#d1d5db}[data-theme=dark] .schedule-hours-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .schedule-hours-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}[data-theme=dark] .upload-button{background-color:#2563eb}[data-theme=dark] .upload-button:hover{background-color:#1d4ed8}[data-theme=dark] .add-contact-button{background-color:#10b981}[data-theme=dark] .add-contact-button:hover{background-color:#059669}[data-theme=dark] .upload-section-enhanced{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .upload-header h4{color:#f9fafb}[data-theme=dark] .template-download-btn{background-color:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .template-download-btn:hover{background-color:#4b5563;border-color:#6b7280}[data-theme=dark] .drag-drop-zone{background-color:#374151;border-color:#4b5563}[data-theme=dark] .drag-drop-zone.drag-over{border-color:#60a5fa;background-color:#1e3a8a}[data-theme=dark] .drag-drop-zone .drag-icon{color:#6b7280}[data-theme=dark] .drag-drop-zone p{color:#9ca3af}[data-theme=dark] .csv-requirements{background-color:#374151;border-color:#4b5563}[data-theme=dark] .csv-requirements p{color:#9ca3af}[data-theme=dark] .csv-requirements code{background-color:#4b5563;color:#fca5a5}[data-theme=dark] .validation-summary{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .stat{background-color:#374151}[data-theme=dark] .stat.valid{background-color:#064e3b;color:#6ee7b7}[data-theme=dark] .stat.error{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .stat.duplicate{background-color:#78350f;color:#fbbf24}[data-theme=dark] .intro-script-section{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .script-header h4{color:#f9fafb}[data-theme=dark] .preview-toggle{background-color:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .preview-toggle:hover{background-color:#4b5563}[data-theme=dark] .intro-script-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .intro-script-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .character-count{background-color:#1f2937;color:#9ca3af}[data-theme=dark] .placeholder-help p{color:#d1d5db}[data-theme=dark] .placeholder-tag{background-color:#1e3a8a;color:#dbeafe;border-color:#3b82f6}[data-theme=dark] .script-preview{background-color:#374151;border-color:#4b5563}[data-theme=dark] .script-preview h5{color:#d1d5db}[data-theme=dark] .preview-content{background-color:#1f2937;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .schedule-section{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .schedule-section h4{color:#f9fafb}[data-theme=dark] .schedule-help{color:#9ca3af}[data-theme=dark] .schedule-debug{background-color:#1e3a8a;border-color:#3b82f6}[data-theme=dark] .debug-info h5{color:#dbeafe}[data-theme=dark] .debug-info p{color:#d1d5db}[data-theme=dark] .debug-info strong{color:#dbeafe}[data-theme=dark] .table-header h4{color:#f9fafb}[data-theme=dark] .launch-campaign-btn{background-color:#10b981}[data-theme=dark] .launch-campaign-btn:hover:not(:disabled){background-color:#059669;box-shadow:0 4px 12px #10b9814d}[data-theme=dark] .launch-campaign-btn:disabled{background-color:#4b5563}[data-theme=dark] .contact-row.error{background-color:#7f1d1d}[data-theme=dark] .contact-row.duplicate{background-color:#78350f}[data-theme=dark] .status-indicator.valid{background-color:#064e3b;color:#6ee7b7}[data-theme=dark] .status-indicator.error{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .status-indicator.duplicate{background-color:#78350f;color:#fbbf24}[data-theme=dark] .error-tooltip{background-color:#111827;color:#f9fafb}[data-theme=dark] .error-tooltip:before{border-bottom-color:#111827}[data-theme=dark] .table-wrapper{border-color:#4b5563}[data-theme=dark] .contacts-table th{background-color:#374151;color:#d1d5db;border-bottom-color:#4b5563}[data-theme=dark] .contacts-table td{border-bottom-color:#4b5563}[data-theme=dark] .contacts-table tr:hover{background-color:#374151}[data-theme=dark] .edit-btn{background-color:#4b5563;color:#d1d5db}[data-theme=dark] .edit-btn:hover{background-color:#2563eb;color:#fff}[data-theme=dark] .delete-btn{background-color:#4b5563;color:#d1d5db}[data-theme=dark] .delete-btn:hover{background-color:#ef4444;color:#fff}[data-theme=dark] .save-btn{background-color:#10b981}[data-theme=dark] .save-btn:hover{background-color:#059669}[data-theme=dark] .cancel-btn{background-color:#6b7280}[data-theme=dark] .cancel-btn:hover{background-color:#4b5563}[data-theme=dark] .empty-state{background-color:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .tab-navigation{border-bottom-color:#4b5563}[data-theme=dark] .tab-button{color:#9ca3af}[data-theme=dark] .tab-button:hover{color:#d1d5db;background-color:#374151}[data-theme=dark] .tab-button.active{color:#60a5fa;border-bottom-color:#60a5fa;background-color:#1e3a8a}[data-theme=dark] .view-campaigns-container{background-color:#1f2937;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .campaigns-header h4{color:#f9fafb}[data-theme=dark] .refresh-btn{background-color:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .refresh-btn:hover:not(:disabled){background-color:#4b5563}[data-theme=dark] .loading-state{color:#9ca3af}[data-theme=dark] .campaign-card{background-color:#1f2937;border-color:#4b5563;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .campaign-card:hover{box-shadow:0 4px 12px #0006}[data-theme=dark] .campaign-card h5{color:#f9fafb}[data-theme=dark] .status-badge.draft{background-color:#374151;color:#d1d5db}[data-theme=dark] .status-badge.scheduled{background-color:#1e3a8a;color:#dbeafe}[data-theme=dark] .status-badge.running,[data-theme=dark] .status-badge.completed{background-color:#064e3b;color:#6ee7b7}[data-theme=dark] .status-badge.cancelled{background-color:#7f1d1d;color:#fca5a5}[data-theme=dark] .status-progress-bar{background-color:#374151;box-shadow:inset 0 1px 2px #0000004d}[data-theme=dark] .campaign-details p{color:#9ca3af}[data-theme=dark] .campaign-details strong,[data-theme=dark] .campaign-script p{color:#d1d5db}[data-theme=dark] .campaign-script .script-preview{background-color:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .campaign-actions{border-top-color:#4b5563}[data-theme=dark] .campaign-actions .view-btn{background-color:#2563eb}[data-theme=dark] .campaign-actions .view-btn:hover{background-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}[data-theme=dark] .campaign-actions .delete-btn{background-color:#ef4444}[data-theme=dark] .campaign-actions .delete-btn:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d}[data-theme=dark] .modal-overlay{background-color:#000000b3}[data-theme=dark] .modal-content{background-color:#1f2937}[data-theme=dark] .modal-header{border-bottom-color:#4b5563}[data-theme=dark] .modal-header h3{color:#f9fafb}[data-theme=dark] .modal-close-btn{background-color:#374151;color:#9ca3af}[data-theme=dark] .modal-close-btn:hover{background-color:#4b5563;color:#d1d5db}[data-theme=dark] .modal-section h4{color:#f9fafb}[data-theme=dark] .info-item{background-color:#374151}[data-theme=dark] .info-item strong{color:#d1d5db}[data-theme=dark] .script-display{background-color:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .contact-item{background-color:#374151}[data-theme=dark] .contact-item.more-contacts{background-color:#374151;color:#9ca3af}[data-theme=dark] .modal-footer{border-top-color:#4b5563}[data-theme=dark] .modal-btn.secondary{background-color:#4b5563}[data-theme=dark] .modal-btn.secondary:hover{background-color:#374151}[data-theme=dark] .expanded-details{border-top-color:#4b5563}[data-theme=dark] .edit-field label{color:#d1d5db}[data-theme=dark] .campaign-name-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .campaign-name-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .status-select{background-color:#374151;border-color:#4b5563;color:#f9fafb!important}[data-theme=dark] .status-select:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .status-select option{background-color:#374151!important;color:#f9fafb!important}[data-theme=dark] .edit-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .edit-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .edit-textarea{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .edit-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .script-full{background-color:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .contacts-section h4{color:#f9fafb}[data-theme=dark] .contacts-grid{background-color:#374151;border-color:#4b5563}[data-theme=dark] .contact-card{background-color:#1f2937;border-color:#4b5563}[data-theme=dark] .contact-card:hover{box-shadow:0 2px 4px #0000004d}[data-theme=dark] .contact-name{color:#f9fafb}[data-theme=dark] .contact-phone,[data-theme=dark] .contact-company{color:#9ca3af}[data-theme=dark] .contact-schedule{color:#6ee7b7;border-top-color:#4b5563}[data-theme=dark] .contact-schedule strong{color:#10b981}[data-theme=dark] .contact-card.more-contacts{background-color:#374151;color:#9ca3af}[data-theme=dark] .contact-card.clickable:hover{background-color:#4b5563;color:#d1d5db;box-shadow:0 4px 8px #0006}[data-theme=dark] .contact-card.show-less{background-color:#1e3a8a;color:#dbeafe;border-color:#60a5fa}[data-theme=dark] .contact-card.show-less:hover{background-color:#1d4ed8;color:#f0f9ff}[data-theme=dark] .campaign-actions .edit-btn{background-color:#f59e0b}[data-theme=dark] .campaign-actions .edit-btn:hover{background-color:#d97706;box-shadow:0 4px 12px #f59e0b4d}[data-theme=dark] .campaign-actions .save-btn{background-color:#10b981}[data-theme=dark] .campaign-actions .save-btn:hover{background-color:#059669;box-shadow:0 4px 12px #10b9814d}[data-theme=dark] .campaign-actions .cancel-btn{background-color:#6b7280}[data-theme=dark] .campaign-actions .cancel-btn:hover{background-color:#4b5563;box-shadow:0 4px 12px #6b72804d}[data-theme=dark] .contact-edit-field label{color:#d1d5db}[data-theme=dark] .contact-edit-input{background-color:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .contact-edit-input:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa1a}[data-theme=dark] .contact-edit-input::placeholder{color:#6b7280}[data-theme=dark] .contact-card:has(.contact-edit-form){background-color:#1e3a8a;border-color:#60a5fa}[data-theme=dark] .contact-edit-input[type=datetime-local]{background-color:#374151!important;color:#f9fafb!important}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-datetime-edit{color:#f9fafb}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-datetime-edit-text{color:#f9fafb}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-datetime-edit-month-field{color:#f9fafb}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-datetime-edit-day-field{color:#f9fafb}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-datetime-edit-year-field{color:#f9fafb}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-datetime-edit-hour-field{color:#f9fafb}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-datetime-edit-minute-field{color:#f9fafb}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-calendar-picker-indicator{color:#f9fafb;filter:invert(1) sepia(0) saturate(0) hue-rotate(0deg) brightness(1) contrast(1)}[data-theme=dark] .contact-edit-input[type=datetime-local]::-webkit-calendar-picker-indicator:hover{background-color:#4b5563}@keyframes support-slideIn{0%{width:0}to{width:100%}}@keyframes support-glow{0%,to{opacity:0}50%{opacity:.3}}@keyframes support-subtle-pulse{0%{box-shadow:0 0 rgba(var(--accent-primary-rgb),.4)}70%{box-shadow:0 0 0 8px rgba(var(--accent-primary-rgb),0)}to{box-shadow:0 0 rgba(var(--accent-primary-rgb),0)}}@keyframes support-pulse-slow{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.6;transform:scale(1)}}@keyframes support-shine{0%{transform:translate(-100%) rotate(30deg)}to{transform:translate(100%) rotate(30deg)}}@keyframes support-loading{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:1}to{transform:scale(.8);opacity:.5}}@keyframes support-circle-animation{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.1);opacity:1}to{transform:scale(1);opacity:1}}@keyframes support-checkmark-height{0%{height:0}to{height:100%}}@keyframes support-checkmark-width{0%{width:0;left:0}to{width:100%;left:0}}@keyframes support-checkmark-animation{0%{opacity:0;transform:translate(-50%,-70%) rotate(45deg) scale(.8)}50%{opacity:1;transform:translate(-50%,-70%) rotate(45deg) scale(1.2)}to{opacity:1;transform:translate(-50%,-70%) rotate(45deg) scale(1)}}@keyframes support-pulse-status{0%{box-shadow:0 0 #2ecc7166}70%{box-shadow:0 0 0 5px #2ecc7100}to{box-shadow:0 0 #2ecc7100}}@keyframes support-typing{0%,to{transform:scale(.6);opacity:.4}50%{transform:scale(1);opacity:1}}@keyframes support-slideInRight{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes support-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes support-tabFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes support-tabSlideLeft{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes support-tabSlideRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes support-scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes support-blurIn{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}.support-container{padding:2rem;margin:0 auto;transition:all .3s ease;overflow:hidden}.support-dark-mode{--background-primary: #1e1e2e;--background-secondary-rgb: 26, 27, 38;--border-color-rgb: 255, 255, 255;--text-primary: #f8f8f2;--text-secondary: #bdc3c7;--text-tertiary: #95a5a6}.support-header{margin-bottom:2.5rem;position:relative;padding-bottom:1.5rem}.support-header:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,var(--accent-primary, #4f46e5),var(--accent-secondary, #7c3aed));border-radius:2px}.support-header h1{display:flex;align-items:center;font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary, #2d3748)}.support-header p{color:var(--text-secondary, #4a5568);font-size:1rem}.support-icon{font-size:2rem;margin-right:.75rem;color:var(--accent-primary, #4f46e5)}.support-content{position:relative;min-height:500px;perspective:1000px}.support-content .support-ticket-history-container{grid-column:1/-1}.support-pulse-animation{animation:support-subtle-pulse 3s infinite}.support-pulse-slow{animation:support-pulse 3s infinite}.support-slide-in-right{animation:support-slideInRight .3s forwards}.support-fade-in{animation:support-fadeIn .4s ease-in-out}.support-tabs-container{display:flex;margin-bottom:1.5rem;border-bottom:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.1);position:relative;z-index:2}.support-tab{display:flex;align-items:center;padding:1rem 1.5rem;color:var(--text-secondary, #4a5568);font-weight:500;cursor:pointer;position:relative;transition:all .3s ease}.support-tab:hover{color:var(--text-primary, #2d3748);background-color:rgba(var(--background-secondary-rgb, 245, 247, 250),.1)}.support-tab.support-active{color:var(--accent-primary, #4f46e5)}.support-tab.support-active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--accent-primary, #4f46e5),var(--accent-secondary, #7c3aed));border-radius:3px 3px 0 0;animation:support-slideIn .3s ease forwards}.support-tab svg{font-size:1.2rem;margin-right:.5rem}.support-tab span{font-size:.95rem}.support-form-wrapper,.support-history-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;animation:support-blurIn .4s ease forwards}.support-history-wrapper{grid-template-columns:1fr}.support-animate-left{animation:support-tabSlideLeft .4s ease forwards}.support-animate-right{animation:support-tabSlideRight .4s ease forwards}.help-categories{margin-bottom:2rem}.help-category-title{font-size:.9rem;margin-bottom:.75rem;color:var(--text-secondary, #4a5568)}.help-category-items{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.help-category-item{display:flex;align-items:center;gap:.5rem;padding:.75rem;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.3);border-radius:8px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.05)}.help-category-item:hover{background:rgba(var(--accent-primary-rgb),.1);transform:translateY(-2px)}.help-category-item span{color:var(--text-primary, #2d3748);font-size:.9rem}@media (max-width: 576px){.support-tab{padding:.5rem 1rem}.support-tab span{display:none}.support-tab svg{font-size:1.2rem;margin-right:0}}.support-button-icon{font-size:1.2rem;margin-right:.5rem}.support-attachment-button{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary, #4f46e5);border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease}.support-attachment-button:hover{background:rgba(var(--accent-primary-rgb),.2)}.support-remove-attachment{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.5);color:var(--text-tertiary, #718096);border:none;cursor:pointer;transition:all .2s ease}.support-remove-attachment:hover{background:rgba(var(--error-color, #ef4444),.2);color:var(--error-color, #ef4444)}.support-action-button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.4);color:var(--text-secondary, #4a5568);cursor:pointer;transition:all .2s ease}.support-action-button:hover{background:rgba(var(--background-secondary-rgb, 245, 247, 250),.8);color:var(--text-primary, #2d3748)}.support-chat-send-button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;border:none;background:linear-gradient(135deg,var(--accent-primary, #4f46e5),var(--accent-secondary, #7c3aed));color:#fff;cursor:pointer;transition:all .2s ease}.support-chat-send-button:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 6px #0000001a}.support-chat-send-button:disabled{opacity:.5;cursor:not-allowed}.support-card{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;margin-bottom:1.5rem;transition:all .2s;display:flex;flex-direction:column;height:100%;position:relative;overflow:hidden}.support-card h2{font-size:1.4rem;margin-bottom:1rem;color:var(--text-primary, #2d3748);font-weight:600}.support-card p{color:var(--text-secondary, #4a5568);margin-bottom:1.5rem;line-height:1.5}.support-info-card{justify-content:space-between}.support-info-card .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.support-info-card .summary-header .summary-title-section{display:flex;align-items:center;gap:1rem}.support-info-card .summary-header .summary-title-section h2{margin-bottom:0}.support-ticket-form{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;transition:all .2s;height:100%;position:relative}.support-form-container{padding:2rem;height:100%;display:flex;flex-direction:column}.support-form-container h2{font-size:1.3rem;margin-bottom:1rem;color:var(--text-primary, #2d3748);font-weight:600}.support-form-container form{flex:1;display:flex;flex-direction:column}.support-help-categories{margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.support-help-category-title{font-size:.9rem;font-weight:500;color:var(--text-secondary, #4a5568);margin-bottom:.5rem}.support-help-category-items{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5rem}.support-help-category-item{flex:1;display:flex;align-items:center;gap:.25rem;padding:.5rem;background:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008}.support-help-category-item:hover{background:rgba(var(--accent-primary-rgb),.05);transform:translateY(-2px);border-color:rgba(var(--accent-primary-rgb),.2);box-shadow:0 3px 6px #00000014}.support-help-category-item svg{color:var(--accent-primary, #4f46e5);font-size:1rem}.support-help-category-item span{font-size:.85rem;color:var(--text-primary, #2d3748)}.support-contact-options{display:flex;gap:1.5rem;margin-top:auto}.support-contact-option{display:flex;align-items:flex-start;gap:1rem;flex:1;padding:1.5rem;background:#f8fafc;border-radius:12px;transition:all .2s ease;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.support-contact-option:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 3px 6px #00000014}.support-contact-option-icon-wrapper{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-secondary-rgb),.1));box-shadow:0 2px 4px #0000000d}.support-contact-icon{font-size:1.3rem;color:var(--accent-primary, #4f46e5)}.support-contact-info h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--text-primary, #2d3748);font-weight:500}.support-contact-info p{font-size:.95rem;color:var(--text-secondary, #4a5568);margin-bottom:.25rem}.support-contact-info .support-availability{display:block;font-size:.8rem;color:var(--text-tertiary, #718096)}.support-attachment-section{margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.support-attachment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.support-attachment-header p{font-size:.9rem;color:var(--text-secondary, #4a5568);margin:0;font-weight:500}.support-attachments-list{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.support-attachment-item{display:flex;align-items:center;padding:.5rem 1rem;background:#fff;border-radius:4px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #00000008}.support-attachment-item .support-file-icon{color:var(--accent-primary, #4f46e5);margin-right:.5rem}.support-attachment-item .support-file-name{flex:1;font-size:.85rem;color:var(--text-primary, #2d3748);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.support-success-message{text-align:center;padding:1rem 0}.support-success-message h3{font-size:1.2rem;color:var(--text-primary, #2d3748);margin:.5rem 0;font-weight:600}.support-success-message p{color:var(--text-secondary, #4a5568);margin-bottom:1rem}.support-success-icon-container{display:flex;justify-content:center;margin-bottom:1rem}.support-success-icon{width:80px;height:80px;position:relative}.support-success-animation .support-checkmark{position:absolute;top:50%;left:50%;width:40%;height:20%;border-bottom:3px solid var(--success-color, #10b981);border-right:3px solid var(--success-color, #10b981);transform:translate(-50%,-70%) rotate(45deg);animation:support-checkmark-animation .5s ease-in-out .8s forwards;opacity:0}.support-ticket-information{display:flex;justify-content:center;gap:2rem;margin:1.5rem 0;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.support-ticket-information .support-ticket-id,.support-ticket-information .support-ticket-status{display:flex;flex-direction:column;align-items:center}.support-ticket-information .support-ticket-id span,.support-ticket-information .support-ticket-status span{font-size:.8rem;color:var(--text-tertiary, #718096);margin-bottom:.25rem}.support-ticket-information .support-id-value{font-size:1.1rem;font-weight:600;color:var(--text-primary, #2d3748);background:#fff;padding:.25rem 1rem;border-radius:4px;border:1px solid #e2e8f0}.support-ticket-information .support-status-badge{display:flex;align-items:center;gap:.25rem;background-color:rgba(var(--success-color-rgb, 16, 185, 129),.1);color:var(--success-color, #10b981);padding:.25rem 1rem;border-radius:4px;font-size:.9rem;font-weight:500}.support-estimated-response{display:flex;align-items:center;gap:1rem;justify-content:center;margin-top:1.5rem;padding:1rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.support-estimated-response .support-time-icon{color:var(--accent-primary, #4f46e5);font-size:1.3rem}.support-estimated-response p{margin:0;margin-bottom:.25rem;font-size:.9rem}.support-estimated-response .support-response-time{font-weight:600;color:var(--text-primary, #2d3748)}.support-priority-indicator{display:flex;align-items:center;gap:1rem;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(var(--background-secondary-rgb, 245, 247, 250),.1)}.support-priority-indicator .support-priority-icon{color:var(--warning-color, #f59e0b);font-size:1.2rem;animation:support-pulse-slow 2s infinite ease-in-out}.support-priority-indicator p{margin:0;font-size:.85rem;color:var(--text-tertiary, #718096)}.support-error-message{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(var(--error-color-rgb, 239, 68, 68),.05);border-radius:8px;margin-top:1rem}.support-error-message span{color:var(--error-color, #ef4444);font-size:.9rem}.support-form-group{margin-bottom:1rem;position:relative}.support-form-label{display:block;margin-bottom:.25rem;font-size:.9rem;color:var(--text-secondary, #4a5568);font-weight:500;letter-spacing:.02em}.support-category-selector{margin-bottom:2rem}.support-category-options{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.support-category-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem .5rem;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.3);border-radius:8px;cursor:pointer;transition:all .25s;border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.05);text-align:center}.support-category-option:hover{transform:translateY(-2px);background:rgba(var(--accent-primary-rgb),.05)}.support-category-option.support-selected{background:rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary, #4f46e5)}.support-category-option .support-category-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--accent-primary-rgb),.1),rgba(var(--accent-secondary-rgb),.1));margin-bottom:.75rem;transition:all .3s ease}.support-category-option.support-selected .support-category-icon{background:linear-gradient(135deg,var(--accent-primary, #4f46e5),var(--accent-secondary, #7c3aed));box-shadow:0 4px 6px #0000001a}.support-category-option span{color:var(--text-primary, #2d3748);font-size:.85rem;font-weight:500}.support-priority-selector{margin-bottom:2rem}.support-priority-slider-container{position:relative;padding:1rem 0}.support-priority-slider{-webkit-appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--info-color, #3b82f6),var(--warning-color, #f59e0b),var(--error-color, #ef4444));outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity .2s;margin:1rem 0}.support-priority-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-primary, #4f46e5);cursor:pointer;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.support-priority-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.support-priority-labels{display:flex;justify-content:space-between;margin-top:.5rem}.support-priority-labels span{font-size:.8rem;color:var(--text-tertiary, #718096);transition:all .3s ease}.support-float-label-container{position:relative;margin-bottom:1rem}.support-form-input{width:100%;padding:.5rem 1rem;border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.1);border-radius:8px;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.3);color:var(--text-primary, #2d3748);font-size:.95rem;transition:all .3s ease;position:relative;z-index:2}.support-form-input:focus{outline:none;border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.1)}.support-form-textarea{min-height:120px;resize:vertical;flex:1}.support-focus-border{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--accent-primary, #4f46e5);transition:.4s;z-index:3}.support-focus-border.support-textarea{height:100%;width:2px}.support-focus-border i{position:absolute;left:0;top:0;width:2px;height:0;background:var(--accent-primary, #4f46e5);transition:.6s}.support-form-input:focus~.support-focus-border{width:100%;transition:.4s;left:0}.support-form-input:focus~.support-focus-border i{height:100%;transition:.6s}.support-float-label{position:absolute;left:1rem;top:10px;font-size:.95rem;color:var(--text-tertiary, #718096);transition:all .25s cubic-bezier(.175,.885,.32,1.275);z-index:2;pointer-events:none}.support-form-input:focus~.support-float-label,.support-form-input.support-has-value~.support-float-label{top:-10px;left:10px;font-size:.8rem;padding:0 5px;color:var(--accent-primary, #4f46e5);background:var(--background-primary, #ffffff);z-index:3}.support-submit-button{display:flex;align-items:center;justify-content:center;width:100%;padding:.5rem 1rem;background:linear-gradient(135deg,var(--accent-primary, #4f46e5),var(--accent-secondary, #7c3aed));color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:auto;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.support-submit-button:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.support-submit-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to right,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);animation:support-shine 3s infinite}.support-submit-button.support-submitting{background:linear-gradient(135deg,var(--accent-primary, #4f46e5),var(--accent-secondary, #7c3aed));cursor:not-allowed;opacity:.8}.attachment-section{margin-top:2rem}.attachment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.attachment-header p{margin:0;font-size:.9rem;color:var(--text-secondary, #4a5568)}.attachments-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.attachment-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.3);border-radius:6px}.file-icon{font-size:1.2rem;color:var(--accent-primary, #4f46e5)}.file-name{flex:1;margin:0 .75rem;font-size:.9rem;color:var(--text-primary, #2d3748);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.loading-animation{display:flex;align-items:center;justify-content:center;gap:.5rem;color:#fff}.loading-dots span{width:6px;height:6px;border-radius:50%;background-color:#fff;animation:loading 1s infinite ease-in-out;display:inline-block}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}.error-message{background-color:rgba(var(--error-color, #ef4444),.1);border-left:3px solid var(--error-color, #ef4444);color:var(--error-color, #ef4444);padding:1rem;border-radius:6px;font-size:.9rem;display:flex;align-items:center;gap:.75rem;margin:1rem 0;animation:fadeIn .3s}.error-message svg{font-size:1.25rem;flex-shrink:0}.support-loading-animation{width:100%;display:flex;justify-content:center;align-items:center}.support-loading-dots{display:flex;justify-content:center;align-items:center;gap:5px}.support-loading-dots span{display:block;width:6px;height:6px;border-radius:50%;background-color:#fff}.support-loading-dots span:nth-child(1){animation:support-loading 1.2s ease-in-out 0s infinite}.support-loading-dots span:nth-child(2){animation:support-loading 1.2s ease-in-out .2s infinite}.support-loading-dots span:nth-child(3){animation:support-loading 1.2s ease-in-out .4s infinite}.support-success-icon-container{display:flex;justify-content:center;margin-bottom:.5rem}.support-success-icon{width:70px;height:70px;position:relative}.support-success-animation{width:100%;height:100%;position:relative}.support-success-animation .support-circle{position:absolute;width:100%;height:100%;border-radius:50%;border:3px solid var(--success-color, #10b981);animation:support-circle-animation .8s ease-in-out}.support-success-animation .support-checkmark{position:absolute;top:50%;left:28%;width:25%;height:50%;border-right:3px solid var(--success-color, #10b981);border-bottom:3px solid var(--success-color, #10b981);transform:rotate(45deg) translate(-50%,-50%);animation:support-checkmark-height .3s ease-in-out .8s forwards}.support-error-message{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:rgba(var(--error-color-rgb, 239, 68, 68),.05);border-radius:8px;margin-top:1rem}.support-error-message svg{color:var(--error-color, #ef4444)}.support-error-message span{color:var(--error-color, #ef4444);font-size:.85rem}.support-empty-tickets-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;max-width:900px;margin:0 auto}.support-empty-tickets-state .support-empty-icon{font-size:2.5rem;color:rgba(var(--text-tertiary, #718096),.5);margin-bottom:1rem}.support-empty-tickets-state h3{font-size:1.1rem;color:var(--text-primary, #2d3748);margin-bottom:.5rem}.success-message{text-align:center;padding:2rem}.success-icon-container{margin:0 auto 1.5rem;width:80px;height:80px}.success-icon{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.success-animation{position:relative;width:80px;height:80px}.circle{position:absolute;width:80px;height:80px;border:3px solid var(--accent-primary, #4f46e5);border-radius:50%;animation:circle-animation .8s ease forwards;opacity:0;transform:scale(.5)}.checkmark{position:absolute;top:50%;left:50%;width:36px;height:60px;transform:translate(-50%,-50%) rotate(45deg)}.checkmark:before,.checkmark:after{content:"";position:absolute;background-color:var(--accent-primary, #4f46e5);animation-fill-mode:forwards}.checkmark:before{top:50%;left:0;width:3px;height:0%;animation:checkmark-height .4s ease .8s forwards}.checkmark:after{top:100%;left:0;width:0%;height:3px;animation:checkmark-width .4s ease 1.2s forwards}.success-message h3{font-size:1.5rem;color:var(--text-primary, #2d3748);margin-bottom:.75rem}.success-message p{color:var(--text-secondary, #4a5568)}.support-ticket-history-container{background:var(--background-primary, #ffffff);border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.05);padding:1.5rem;overflow:hidden;width:100%}.support-ticket-history-container .support-ticket-history-header{margin:0 auto 1.5rem}.support-ticket-history-container .support-ticket-history-header h2{font-size:1.4rem;margin-bottom:.5rem;color:var(--text-primary, #2d3748);position:relative}.support-ticket-history-container .support-ticket-history-header h2:after{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:linear-gradient(90deg,var(--accent-primary, #4f46e5),var(--accent-secondary, #7c3aed));border-radius:3px}.support-ticket-history-container .support-ticket-history-header p{color:var(--text-secondary, #4a5568);font-size:1rem;margin-bottom:1.5rem}.support-ticket-search-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem;margin-left:auto;margin-right:auto}.support-ticket-search-bar .support-search-input-container{flex:1;position:relative;min-width:300px;border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.1);border-radius:8px;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.3)}.support-ticket-search-bar .support-search-input-container .support-search-icon{position:absolute;left:.5rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary, #718096)}.support-ticket-search-bar .support-search-input-container input.support-search-input{width:100%;padding:.5rem .5rem .5rem 2.2rem;border:none!important;border-radius:8px;background:transparent!important;color:var(--text-primary, #2d3748);font-size:.9rem;transition:all .2s ease;box-shadow:none;margin:0}.support-ticket-search-bar .support-search-input-container input.support-search-input::placeholder{color:var(--text-tertiary, #718096)}.support-ticket-search-bar .support-search-input-container input.support-search-input:focus{outline:none;border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.1)}.support-ticket-filters{position:relative}.support-filter-toggle-button{display:flex;align-items:center;gap:.25rem;padding:.5rem 1rem;background:rgba(var(--background-secondary-rgb, 245, 247, 250),.3);border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.1);border-radius:8px;color:var(--text-secondary, #4a5568);font-size:.9rem;cursor:pointer;transition:all .2s ease}.support-filter-toggle-button:hover{background:rgba(var(--background-secondary-rgb, 245, 247, 250),.5)}.support-filter-toggle-button .support-arrow-icon{transition:transform .3s ease}.support-filter-toggle-button .support-arrow-icon.support-rotated{transform:rotate(180deg)}.support-filter-dropdown{position:absolute;top:calc(100% + 5px);right:0;min-width:200px;background:var(--background-primary, #ffffff);border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:1rem;z-index:100;animation:support-fadeIn .2s}.support-filter-section h4{font-size:.85rem;margin-bottom:.5rem;color:var(--text-secondary, #4a5568);font-weight:500}.support-filter-options{display:flex;flex-direction:column;gap:.25rem}.support-filter-option{display:flex;align-items:center;padding:.25rem;cursor:pointer;border-radius:4px;transition:background-color .2s}.support-filter-option:hover{background-color:rgba(var(--background-secondary-rgb, 245, 247, 250),.3)}.support-filter-option.support-selected{background-color:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary, #4f46e5)}.support-filter-option input{margin-right:.5rem;cursor:pointer}.support-filter-option span{font-size:.9rem}.support-ticket-list-container{overflow-x:auto;margin:0 auto}.support-ticket-list-table{width:100%;border-collapse:separate;border-spacing:0;font-size:.9rem}.support-ticket-list-table th{text-align:left;padding:.5rem 1rem;color:var(--text-secondary, #4a5568);font-weight:500;border-bottom:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.1);white-space:nowrap}.support-ticket-list-table td{padding:.5rem 1rem;border-bottom:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.05);vertical-align:top}.support-ticket-list-table tr:hover{background-color:rgba(var(--background-secondary-rgb, 245, 247, 250),.1)}.support-ticket-id-cell{font-family:monospace;color:var(--accent-primary, #4f46e5);white-space:nowrap}.support-ticket-title-cell{width:40%}.support-ticket-title-wrapper{display:flex;flex-direction:column;gap:.25rem}.support-ticket-title-wrapper .support-ticket-title{font-weight:500;color:var(--text-primary, #2d3748)}.support-ticket-title-wrapper .support-ticket-description{color:var(--text-tertiary, #718096);font-size:.85rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.support-ticket-status-cell{white-space:nowrap}.support-status-badge{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:12px;font-size:.8rem}.support-status-badge.support-status-badge-open{background-color:#3498db1a;color:#3498db}.support-status-badge.support-status-badge-progress{background-color:#f1c40f1a;color:#f1c40f}.support-status-badge.support-status-badge-resolved{background-color:#2ecc711a;color:#2ecc71}.support-status-badge.support-status-badge-closed{background-color:#95a5a61a;color:#95a5a6}.support-ticket-date-cell{color:var(--text-tertiary, #718096);white-space:nowrap}.support-ticket-actions-cell{white-space:nowrap}.support-ticket-action-button{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background-color:rgba(var(--accent-primary-rgb),.1);color:var(--accent-primary, #4f46e5);border:none;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.support-ticket-action-button:hover{background-color:rgba(var(--accent-primary-rgb),.2)}.support-empty-tickets-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;max-width:900px;margin:0 auto}.support-empty-tickets-state .support-empty-icon{font-size:3rem;color:rgba(var(--text-tertiary, #718096),.5);margin-bottom:1rem}.support-empty-tickets-state h3{font-size:1.2rem;color:var(--text-primary, #2d3748);margin-bottom:.5rem}.support-empty-tickets-state p{color:var(--text-secondary, #4a5568);max-width:400px;margin:0 auto 1rem}.support-reset-filters-button{padding:.5rem 1rem;background:transparent;border:1px solid rgba(var(--border-color-rgb, 0, 0, 0),.1);border-radius:8px;color:var(--accent-primary, #4f46e5);font-size:.9rem;cursor:pointer;transition:all .2s ease}.support-reset-filters-button:hover{background-color:rgba(var(--accent-primary-rgb),.05)}@media (max-width: 992px){.support-ticket-search-bar{flex-direction:column}.support-search-input-container{width:100%}}@media (max-width: 768px){.support-ticket-list-table th,.support-ticket-list-table td{padding:.5rem}.support-ticket-title-wrapper .support-ticket-description{-webkit-line-clamp:1}.support-ticket-action-button span{display:none}}@media (max-width: 768px){.support-ticket-list-table th:nth-child(4),.support-ticket-list-table th:nth-child(5),.support-ticket-list-table td:nth-child(4),.support-ticket-list-table td:nth-child(5){display:none}}@media (max-width: 576px){.support-ticket-list-table th:nth-child(4),.support-ticket-list-table th:nth-child(5),.support-ticket-list-table th:nth-child(6),.support-ticket-list-table th:nth-child(7),.support-ticket-list-table td:nth-child(4),.support-ticket-list-table td:nth-child(5),.support-ticket-list-table td:nth-child(6),.support-ticket-list-table td:nth-child(7){display:none}}.ticket-detail-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem;isolation:isolate}.ticket-detail-modal{background:var(--background-primary, #ffffff);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid rgba(var(--border-color-rgb),.2)}.ticket-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(var(--border-color-rgb),.2);background:rgba(var(--background-secondary-rgb),.5)}.ticket-detail-header .ticket-detail-title-section{display:flex;align-items:center;gap:1rem}.ticket-detail-header .ticket-detail-title-section h2{margin:0;color:var(--text-primary, #2d3748);font-size:1.5rem;font-weight:600}.ticket-detail-header .ticket-detail-close-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:transparent;border:none;color:var(--text-secondary, #4a5568);font-size:1.5rem;padding:.5rem;border-radius:8px}.ticket-detail-header .ticket-detail-close-button:hover{background:rgba(var(--background-secondary-rgb),.8);color:var(--text-primary, #2d3748)}.ticket-detail-content{flex:1;overflow-y:auto;padding:1.5rem;min-height:0}.ticket-detail-loading,.ticket-detail-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.ticket-detail-loading .loading-spinner,.ticket-detail-error .loading-spinner{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite}.ticket-detail-loading p,.ticket-detail-error p{color:var(--text-secondary, #4a5568);margin-bottom:1rem}.ticket-detail-loading .retry-button,.ticket-detail-error .retry-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--accent-primary, #4f46e5);color:#fff;border:none;padding:.5rem 1rem;border-radius:8px}.ticket-detail-loading .retry-button:hover,.ticket-detail-error .retry-button:hover{background:rgba(var(--accent-primary-rgb),.8)}.ticket-detail-section{margin-bottom:2rem}.ticket-detail-section h3{color:var(--text-primary, #2d3748);font-size:1.2rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.ticket-detail-section h3 svg{color:var(--accent-primary, #4f46e5)}.ticket-detail-info{background:rgba(var(--background-secondary-rgb),.5);border-radius:8px;padding:1.5rem;border:1px solid rgba(var(--border-color-rgb),.2)}.ticket-info-row{display:flex;margin-bottom:.5rem}.ticket-info-row:last-child{margin-bottom:0}.ticket-info-row .ticket-info-label{font-weight:600;color:var(--text-secondary, #4a5568);min-width:120px;flex-shrink:0}.ticket-info-row .ticket-info-value{color:var(--text-primary, #2d3748);flex:1}.ticket-description{background:rgba(var(--background-secondary-rgb),.5);border-radius:8px;padding:1.5rem;border:1px solid rgba(var(--border-color-rgb),.2)}.ticket-description p{color:var(--text-primary, #2d3748);line-height:1.6;margin:0;word-wrap:break-word}.ticket-attachments{display:flex;flex-direction:column;gap:.5rem}.ticket-attachments.admin-attachments .ticket-attachment-item{background:rgba(var(--accent-secondary-rgb),.1);border-left:4px solid var(--accent-secondary, #7c3aed)}.ticket-attachment-item{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(var(--background-secondary-rgb),.5);border-radius:8px;border:1px solid rgba(var(--border-color-rgb),.2)}.ticket-attachment-item.admin-attachment{background:rgba(var(--accent-primary-rgb),.1);border-left:4px solid var(--accent-primary, #4f46e5)}.ticket-attachment-item svg{color:var(--accent-primary, #4f46e5);font-size:1.2rem;flex-shrink:0}.ticket-attachment-item .attachment-name{flex:1;color:var(--text-primary, #2d3748);font-weight:500}.ticket-attachment-item .attachment-download-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:transparent;border:1px solid rgba(var(--border-color-rgb),.2);color:var(--text-secondary, #4a5568);padding:.25rem .5rem;border-radius:8px;font-size:.9rem}.ticket-attachment-item .attachment-download-button:hover{background:var(--accent-primary, #4f46e5);color:#fff;border-color:var(--accent-primary, #4f46e5)}.ticket-responses{display:flex;flex-direction:column;gap:1rem}.ticket-response-item{border-radius:8px;border:1px solid rgba(var(--border-color-rgb),.2);overflow:hidden}.ticket-response-item.internal-response{border-left:4px solid var(--accent-secondary, #7c3aed);background:rgba(var(--accent-secondary-rgb),.1)}.ticket-response-item.public-response{border-left:4px solid var(--accent-primary, #4f46e5);background:rgba(var(--accent-primary-rgb),.1)}.response-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:rgba(var(--background-secondary-rgb),.5);border-bottom:1px solid rgba(var(--border-color-rgb),.2)}.response-header .response-author{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--text-primary, #2d3748)}.response-header .response-author svg{color:var(--accent-primary, #4f46e5)}.response-header .response-type .internal-badge{background:var(--accent-secondary, #7c3aed);color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.8rem;font-weight:500}.response-header .response-type .public-badge{background:var(--accent-primary, #4f46e5);color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.8rem;font-weight:500}.response-content{padding:1.5rem}.response-content p{color:var(--text-primary, #2d3748);line-height:1.6;margin:0 0 1rem;word-wrap:break-word}.comment-attachments{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.comment-attachment-item{border-radius:8px;overflow:hidden;border:1px solid rgba(var(--border-color-rgb),.2)}.comment-attachment-image{position:relative;display:inline-block;max-width:300px;cursor:pointer;border-radius:8px;overflow:hidden}.comment-attachment-image .attachment-preview-image{width:100%;height:auto;max-height:200px;object-fit:cover;display:block;transition:all .2s ease}.comment-attachment-image .attachment-preview-image:hover{transform:scale(1.02)}.comment-attachment-image .attachment-overlay{position:absolute;top:0;right:0;padding:.25rem;background:#000000b3;border-radius:0 0 0 8px;opacity:0;transition:all .2s ease}.comment-attachment-image .attachment-overlay .attachment-download-btn{background:transparent;border:none;color:#fff;cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.comment-attachment-image .attachment-overlay .attachment-download-btn:hover{background:#fff3}.comment-attachment-image .attachment-overlay .attachment-download-btn svg{font-size:1rem}.comment-attachment-image:hover .attachment-overlay{opacity:1}.comment-attachment-file{display:flex;align-items:center;gap:.5rem;padding:1rem;background:rgba(var(--background-secondary-rgb),.3);border-radius:8px}.comment-attachment-file svg{color:var(--accent-primary, #4f46e5);font-size:1.2rem;flex-shrink:0}.comment-attachment-file .attachment-name{flex:1;color:var(--text-primary, #2d3748);font-weight:500;font-size:.9rem}.comment-attachment-file .attachment-download-btn{background:transparent;border:1px solid rgba(var(--border-color-rgb),.3);color:var(--text-secondary, #4a5568);cursor:pointer;padding:.25rem .5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.comment-attachment-file .attachment-download-btn:hover{background:var(--accent-primary, #4f46e5);color:#fff;border-color:var(--accent-primary, #4f46e5)}.comment-attachment-file .attachment-download-btn svg{font-size:.9rem}[data-theme=dark] .comment-attachment-file{background:rgba(var(--background-secondary-rgb),.2);border-color:rgba(var(--border-color-rgb),.3)}[data-theme=dark] .attachment-overlay{background:#000c}.no-responses{text-align:center;padding:2rem;color:var(--text-secondary, #4a5568);font-style:italic;background:rgba(var(--background-secondary-rgb),.5);border-radius:8px;border:1px solid rgba(var(--border-color-rgb),.2)}.ticket-resolution-info{background:rgba(var(--success-color-rgb),.1);border-left:4px solid var(--success-color, #10b981);padding:1.5rem;border-radius:8px}.ticket-resolution-info p{color:var(--text-primary, #2d3748);margin:0;font-weight:500}.support-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:var(--accent-primary, #4f46e5);color:#fff;font-size:.8rem;font-weight:600;border-radius:50%;padding:2px 6px}.support-count-badge:empty:after{content:"0"}.support-ticket-responses-cell,.support-ticket-attachments-cell{text-align:center;vertical-align:middle}.ticket-message-section{border-top:2px solid rgba(var(--accent-primary-rgb),.2);margin-top:1.5rem;padding-top:1.5rem}.ticket-message-section h3{color:var(--accent-primary, #4f46e5);display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.ticket-message-section h3:before{content:"💬";font-size:1.2em}.ticket-message-input-container{background:rgba(var(--background-secondary-rgb),.3);border:1px solid rgba(var(--border-color-rgb),.2);border-radius:12px;padding:1.5rem;transition:all .2s ease}.ticket-message-input-container:focus-within{border-color:rgba(var(--accent-primary-rgb),.5);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.message-attachments-preview{margin-bottom:1rem}.message-attachments-preview .message-attachment-item{display:flex;align-items:center;justify-content:space-between;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.2);border-radius:8px;padding:.5rem 1rem;margin-bottom:.25rem}.message-attachments-preview .message-attachment-item .attachment-name{color:var(--text-primary, #2d3748);font-size:.9rem;font-weight:500}.message-attachments-preview .message-attachment-item .remove-attachment-button{background:none;border:none;color:var(--error-color, #ef4444);cursor:pointer;padding:.25rem;border-radius:8px;transition:all .2s ease}.message-attachments-preview .message-attachment-item .remove-attachment-button:hover{background:rgba(var(--error-color-rgb),.1);transform:scale(1.1)}.message-attachments-preview .message-attachment-item .remove-attachment-button svg{font-size:1rem}.message-input-wrapper{position:relative}.message-input-wrapper .message-input{width:100%;min-height:80px;padding:1rem;padding-right:100px;border:1px solid rgba(var(--border-color-rgb),.3);border-radius:8px;background:rgba(var(--background-primary-rgb),.8);color:var(--text-primary, #2d3748);font-family:inherit;font-size:.95rem;line-height:1.5;resize:vertical;transition:all .2s ease}.message-input-wrapper .message-input::placeholder{color:var(--text-tertiary, #718096)}.message-input-wrapper .message-input:focus{outline:none;border-color:var(--accent-primary, #4f46e5);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.1)}.message-input-wrapper .message-input:disabled{opacity:.6;cursor:not-allowed;background:rgba(var(--background-secondary-rgb),.5)}.message-input-wrapper .message-input-actions{position:absolute;right:.5rem;bottom:.5rem;display:flex;gap:.25rem}.message-action-button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.message-action-button svg{font-size:1.1rem}.message-action-button.attachment-button{background:rgba(var(--text-tertiary-rgb),.1);color:var(--text-secondary, #4a5568)}.message-action-button.attachment-button:hover:not(:disabled){background:rgba(var(--text-secondary-rgb),.2);color:var(--text-primary, #2d3748);transform:translateY(-1px)}.message-action-button.send-button{background:var(--accent-primary, #4f46e5);color:#fff;position:relative;overflow:hidden;transition:all .2s ease}.message-action-button.send-button:hover:not(:disabled){background:rgba(var(--accent-primary-rgb),.9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(var(--accent-primary-rgb),.3)}.message-action-button.send-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.message-action-button.send-button.sending{background:rgba(var(--accent-primary-rgb, 79, 70, 229),.9)}.message-action-button.send-button.sending:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:send-shimmer 1.5s infinite}.message-action-button .send-loading{display:flex;align-items:center;justify-content:center}.message-action-button .send-loading .send-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:send-spin .8s linear infinite}.message-input-help{margin-top:.5rem}.message-input-help p{color:var(--text-tertiary, #718096);font-size:.8rem;margin:0;text-align:center}.ticket-messaging-disabled .messaging-disabled-notice{background:rgba(var(--warning-color-rgb),.1);border:1px solid rgba(var(--warning-color-rgb),.3);border-radius:8px;padding:1.5rem;text-align:center}.ticket-messaging-disabled .messaging-disabled-notice p{color:var(--text-secondary, #4a5568);margin:0;font-size:.95rem}.ticket-messaging-disabled .messaging-disabled-notice p strong{color:var(--text-primary, #2d3748)}.status-cell-content{display:flex;align-items:center;gap:.5rem;justify-content:flex-start}.messaging-available-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:rgba(var(--success-color-rgb),.1);border:1px solid rgba(var(--success-color-rgb),.3);border-radius:50%;color:var(--success-color, #10b981);font-size:.8rem;animation:pulse-message 2s infinite}.messaging-available-indicator svg{font-size:.75rem}@keyframes pulse-message{0%{box-shadow:0 0 rgba(var(--success-color-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--success-color-rgb),0)}to{box-shadow:0 0 rgba(var(--success-color-rgb),0)}}.optimistic-comment{opacity:.7;position:relative}.optimistic-comment:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(var(--accent-primary-rgb),.1),transparent);animation:shimmer 1.5s infinite;pointer-events:none;border-radius:8px}.optimistic-comment .public-badge{background:rgba(var(--warning-color-rgb),.8)!important;color:#fff;animation:pulse 1s infinite}.optimistic-comment .public-badge:after{content:" • Sending...";font-size:.7rem;opacity:.8}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes send-shimmer{0%{left:-100%}to{left:100%}}@keyframes send-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root[data-support-theme=dark]{--support-bg-primary: #1a1c23;--support-bg-secondary: #252836;--support-bg-tertiary: #2d3142;--support-text-primary: #e2e8f0;--support-text-secondary: #a0aec0;--support-text-tertiary: #718096;--support-border-color: #374151;--support-card-bg: #252836;--support-card-shadow: 0 4px 6px rgba(0, 0, 0, .3);--support-input-bg: #1e212d;--support-input-border: #374151;--support-input-focus: #4c5470;--support-button-bg: #4f46e5;--support-button-hover: #4338ca;--support-success-color: #10b981;--support-warning-color: #f59e0b;--support-error-color: #ef4444;--support-info-color: #3b82f6;--support-category-bg: rgba(45, 49, 66, .6);--support-category-border: #374151;--support-category-hover-bg: rgba(79, 70, 229, .1);--support-category-hover-border: rgba(79, 70, 229, .3);--support-attachment-bg: rgba(45, 49, 66, .6);--support-attachment-border: #374151}.support-dark-mode,.support-dark-mode .support-header h1{color:var(--support-text-primary)}.support-dark-mode .support-header p{color:var(--support-text-secondary)}.support-dark-mode .support-tabs-container{background-color:var(--support-bg-secondary);border-color:var(--support-border-color)}.support-dark-mode .support-tabs-container .support-tab{color:var(--support-text-secondary)}.support-dark-mode .support-tabs-container .support-tab:hover{background-color:#ffffff0d}.support-dark-mode .support-tabs-container .support-tab.support-active{color:var(--support-text-primary);background-color:var(--support-bg-tertiary)}.support-dark-mode .support-tabs-container .support-tab.support-active:after{background-color:var(--support-button-bg)}.support-dark-mode .support-card{background-color:var(--support-card-bg);box-shadow:var(--support-card-shadow)}.support-dark-mode .support-card h2{color:var(--support-text-primary)}.support-dark-mode .support-card p{color:var(--support-text-secondary)}.support-dark-mode .support-help-categories{background:var(--support-category-bg);border-color:var(--support-category-border)}.support-dark-mode .support-help-categories .support-help-category-title{color:var(--support-text-secondary)}.support-dark-mode .support-help-category-item{background:var(--support-category-bg);border-color:var(--support-category-border)}.support-dark-mode .support-help-category-item:hover{background:var(--support-category-hover-bg);border-color:var(--support-category-hover-border)}.support-dark-mode .support-help-category-item span{color:var(--support-text-primary)}.support-dark-mode .support-contact-option{background:var(--support-category-bg);border-color:var(--support-category-border)}.support-dark-mode .support-contact-option:hover{background:#2d3142cc;border-color:var(--support-input-focus)}.support-dark-mode .support-contact-option .support-contact-option-icon-wrapper{background:linear-gradient(135deg,#4f46e533,#7c3aed33)}.support-dark-mode .support-contact-option .support-contact-info h3{color:var(--support-text-primary)}.support-dark-mode .support-contact-option .support-contact-info p{color:var(--support-text-secondary)}.support-dark-mode .support-contact-option .support-contact-info .support-availability{color:var(--support-text-tertiary)}.support-dark-mode .support-ticket-form{background-color:var(--support-card-bg);box-shadow:var(--support-card-shadow)}.support-dark-mode .support-form-container h2{color:var(--support-text-primary)}.support-dark-mode .support-form-group .support-form-input{background-color:var(--support-input-bg);border-color:var(--support-input-border);color:var(--support-text-primary)}.support-dark-mode .support-form-group .support-form-input:focus{border-color:var(--support-input-focus)}.support-dark-mode .support-form-group .support-form-input.support-has-value+.support-float-label,.support-dark-mode .support-form-group .support-form-input:focus+.support-float-label{color:var(--support-button-bg);background-color:var(--support-card-bg)}.support-dark-mode .support-form-group .support-float-label{color:var(--support-text-tertiary)}.support-dark-mode .support-attachment-section{background:var(--support-attachment-bg);border-color:var(--support-attachment-border)}.support-dark-mode .support-attachment-section p{color:var(--support-text-secondary)}.support-dark-mode .support-attachment-button{background-color:transparent;border-color:var(--support-input-border);color:var(--support-text-secondary)}.support-dark-mode .support-attachment-button:hover{background-color:#ffffff0d;border-color:var(--support-input-focus)}.support-dark-mode .support-attachment-item{background:#2d3142cc;border-color:var(--support-attachment-border)}.support-dark-mode .support-attachment-item .support-file-name{color:var(--support-text-primary)}.support-dark-mode .support-attachment-item .support-remove-attachment{color:var(--support-text-tertiary)}.support-dark-mode .support-attachment-item .support-remove-attachment:hover{color:var(--support-error-color)}.support-dark-mode .support-submit-button{background-color:var(--support-button-bg)}.support-dark-mode .support-submit-button:hover:not(.support-submitting){background-color:var(--support-button-hover)}.support-dark-mode .support-error-message{background-color:#ef44441a;border-left-color:var(--support-error-color);color:#f87171}.support-dark-mode .support-success-message h3{color:var(--support-text-primary)}.support-dark-mode .support-success-message p{color:var(--support-text-secondary)}.support-dark-mode .support-ticket-information{background:var(--support-attachment-bg);border-color:var(--support-attachment-border)}.support-dark-mode .support-ticket-information .support-ticket-id span,.support-dark-mode .support-ticket-information .support-ticket-status span{color:var(--support-text-tertiary)}.support-dark-mode .support-ticket-information .support-id-value{color:var(--support-text-primary);background:#2d3142cc}.support-dark-mode .support-estimated-response{background:var(--support-attachment-bg);border-color:var(--support-attachment-border)}.support-dark-mode .support-estimated-response p{color:var(--support-text-secondary)}.support-dark-mode .support-estimated-response .support-response-time{color:var(--support-text-primary)}.support-dark-mode .support-priority-indicator{border-top-color:var(--support-border-color)}.support-dark-mode .support-priority-indicator p{color:var(--support-text-tertiary)}.support-dark-mode .support-ticket-history-header h2{color:var(--support-text-primary)}.support-dark-mode .support-ticket-history-header p{color:var(--support-text-secondary)}.support-dark-mode .support-ticket-search-bar .support-search-input-container{background-color:var(--support-input-bg);border-color:var(--support-input-border)}.support-dark-mode .support-ticket-search-bar .support-search-input-container .support-search-icon{color:var(--support-text-tertiary)}.support-dark-mode .support-ticket-search-bar .support-search-input-container input.support-search-input{color:var(--support-text-primary)}.support-dark-mode .support-ticket-search-bar .support-search-input-container input.support-search-input::placeholder{color:var(--support-text-tertiary)}.support-dark-mode .support-ticket-search-bar .support-search-input-container input.support-search-input:focus{border-color:var(--support-input-focus)}.support-dark-mode .support-filter-toggle-button{background-color:var(--support-input-bg);border-color:var(--support-input-border);color:var(--support-text-secondary)}.support-dark-mode .support-filter-toggle-button:hover{background-color:#ffffff0d}.support-dark-mode .support-filter-dropdown{background-color:var(--support-card-bg);border-color:var(--support-border-color);box-shadow:var(--support-card-shadow)}.support-dark-mode .support-filter-dropdown h4{color:var(--support-text-primary)}.support-dark-mode .support-filter-option{color:var(--support-text-secondary)}.support-dark-mode .support-filter-option:hover{background-color:#ffffff0d}.support-dark-mode .support-filter-option.support-selected{background-color:#4f46e51a;color:var(--support-text-primary);border-color:#4f46e54d}.support-dark-mode .support-ticket-list-table{border-color:var(--support-border-color)}.support-dark-mode .support-ticket-list-table thead{background-color:var(--support-bg-tertiary)}.support-dark-mode .support-ticket-list-table thead th{color:var(--support-text-primary);border-bottom-color:var(--support-border-color)}.support-dark-mode .support-ticket-list-table tbody tr{border-bottom-color:var(--support-border-color)}.support-dark-mode .support-ticket-list-table tbody tr:hover{background-color:#ffffff08}.support-dark-mode .support-ticket-list-table tbody td{color:var(--support-text-secondary)}.support-dark-mode .support-ticket-list-table .support-ticket-title{color:var(--support-text-primary)}.support-dark-mode .support-ticket-list-table .support-ticket-description{color:var(--support-text-secondary)}.support-dark-mode .support-ticket-list-table .support-ticket-action-button{color:var(--support-text-secondary);border-color:var(--support-input-border)}.support-dark-mode .support-ticket-list-table .support-ticket-action-button:hover{background-color:#ffffff0d;color:var(--support-text-primary)}.support-dark-mode .support-empty-tickets-state .support-empty-icon{color:var(--support-text-tertiary)}.support-dark-mode .support-empty-tickets-state h3{color:var(--support-text-primary)}.support-dark-mode .support-empty-tickets-state p{color:var(--support-text-secondary)}.support-dark-mode .support-empty-tickets-state .support-reset-filters-button{background-color:transparent;border-color:var(--support-input-border);color:var(--support-text-secondary)}.support-dark-mode .support-empty-tickets-state .support-reset-filters-button:hover{background-color:#ffffff0d;border-color:var(--support-input-focus)}@media screen and (max-width: 1024px){.support-form-wrapper{grid-template-columns:1fr}}@media (max-width: 992px){.support-content{grid-template-columns:1fr;gap:1.5rem}.support-category-options{grid-template-columns:repeat(2,1fr)}.support-ticket-search-bar{flex-direction:column}.support-search-input-container{width:100%;margin-bottom:.5rem}.support-ticket-filters{align-self:flex-end}.support-ticket-history-container{padding:1rem}}@media (max-width: 768px){.support-container{padding:1rem}.support-card,.support-ticket-form,.support-form-container{padding:1.5rem}.support-chat-message{margin-bottom:.75rem}.support-help-category-items{grid-template-columns:1fr}.support-ticket-list-table th,.support-ticket-list-table td{padding:.5rem;font-size:.85rem}.support-ticket-title-wrapper .support-ticket-description{-webkit-line-clamp:1}.support-ticket-action-button span{display:none}.support-filter-dropdown{right:auto;left:0;width:100%;max-width:300px}}@media (max-width: 576px){.support-header h1{font-size:1.8rem}.support-header p{font-size:.9rem}.support-contact-options{flex-direction:column}.support-contact-option{flex:1}.support-ticket-information{flex-direction:column;gap:.5rem}.support-content{gap:1rem}.support-ticket-list-table th:nth-child(4),.support-ticket-list-table th:nth-child(5),.support-ticket-list-table td:nth-child(4),.support-ticket-list-table td:nth-child(5){display:none}.support-ticket-list-table .support-ticket-title-cell{max-width:180px}.support-tab{padding:.5rem .75rem;font-size:.9rem}.support-tab span{display:none}.support-tab svg{font-size:1rem;margin-right:0}.support-ticket-search-bar{margin-top:1rem}}.date-range-picker{display:flex;align-items:center;gap:10px;background-color:#0003;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:6px 12px;transition:all .2s ease}[data-theme=light] .date-range-picker{background-color:#f9fafbe6;border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 6px #6366f10f}.date-range-picker:hover{border-color:#fff3}[data-theme=light] .date-range-picker:hover{border-color:#6366f14d;box-shadow:0 3px 8px #6366f11a}.date-range-picker svg{color:#ffffffb3;font-size:18px}[data-theme=light] .date-range-picker svg{color:#4f46e5cc}.date-range-select{background-color:transparent;border:none;color:#fff;font-size:14px;cursor:pointer;padding:4px 24px 4px 4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 4px center;background-size:14px}[data-theme=light] .date-range-select{color:#1f2937;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234f46e5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");font-weight:500}.date-range-select:focus{outline:none}[data-theme=light] .date-range-select:focus{color:#4338ca}.custom-date-inputs{display:flex;align-items:center;gap:8px}.custom-date-inputs input[type=date]{background-color:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:4px;color:#fff;font-size:14px;padding:4px 8px;transition:all .2s ease}[data-theme=light] .custom-date-inputs input[type=date]{background-color:#fff;border:1px solid rgba(99,102,241,.2);color:#1f2937;box-shadow:0 1px 3px #6366f10d}.custom-date-inputs input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.5}[data-theme=light] .custom-date-inputs input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.3) sepia(1) saturate(5) hue-rotate(220deg);opacity:.7}.custom-date-inputs input[type=date]:focus{outline:none;border-color:#6366f180}[data-theme=light] .custom-date-inputs input[type=date]:focus{border-color:#4f46e580;box-shadow:0 0 0 3px #6366f126}.custom-date-inputs input[type=date]:hover{border-color:#fff3}[data-theme=light] .custom-date-inputs input[type=date]:hover{border-color:#6366f14d}.custom-date-inputs span{color:#ffffffb3;font-size:14px}[data-theme=light] .custom-date-inputs span{color:#6b7280;font-weight:500}.export-controls{display:flex;gap:.5rem}.export-btn{display:flex;align-items:center;justify-content:center;background:#ffffff0d;color:var(--text-secondary);width:36px;height:36px;border-radius:8px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.export-btn:hover{background:#ffffff1a;color:var(--text-primary)}.analytics-floating-card{padding:10px;margin-top:10px;background-color:#1e293bb3;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .analytics-floating-card{background-color:#fff;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 12px #6366f114}.floating-card{padding:10px;margin-top:10px;background-color:#1e293bb3;border-radius:8px;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .floating-card{background-color:#fff;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 12px #6366f114}.product-interests-container,.escalation-rules-container,.discussed-topics-container{max-height:500px;overflow-y:auto}[data-theme=light] .product-interests-container,[data-theme=light] .escalation-rules-container,[data-theme=light] .discussed-topics-container{background-color:#fff;border:1px solid rgba(99,102,241,.15);box-shadow:0 4px 12px #6366f114}.product-interest-item,.action-item-row{padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.1);transition:background-color .2s ease}[data-theme=light] .product-interest-item,[data-theme=light] .action-item-row{border-bottom:1px solid rgba(99,102,241,.1)}.product-interest-item:hover,.action-item-row:hover{background-color:#ffffff0d}[data-theme=light] .product-interest-item:hover,[data-theme=light] .action-item-row:hover{background-color:#6366f10d}.product-name,.action-name{font-size:14px;color:#f3f4f6;word-break:break-word}[data-theme=light] .product-name,[data-theme=light] .action-name{color:#1f2937;font-weight:500}.report-filters{margin-top:70px;margin-bottom:30px;padding:24px;background:linear-gradient(to right,#1e293bcc,#1e2941b3);border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:0 8px 32px #0003,0 2px 8px #0000004d;grid-column:span 12;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}[data-theme=light] .report-filters{background:linear-gradient(to right,#fffffff2,#f8fafce6);border:1px solid rgba(99,102,241,.15);box-shadow:0 8px 30px #6366f114,0 2px 10px #0000000d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.report-filters:hover{box-shadow:0 10px 40px #00000040,0 3px 10px #00000059;border-color:#ffffff2e}[data-theme=light] .report-filters:hover{box-shadow:0 10px 40px #6366f11f,0 3px 10px #6366f114;border-color:#6366f140}.filter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.12)}[data-theme=light] .filter-header{border-bottom:1px solid rgba(99,102,241,.15)}.filter-header h3{display:flex;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:600;background:linear-gradient(90deg,#f3f4f6,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:.02em}[data-theme=light] .filter-header h3{background:linear-gradient(90deg,#4338ca,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.filter-header h3 svg{color:#a5b4fc;font-size:20px}[data-theme=light] .filter-header h3 svg{color:#4f46e5}.filter-actions{display:flex;gap:12px}.save-filters-btn,.clear-filters-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffe6;border-radius:8px;padding:8px 14px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s ease;box-shadow:0 2px 5px #00000026}[data-theme=light] .save-filters-btn,[data-theme=light] .clear-filters-btn{border:1px solid rgba(99,102,241,.2);color:#4b5563;box-shadow:0 2px 5px #0000000d}.save-filters-btn{padding:8px 12px;background:#6366f126;border-color:#6366f14d}[data-theme=light] .save-filters-btn{background:#6366f11a;border-color:#6366f14d;color:#4f46e5}.save-filters-btn:hover{background:#6366f140;transform:translateY(-1px);box-shadow:0 4px 8px #0003}[data-theme=light] .save-filters-btn:hover{background:#6366f126;box-shadow:0 4px 8px #6366f126}.clear-filters-btn:hover{background-color:#ffffff26;border-color:#fff6;transform:translateY(-1px);box-shadow:0 4px 8px #0003}[data-theme=light] .clear-filters-btn:hover{background-color:#6366f10d;border-color:#6366f14d;box-shadow:0 4px 8px #6366f11a}.active-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px;min-height:32px;padding:0 2px}.filter-badge{display:flex;align-items:center;background:linear-gradient(to right,#6366f133,#4f46e533);border:1px solid rgba(99,102,241,.4);border-radius:20px;padding:5px 12px 5px 10px;font-size:13px;color:#e0e7ff;box-shadow:0 2px 4px #00000026;transition:all .2s ease}[data-theme=light] .filter-badge{background:linear-gradient(to right,#6366f114,#4f46e51a);border:1px solid rgba(99,102,241,.25);color:#4338ca;box-shadow:0 2px 4px #6366f11a}.filter-badge-icon{margin-right:6px;font-size:16px;color:#ffffffe6}[data-theme=light] .filter-badge-icon{color:#4f46e5}.filter-badge:hover{background:linear-gradient(to right,#6366f140,#4f46e540);transform:translateY(-1px);box-shadow:0 3px 6px #0000002e}[data-theme=light] .filter-badge:hover{background:linear-gradient(to right,#6366f126,#4f46e526);box-shadow:0 3px 6px #6366f126}.filter-badge span{margin-right:2px}.filter-badge button{background:none;border:none;color:#ffffffb3;cursor:pointer;font-size:18px;line-height:0;padding:0 0 0 8px;display:flex;align-items:center;transition:color .2s ease}[data-theme=light] .filter-badge button{color:#4f46e599}.filter-badge button:hover{color:#fff}[data-theme=light] .filter-badge button:hover{color:#4338ca}.filter-controls{display:flex;flex-direction:column;gap:16px;background:#11182733;border-radius:12px;padding:20px;box-shadow:inset 0 1px 5px #0000001a}[data-theme=light] .filter-controls{background:#f8fafccc;box-shadow:inset 0 1px 5px #6366f11a;border:1px solid rgba(99,102,241,.1)}.filter-row{display:flex;flex-wrap:wrap;gap:20px}.filter-group{flex:1;min-width:180px;transition:transform .15s ease}.filter-group:hover{transform:translateY(-2px)}.filter-group label{display:flex;align-items:center;gap:6px;font-size:13px;margin-bottom:8px;color:#fffc;font-weight:500;letter-spacing:.02em}[data-theme=light] .filter-group label{color:#4b5563;font-weight:600}.filter-label-icon{color:#a5b4fce6;font-size:16px}[data-theme=light] .filter-label-icon{color:#4f46e5}.filter-group select{width:100%;padding:10px 14px;background:#1e293bcc;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:14px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;background-size:14px;box-shadow:0 2px 6px #00000026;transition:all .2s ease}[data-theme=light] .filter-group select{background-color:#fff;border:1px solid rgba(99,102,241,.2);color:#1f2937;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234338ca' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");box-shadow:0 2px 6px #6366f10d}.filter-group select:hover{border-color:#6366f166;box-shadow:0 3px 8px #0003}[data-theme=light] .filter-group select:hover{border-color:#6366f166;box-shadow:0 3px 8px #6366f11a}.filter-group select:focus{outline:none;border-color:#6366f199;box-shadow:0 0 0 3px #6366f140}[data-theme=light] .filter-group select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #6366f133}.filter-actions-row{display:flex;gap:14px;margin-top:16px;justify-content:center}.apply-filters-btn{padding:10px 20px;background:linear-gradient(to right,#6366f1,#4f46e5);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s;box-shadow:0 4px 10px #4f46e54d;flex:1;max-width:200px;display:flex;align-items:center;justify-content:center}[data-theme=light] .apply-filters-btn{background:linear-gradient(to right,#4f46e5,#4338ca);box-shadow:0 4px 10px #4f46e533}.apply-filters-btn:hover{background:linear-gradient(to right,#5356d8,#4338ca);transform:translateY(-2px);box-shadow:0 6px 15px #4f46e566}[data-theme=light] .apply-filters-btn:hover{background:linear-gradient(to right,#4338ca,#3730a3);box-shadow:0 6px 15px #4f46e540}.apply-filters-btn:active{transform:translateY(0);box-shadow:0 2px 5px #4f46e566}.advanced-filters-btn{padding:10px 20px;background:#1f293780;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s;box-shadow:0 2px 6px #00000026}[data-theme=light] .advanced-filters-btn{background:#fff;color:#4b5563;border:1px solid rgba(99,102,241,.2);box-shadow:0 2px 6px #6366f114}.advanced-filters-btn:hover{background:#37415180;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 10px #0003}[data-theme=light] .advanced-filters-btn:hover{background:#f9fafb;border-color:#6366f14d;color:#4338ca;box-shadow:0 4px 10px #6366f11a}.advanced-filters-btn:active{transform:translateY(0);box-shadow:0 2px 4px #0003}@media (max-width: 768px){.filter-row{flex-direction:column;gap:16px}.filter-group{width:100%}}.analytics-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;cursor:pointer}.analytics-section-header h3{margin:0;font-size:1.2rem;font-weight:600}.toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.toggle-btn:hover{background:#ffffff1a;color:var(--text-primary)}.time-series-container{grid-column:span 12;padding:1.5rem;position:relative}.chart-controls{margin-bottom:1.5rem}.metric-selector{display:flex;gap:1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.metric-btn{background:transparent;border:none;color:var(--text-secondary);padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .2s ease;border-bottom:2px solid transparent}.metric-btn.active{color:var(--primary);border-bottom:2px solid var(--primary)}.metric-btn:hover{color:var(--text-primary)}.chart-area{min-height:300px}.time-series-chart{width:100%;height:300px;margin-bottom:1.5rem;border-radius:8px;overflow:hidden}.time-series-chart canvas{width:100%;height:100%;display:block}.chart-data-preview{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.data-point{text-align:center;min-width:80px}.data-date{font-size:.8rem;color:var(--text-secondary);margin-bottom:.25rem}.data-value{font-weight:500;color:var(--primary)}.funnel-container{grid-column:span 12;padding:1.5rem;position:relative}.funnel-chart{width:100%;height:400px;position:relative;margin-bottom:1rem}.funnel-chart canvas{width:100%;height:100%;display:block}.funnel-legend{display:flex;justify-content:center;gap:2rem;margin-top:1rem}.legend-item{display:flex;align-items:center;gap:.5rem}.legend-color{width:24px;height:12px;border-radius:3px}.drop-indicator{height:12px;width:2px;background-color:#ef4444e6;position:relative}.drop-indicator:before{content:"";position:absolute;top:-6px;left:-4px;width:10px;height:10px;border-radius:50%;background-color:#ef444433}.legend-text{font-size:.85rem;color:var(--text-secondary)}.funnel-stage,.funnel-icon,.stage-label,.stage-name,.stage-count,.stage-bar-container,.stage-bar,.stage-percent{display:none}.insights-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.inquiries-container,.sentiment-container{padding:1.5rem}.inquiries-container h4,.sentiment-container h4{margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.chart-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.chart-icon svg{font-size:1.5rem;color:var(--text-secondary)}.inquiries-chart{display:flex;flex-direction:column;gap:1rem}.inquiry-item{display:flex;flex-direction:column;gap:.5rem}.inquiry-label{font-size:.9rem;color:var(--text-primary)}.inquiry-bar-container{height:10px;background:#ffffff0d;border-radius:5px;overflow:hidden}.inquiry-bar{height:100%;background:linear-gradient(90deg,#0ea5e9,#0ea5e9b3);border-radius:5px;transition:width .5s ease}.inquiry-stats{display:flex;justify-content:space-between;font-size:.8rem}.inquiry-count{color:var(--text-secondary)}.inquiry-percent{color:#0ea5e9;font-weight:500}.sentiment-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:250px}.sentiment-display{display:flex;gap:2rem;justify-content:center}.sentiment-item{display:flex;flex-direction:column;align-items:center;gap:1rem}.sentiment-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;color:#fff;transition:all .5s ease}.sentiment-label{font-size:.9rem;color:var(--text-secondary)}.custom-report-container{grid-column:span 12;padding:1.5rem}.report-builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}.report-section-picker h4,.report-template-controls h4{margin-top:0;margin-bottom:1.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary)}.section-options{display:flex;flex-direction:column;gap:1rem}.checkbox-container{display:flex;align-items:center;gap:.75rem;position:relative;cursor:pointer;font-size:.9rem;-webkit-user-select:none;user-select:none}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{height:20px;width:20px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:4px;position:relative}.checkbox-container:hover input~.checkmark{background-color:#ffffff1a}.checkbox-container input:checked~.checkmark{background-color:var(--primary);border-color:var(--primary)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:7px;top:3px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.report-naming{display:flex;gap:1rem;margin-bottom:2rem}.template-name-input{flex:1;padding:.75rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);background:#ffffff0d;color:var(--text-primary)}.save-template-btn{display:flex;align-items:center;gap:.5rem;background:var(--primary);color:#fff;border:none;padding:0 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.save-template-btn:hover{background:#5254cb}.saved-templates h5{font-size:.9rem;font-weight:500;margin-bottom:1rem;color:var(--text-primary)}.template-list{display:flex;flex-direction:column;gap:.75rem}.template-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:#ffffff0d;border-radius:8px;font-size:.9rem}.load-template-btn{background:transparent;color:var(--primary);border:1px solid var(--primary);padding:.25rem .75rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:all .2s ease}.load-template-btn:hover{background:#6366f11a}.report-action-buttons{display:flex;justify-content:flex-end;gap:1rem}.generate-report-btn,.export-report-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.generate-report-btn{background:var(--primary);color:#fff;border:none}.generate-report-btn:hover{background:#5254cb}.export-report-btn{background:transparent;color:var(--text-primary);border:1px solid rgba(255,255,255,.2)}.export-report-btn:hover{background:#ffffff0d}@media (max-width: 992px){.insights-grid,.report-builder-layout{grid-template-columns:1fr}}@media (max-width: 768px){.header-actions{flex-direction:column;align-items:stretch;gap:1rem}.date-range-picker{justify-content:space-between}.export-controls{justify-content:center}.sentiment-display{flex-direction:column;gap:1.5rem}}.analytics-dashboard-grid{display:flex;flex-direction:column;gap:2rem;padding:1.5rem;max-width:1400px;margin:0 auto;width:100%}.analytics-dashboard-header{grid-column:span 12;grid-area:header;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;z-index:100;position:relative;padding:10px 0}.analytics-section{margin-top:20px;width:100%;grid-column:span 12}.analytics-section.kpi-section{grid-area:kpi;position:relative;z-index:1}.analytics-section.peak-call-times-section{grid-area:peak;position:relative;z-index:1}.analytics-section.text-reports-section{grid-area:reports}.analytics-section.time-series-section{grid-area:time}.analytics-section.funnel-section{grid-area:funnel}.analytics-section.insights-section{grid-area:insights}.analytics-section.custom-reports-section{grid-area:custom}.analytics-dashboard-grid>*{min-width:0}.analytics-dashboard-grid>.analytics-dashboard-header+.analytics-section{order:initial}.word-cloud-wrapper{padding:1.5rem;height:500px;position:relative}.word-cloud-title{margin-top:0;margin-bottom:.5rem;font-size:1.1rem;font-weight:600;color:var(--text-primary);text-align:center}@media (max-width: 768px){.word-cloud-wrapper{height:400px}}.text-reports-container{display:flex;justify-content:space-between;flex-wrap:wrap}.text-report-card{width:49%;border-radius:12px;background:#11192866;border:1px solid rgba(255,255,255,.08);padding:16px;margin-bottom:24px;transition:all .3s ease;box-shadow:0 4px 16px #0003;display:flex;flex-direction:column;height:calc(50vh - 60px)}[data-theme=light] .text-report-card{background:#ffffffe6;border:1px solid rgba(99,102,241,.1);box-shadow:0 4px 20px #6366f114}.text-report-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000040}[data-theme=light] .text-report-card:hover{box-shadow:0 6px 20px #6366f126;border-color:#6366f133}.report-card-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05)}[data-theme=light] .report-card-header{border-bottom:1px solid rgba(99,102,241,.1)}.report-card-header h4{font-size:1.1rem;font-weight:600;color:#f3f4f6;margin:0;display:flex;align-items:center;gap:8px}[data-theme=light] .report-card-header h4{color:#1f2937;background:linear-gradient(90deg,#4338ca,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700}.toggle-btn.small{font-size:1rem;width:24px;height:24px;padding:0;background:#1e293b99;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .toggle-btn.small{background:#f9fafbcc;border:1px solid rgba(99,102,241,.2);color:#4338ca}[data-theme=light] .toggle-btn.small:hover{background:#f4f5f7;border-color:#6366f14d}.word-cloud-container{padding:20px;border-radius:8px;height:100%;background:#1118274d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05)}[data-theme=light] .word-cloud-container{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.1);box-shadow:0 4px 20px #6366f10d}.action-items-container{padding:16px;border-radius:8px;height:100%;background:#1118274d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column}[data-theme=light] .action-items-container{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,.1);box-shadow:0 4px 20px #6366f10d}.action-items-list{display:flex;flex-direction:column;gap:10px;width:100%;padding:5px 0}.action-item-row{display:flex;background-color:#6366f11a;border-radius:8px;padding:12px 16px;transition:all .2s ease}.action-item-row:hover{background-color:#6366f133;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.action-name{width:100%;font-weight:500;font-size:14px;color:var(--text-primary);word-break:break-word}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#9ca3af;font-weight:500;text-align:center}[data-theme=light] .loading-container{color:#6b7280}.loading-spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.3);border-radius:50%;border-top-color:#6366f1;animation:spin 1s linear infinite;margin-bottom:1rem}[data-theme=light] .loading-spinner{border:3px solid rgba(99,102,241,.2);border-top-color:#4f46e5}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#ef44441a;border-radius:8px;text-align:center}[data-theme=light] .error-container{background-color:#ef44440d}.error-container p{color:#ef4444;margin-bottom:1rem}[data-theme=light] .error-container p{color:#dc2626;font-weight:500}.error-container button{background-color:#374151;color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=light] .error-container button{background-color:#dc2626;color:#fff}.error-container button:hover{background-color:#4b5563}[data-theme=light] .error-container button:hover{background-color:#b91c1c}.no-data-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:#9ca3af;font-weight:500;font-style:italic}[data-theme=light] .no-data-message{color:#6b7280}.no-data-message p{margin:0}[data-theme=light] .no-data-message p{font-weight:500}.simple-list{display:flex;flex-direction:column;gap:10px;width:100%;padding:5px 0}.simple-item{display:flex;background-color:#6366f11a;border-radius:8px;padding:12px 16px;transition:all .2s ease}[data-theme=light] .simple-item{background-color:#6366f10d;border:1px solid rgba(99,102,241,.1)}.simple-item:hover{background-color:#6366f133;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}[data-theme=light] .simple-item:hover{background-color:#6366f11a;box-shadow:0 4px 8px #6366f11a}.full-width{width:100%;flex-grow:1;font-weight:500;font-size:14px;color:#f3f4f6;word-break:break-word}[data-theme=light] .full-width{color:#1f2937}.scrollable-list{max-height:250px;overflow-y:auto;padding-right:5px}.scrollable-list::-webkit-scrollbar{width:6px}.scrollable-list::-webkit-scrollbar-track{background:#0000001a;border-radius:10px}[data-theme=light] .scrollable-list::-webkit-scrollbar-track{background:#6366f10d}.scrollable-list::-webkit-scrollbar-thumb{background:#6366f180;border-radius:10px}[data-theme=light] .scrollable-list::-webkit-scrollbar-thumb{background:#6366f14d}.scrollable-list::-webkit-scrollbar-thumb:hover{background:#6366f1b3}[data-theme=light] .scrollable-list::-webkit-scrollbar-thumb:hover{background:#6366f180}.coming-soon-container{position:relative;overflow:hidden;filter:grayscale(.7);transition:all .5s ease;min-height:300px}.coming-soon-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e293bd9,#111827f2);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10}[data-theme=light] .coming-soon-overlay{background:linear-gradient(135deg,#1e293bd9,#111827f2)}.coming-soon-badge{position:relative;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:50px;padding:12px 25px;font-weight:600;font-size:16px;color:#fff;margin-bottom:16px;overflow:hidden;box-shadow:0 5px 15px #6366f180;animation:pulse 3s infinite}.coming-soon-badge:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#ffffff1a);transform:rotate(45deg);z-index:1;animation:shine 3s infinite}.coming-soon-message{text-align:center;color:#fffc!important;max-width:80%;font-size:14px;line-height:1.5;margin-bottom:24px}[data-theme=light] .coming-soon-message{color:#fffc!important}.coming-soon-timeline{width:70%;height:4px;background:#ffffff1a;border-radius:4px;position:relative;overflow:hidden;margin-bottom:10px}.coming-soon-progress{position:absolute;top:0;left:0;height:100%;width:60%;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:4px;animation:progress 10s infinite}.coming-soon-date{font-size:12px;color:#fff9!important}[data-theme=light] .coming-soon-date{color:#fff9!important}.coming-soon-blurred-content{filter:blur(3px);pointer-events:none;-webkit-user-select:none;user-select:none}.constellation{position:absolute;width:100%;height:100%;top:0;left:0;z-index:1}.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;opacity:.6;animation:twinkle 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #6366f180}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes shine{0%{left:-100%;opacity:0}20%{left:100%;opacity:.4}to{left:100%;opacity:0}}@keyframes progress{0%{width:0%}50%{width:60%}to{width:0%}}@keyframes twinkle{0%{opacity:.2}50%{opacity:.8}to{opacity:.2}}.analytics-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px;width:100%}.analytics-toggle-btn{display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-secondary);width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}[data-theme=light] .analytics-toggle-btn{background:transparent;border:1px solid rgba(99,102,241,.2);color:#6b7280}.analytics-toggle-btn:hover{background:#ffffff1a;color:var(--text-primary)}[data-theme=light] .analytics-toggle-btn:hover{background:#6366f11a;color:#4338ca}.analytics-toggle-btn.small{font-size:1rem;width:24px;height:24px;padding:0;background:#1e293b99;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .analytics-toggle-btn.small{background:#f9fafbcc;border:1px solid rgba(99,102,241,.2);color:#4338ca}[data-theme=light] .analytics-toggle-btn.small:hover{background:#f4f5f7;border-color:#6366f14d}.peak-call-times-container{padding:1.5rem}.peak-call-times-controls{display:flex;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.date-selector,.interval-selector{display:flex;align-items:center;gap:.5rem}.date-selector select,.interval-selector select{background-color:#1f2937;border:1px solid #374151;color:#f9fafb;padding:.5rem;border-radius:.375rem;min-width:180px}[data-theme=light] .date-selector select,[data-theme=light] .interval-selector select{background-color:#fff;border:1px solid rgba(99,102,241,.2);color:#1f2937;box-shadow:0 1px 3px #6366f10d}.heat-map-container{margin-top:1rem}.heat-map-legend{display:flex;gap:1rem;margin:1rem 0;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.375rem;font-size:.875rem}[data-theme=light] .legend-item{color:#4b5563}.legend-color{width:1rem;height:1rem;border-radius:.25rem}.hourly-heat-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem;margin:1.5rem 0}.hour-group{border:1px solid #374151;border-radius:.375rem;overflow:hidden}[data-theme=light] .hour-group{border:1px solid rgba(99,102,241,.2);box-shadow:0 1px 3px #6366f10d}.hour-label{background-color:#1f2937;padding:.375rem;text-align:center;font-weight:500;border-bottom:1px solid #374151;color:#f3f4f6}[data-theme=light] .hour-label{background-color:#6366f11a;color:#4338ca;border-bottom:1px solid rgba(99,102,241,.2)}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));padding:.5rem;gap:.375rem}[data-theme=light] .time-slots{background-color:#ffffffb3}.time-slot{height:40px;border-radius:.25rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s}[data-theme=light] .time-slot{border:1px solid rgba(99,102,241,.05)}.time-slot:hover{transform:scale(1.05)}.call-count{font-weight:600;font-size:.875rem;color:#fff}[data-theme=light] .call-count{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}.peak-call-times-summary{margin-top:2rem;border-top:1px solid #374151;padding-top:1.5rem}[data-theme=light] .peak-call-times-summary{border-top:1px solid rgba(99,102,241,.2)}.peak-call-times-summary h5{color:#f3f4f6;margin-top:0}[data-theme=light] .peak-call-times-summary h5{color:#1f2937;font-weight:600}.peak-times-list{margin-top:1rem}.peak-time-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #2d3748}.peak-time-interval{display:flex;align-items:center;gap:.5rem;color:#f3f4f6}[data-theme=light] .peak-time-interval{color:#1f2937}.peak-rank{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background-color:#6366f1;color:#fff;border-radius:50%;font-weight:600;font-size:.75rem}[data-theme=light] .peak-rank{background-color:#4f46e5;box-shadow:0 2px 4px #4f46e54d}.peak-time-count{display:flex;align-items:center;gap:.75rem;min-width:120px;color:#d1d5db}[data-theme=light] .peak-time-count{color:#4b5563}.count-bar{height:.5rem;background-color:#6366f1;border-radius:1rem;transition:width .3s ease}[data-theme=light] .count-bar{background-color:#4f46e5}.peak-call-times-container h4{color:#f3f4f6;margin-top:0}[data-theme=light] .peak-call-times-container h4{color:#1f2937;font-weight:600}.section-icon{margin-right:.5rem;vertical-align:middle}@media (max-width: 768px){.peak-call-times-controls{flex-direction:column;align-items:flex-start}.hourly-heat-map{grid-template-columns:1fr}}.data-management-page{display:flex;flex-direction:column;padding:1.5rem;height:100%;width:100%;margin:0 auto;color:#f3f4f6;transition:all .3s ease;position:relative}[data-theme=light] .data-management-page{color:#1f2937}@media (min-width: 768px){.data-management-page{padding-left:2.5rem;padding-right:2.5rem}}@media (min-width: 1024px){.data-management-page{padding-left:3.75rem;padding-right:3.75rem}}@media (min-width: 1200px){.data-management-page{padding-left:1.5rem;padding-right:1.5rem}}.data-management-container{display:flex;flex-direction:column;margin-top:.5rem;padding-top:10px;height:calc(100vh - 220px);overflow:auto}.data-management-grid{display:flex;flex-direction:column;gap:1.5rem}.data-management-row{display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem;align-items:stretch}.data-management-row:last-child{margin-bottom:0}.data-management-col{flex:1;min-width:0;display:flex;flex-direction:column}.data-management-col.col-full{flex:1 1 100%}.data-management-col.col-half{flex:1 1 calc(50% - .75rem)}@media (max-width: 768px){.data-management-col{flex:1 1 100%}}.dm-dashboard-header{margin-bottom:2.5rem;position:relative;padding-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between}@media (min-width: 768px){.dm-dashboard-header{margin-right:100px}}.dm-dashboard-header:after{content:"";position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#6366f1,#4f46e5);border-radius:2px}.dm-dashboard-header h2{font-size:2.25rem;font-weight:700;color:#f3f4f6;margin-bottom:.5rem}[data-theme=light] .dm-dashboard-header h2{color:#1f2937;background:linear-gradient(90deg,#4338ca,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.dm-dashboard-header p{color:#9ca3af;font-size:1.125rem}[data-theme=light] .dm-dashboard-header p{color:#6b7280}.coming-soon-container{filter:grayscale(0);transition:all .5s ease;min-height:auto}.dm-secondary-button{border:none;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:.625rem 1.25rem;border-radius:.75rem}.dm-secondary-button:hover{background:#ffffff26}[data-theme=light] .dm-secondary-button{background:#f9fafbe6;color:#4f46e5;border:1px solid rgba(99,102,241,.25)}[data-theme=light] .dm-secondary-button:hover{background:#f9fafb;box-shadow:0 4px 12px #6366f126;border-color:#6366f159}.dm-primary-button{border:none;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff;padding:.625rem 1.25rem;border-radius:.75rem;box-shadow:0 4px 12px #6366f14d}.dm-primary-button:hover{background:linear-gradient(90deg,#6366f1,#4f46e5);background:linear-gradient(90deg,#4f46e5,#4338ca);transform:translateY(-2px)}[data-theme=light] .dm-primary-button{background:linear-gradient(90deg,#6366f1,#4f46e5);background:linear-gradient(90deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f133}[data-theme=light] .dm-primary-button:hover{background:linear-gradient(90deg,#4338ca,#3730a3);box-shadow:0 6px 16px #6366f140}.dm-upload-button{border:none;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(90deg,#6366f1,#4f46e5);color:#fff;border-radius:.75rem;box-shadow:0 4px 12px #6366f14d;padding:.625rem 1.25rem;border-radius:.5rem}.dm-upload-button:hover{background:linear-gradient(90deg,#6366f1,#4f46e5);background:linear-gradient(90deg,#4f46e5,#4338ca);transform:translateY(-2px)}[data-theme=light] .dm-upload-button{background:linear-gradient(90deg,#6366f1,#4f46e5);background:linear-gradient(90deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f133}[data-theme=light] .dm-upload-button:hover{background:linear-gradient(90deg,#4338ca,#3730a3);box-shadow:0 6px 16px #6366f140}.dm-upload-submit-btn{border:none;cursor:pointer;font-weight:500;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;padding:.625rem 1.25rem;border-radius:.5rem;box-shadow:0 4px 12px #4f46e540}.dm-upload-submit-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 6px 16px #4f46e559}.dm-upload-submit-btn:disabled{background:#6366f180;cursor:not-allowed;transform:none;box-shadow:none}.dm-query-button{margin-top:1rem}.dm-query-button:disabled{opacity:.6;cursor:not-allowed}.dm-add-url-btn{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;cursor:pointer;font-size:1.5rem;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 6px #6366f140}.dm-add-url-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);transform:translateY(-2px);box-shadow:0 6px 10px #6366f159}.dm-remove-file-btn,.dm-remove-url-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.25rem;transition:all .2s ease;flex-shrink:0}.dm-remove-file-btn:hover,.dm-remove-url-btn:hover{color:#ef4444;background:#ef44441a}[data-theme=light] .dm-remove-file-btn:hover,[data-theme=light] .dm-remove-url-btn:hover{color:#ef4444;background:#ef44440d}.dm-action-button{display:flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:.5rem;color:#f3f4f6;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dm-action-button:hover{background:#6366f126}[data-theme=light] .dm-action-button{background:#f9fafbe6;border:1px solid rgba(99,102,241,.2);color:#4f46e5}[data-theme=light] .dm-action-button:hover{background:#f9fafb;border-color:#6366f14d;box-shadow:0 2px 8px #6366f126}.dm-upload-actions,.dm-url-actions{display:flex;gap:.75rem;justify-content:flex-start;align-items:center}.dm-url-actions{margin-top:1.5rem}.dm-detail-actions{display:flex;gap:1rem}.dm-floating-card{background-color:#1f2937;border-radius:1.25rem;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(75,85,99,.3);position:relative}[data-theme=light] .dm-floating-card{background-color:#fff;border:1px solid rgba(99,102,241,.12)}.dm-upload-section{padding:1.25rem;flex:1;display:flex;flex-direction:column}.dm-upload-section h3{display:flex;align-items:center;gap:.5rem;margin-top:0;color:#f3f4f6;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}[data-theme=light] .dm-upload-section h3{color:#1f2937;font-weight:700}.dm-upload-section p{color:#9ca3af;margin-bottom:1rem}[data-theme=light] .dm-upload-section p{color:#6b7280}.dm-upload-section .coming-soon-container{flex:1;display:flex;flex-direction:column}.dm-upload-section .coming-soon-container>div{flex:1;display:flex;flex-direction:column}.dm-query-section{padding:1.5rem;flex:1;display:flex;flex-direction:column}.dm-query-section h3{display:flex;align-items:center;gap:.5rem;margin-top:0;color:#f3f4f6;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}[data-theme=light] .dm-query-section h3{color:#1f2937;font-weight:700}.dm-query-section p{color:#9ca3af;margin-bottom:1.5rem}[data-theme=light] .dm-query-section p{color:#6b7280}.dm-url-upload-section{padding:1.5rem;flex:1;display:flex;flex-direction:column}.dm-url-upload-section h3{display:flex;align-items:center;gap:.5rem;margin-top:0;color:#f3f4f6;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}[data-theme=light] .dm-url-upload-section h3{color:#1f2937;font-weight:700}.dm-url-upload-section p{color:#9ca3af;margin-bottom:2.5rem;line-height:1.6}[data-theme=light] .dm-url-upload-section p{color:#6b7280}.dm-url-content-wrapper{display:flex;flex-direction:column;flex:1;padding:1rem 0 2rem}.dm-result-details-panel{padding:1.5rem;margin-top:1.5rem;flex:1;display:flex;flex-direction:column}.dm-result-details-panel h3{display:flex;align-items:center;gap:.5rem;margin-top:0;color:#f3f4f6;font-size:1.25rem;font-weight:600;margin-bottom:.5rem}[data-theme=light] .dm-result-details-panel h3{color:#1f2937;font-weight:700}.dm-result-details-content{display:flex;flex-direction:column;gap:1.5rem}.dm-detail-section{margin-bottom:1rem}.dm-detail-section h4{color:#f3f4f6;font-size:1rem;font-weight:600;margin-bottom:.75rem;border-bottom:1px solid rgba(75,85,99,.2);padding-bottom:.5rem}[data-theme=light] .dm-detail-section h4{color:#1f2937;border-bottom:1px solid rgba(99,102,241,.15)}.dm-detail-content{background:#ffffff0d;padding:1rem;border-radius:.5rem;font-size:.9375rem;line-height:1.5}[data-theme=light] .dm-detail-content{background:#f9fafbcc;color:#1f2937}.dm-metadata-grid{display:flex;flex-wrap:wrap;gap:1rem}.dm-metadata-item{background:#ffffff0d;padding:.75rem;border-radius:.5rem;display:flex;flex-direction:column;gap:.375rem;flex:1 1 calc(50% - .5rem);min-width:200px}[data-theme=light] .dm-metadata-item{background:#f9fafbcc;color:#1f2937}@media (max-width: 768px){.dm-metadata-item{flex:1 1 100%}}.dm-metadata-label{font-size:.75rem;color:#9ca3af}[data-theme=light] .dm-metadata-label{color:#6b7280}.dm-metadata-value{font-weight:500}[data-theme=light] .dm-metadata-value{color:#1f2937}.dm-advanced-settings{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(75,85,99,.2)}[data-theme=light] .dm-advanced-settings{border-top:1px solid rgba(99,102,241,.15)}.dm-settings-card{background-color:#1f2937;border-radius:1.25rem;overflow:hidden;transition:all .4s cubic-bezier(.175,.885,.32,1.275);border:1px solid rgba(75,85,99,.3);position:relative;padding:1.5rem}[data-theme=light] .dm-settings-card{background-color:#fff;border:1px solid rgba(99,102,241,.12)}.dm-settings-header{margin-bottom:1.5rem}.dm-settings-header h3{color:#f3f4f6;font-size:1.25rem;font-weight:600;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}[data-theme=light] .dm-settings-header h3{color:#1f2937}.dm-settings-header h3:before{content:"⚙️";font-size:1.1rem}.dm-settings-header p{color:#9ca3af;margin:0;font-size:.875rem}[data-theme=light] .dm-settings-header p{color:#6b7280}.dm-settings-content{display:flex;flex-direction:column;gap:1.5rem}.dm-danger-zone{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border:1px solid rgba(239,68,68,.2);border-radius:.75rem;background:#ef44440d;gap:1.5rem}[data-theme=light] .dm-danger-zone{border:1px solid rgba(239,68,68,.25);background:#ef444408}@media (max-width: 768px){.dm-danger-zone{flex-direction:column;align-items:flex-start;gap:1rem}}.dm-danger-info{flex:1}.dm-danger-info h4{color:#f3f4f6;font-size:1rem;font-weight:600;margin:0 0 .25rem;display:flex;align-items:center;gap:.25rem}[data-theme=light] .dm-danger-info h4{color:#1f2937}.dm-danger-info h4:before{content:"⚠️";font-size:.9rem}.dm-danger-info p{color:#9ca3af;margin:0;font-size:.875rem;line-height:1.5}[data-theme=light] .dm-danger-info p{color:#6b7280}.dm-reset-danger-button{border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:.75rem 1.25rem;border-radius:.75rem;font-size:.875rem;font-weight:500;box-shadow:0 4px 12px #dc262640;border:1px solid rgba(220,38,38,.3);min-width:140px;justify-content:center}.dm-reset-danger-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 6px 16px #dc262659}.dm-reset-danger-button:active{transform:translateY(0);box-shadow:0 2px 8px #dc26264d}[data-theme=light] .dm-reset-danger-button{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 12px #dc262633;border:1px solid rgba(220,38,38,.25)}[data-theme=light] .dm-reset-danger-button:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 6px 16px #dc262640}@media (max-width: 768px){.dm-reset-danger-button{width:100%}}.dm-modal-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}[data-theme=light] .dm-modal-overlay{background:#0f172a99}.dm-modal-content{background:#1f2937;border-radius:1rem;padding:1.5rem;width:100%;max-width:450px;border:1px solid rgba(255,255,255,.1);box-shadow:0 25px 50px #00000040}[data-theme=light] .dm-modal-content{background:#fff;border:1px solid rgba(99,102,241,.15);box-shadow:0 25px 50px #0f172a26}.dm-modal-content h4{color:#f3f4f6;font-size:1.25rem;font-weight:600;margin-top:0;margin-bottom:.75rem}[data-theme=light] .dm-modal-content h4{color:#1f2937}.dm-modal-content p{color:#9ca3af;margin-bottom:1.5rem;font-size:.9375rem}[data-theme=light] .dm-modal-content p{color:#6b7280}.dm-modal-actions{display:flex;justify-content:flex-end;gap:.75rem}.dm-query-input-container{position:relative}.dm-query-input{background-color:#111827b3;border:1px solid rgba(75,85,99,.4);border-radius:.75rem;color:#fff;font-size:.9375rem;outline:none;transition:all .2s ease;width:100%;padding:1rem;resize:none}.dm-query-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}[data-theme=light] .dm-query-input{background-color:#f9fafbe6;border:1px solid rgba(99,102,241,.25);color:#1f2937}[data-theme=light] .dm-query-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #6366f133}.dm-query-results h4{margin-top:1.5rem;margin-bottom:1rem;font-size:1rem;font-weight:600;color:#f3f4f6;display:flex;align-items:center;gap:.5rem}[data-theme=light] .dm-query-results h4{color:#1f2937}.dm-loading-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 0;color:#9ca3af}[data-theme=light] .dm-loading-results{color:#6b7280}.dm-spinner{width:32px;height:32px;border:3px solid rgba(99,102,241,.3);border-radius:50%;border-top-color:#6366f1;animation:spin 1s linear infinite;margin-bottom:1rem}[data-theme=light] .dm-spinner{border:3px solid rgba(99,102,241,.1);border-top-color:#4f46e5}.dm-results-list{list-style:none;padding:0;margin:0;max-height:350px;overflow-y:auto}.dm-result-item{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem;border-radius:8px;margin-bottom:.5rem;background:#ffffff0d;cursor:pointer;transition:all .2s ease}[data-theme=light] .dm-result-item{background:#f9fafbcc;border:1px solid rgba(99,102,241,.1)}.dm-result-item:hover{background:#6366f11a}[data-theme=light] .dm-result-item:hover{background:#6366f10d;border-color:#6366f14d}.dm-result-item.selected{background:#6366f126;border-left:3px solid #6366f1}[data-theme=light] .dm-result-item.selected{background:#6366f114;border-left:3px solid #4f46e5}.dm-result-type{display:flex;flex-direction:column;align-items:center;font-size:1.25rem;color:#6366f1;margin-right:.75rem;min-width:32px}[data-theme=light] .dm-result-type{color:#4f46e5}.dm-result-type-text{font-size:.7rem;margin-top:.25rem}.dm-result-content{flex:1;padding-right:.5rem}.dm-result-content p{margin:0 0 .25rem;font-size:.875rem}[data-theme=light] .dm-result-content p{color:#1f2937}.dm-result-source{font-size:.75rem;color:#9ca3af}[data-theme=light] .dm-result-source{color:#6b7280}.dm-result-confidence{min-width:50px;display:flex;justify-content:flex-end}.dm-confidence-badge{padding:.25rem .5rem;border-radius:1rem;font-size:.75rem;font-weight:600}.dm-error-message{background:#ef44441a;border-radius:.5rem;padding:.75rem 1rem;margin:1rem 0;border-left:3px solid #ef4444}[data-theme=light] .dm-error-message{background:#ef44440d;border-left:3px solid #ef4444}.dm-error-message p{color:#fca5a5;margin:0;font-size:.875rem}[data-theme=light] .dm-error-message p{color:#ef4444}@media (max-width: 1200px){.data-management-row{flex-direction:column;flex-wrap:nowrap}.data-management-col{flex:1 1 100%}}@media (max-width: 768px){.data-management-page{padding:1rem;margin:0}.dm-dashboard-header{margin-right:0;margin-bottom:2rem}.dm-dashboard-header h2{font-size:1.875rem}.dm-dashboard-header p{font-size:1rem;margin-bottom:1rem}.dm-upload-section,.dm-query-section,.dm-url-upload-section{padding:1rem}.dm-upload-area{padding:2rem 1rem}.dm-detail-actions{flex-direction:column}.dm-detail-actions .dm-action-button{width:100%;justify-content:center}.dm-upload-actions,.dm-url-actions{flex-direction:column;width:100%}.dm-upload-actions .dm-upload-submit-btn,.dm-upload-actions .dm-secondary-button,.dm-url-actions .dm-upload-submit-btn,.dm-url-actions .dm-secondary-button{width:100%;justify-content:center}.dm-files-list ul,.dm-urls-list ul{max-height:180px}.dm-url-input-row{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.dm-url-input-row .dm-url-input{width:100%}.dm-url-input-row .dm-add-url-btn{align-self:flex-end}.dm-file-item,.dm-url-item{flex-direction:column;align-items:flex-start;gap:.5rem}.dm-file-item .dm-file-name,.dm-file-item .dm-url-text,.dm-url-item .dm-file-name,.dm-url-item .dm-url-text{margin-right:0;width:100%;white-space:normal;word-break:break-word}.dm-file-item .dm-file-size,.dm-url-item .dm-file-size{margin-right:0;order:-1;font-size:.75rem}.dm-file-item .dm-remove-file-btn,.dm-file-item .dm-remove-url-btn,.dm-url-item .dm-remove-file-btn,.dm-url-item .dm-remove-url-btn{align-self:flex-end;position:absolute;right:.5rem;top:.5rem}.dm-result-item{flex-direction:column;gap:.5rem}.dm-result-item .dm-result-type{flex-direction:row;margin-right:0;margin-bottom:.25rem;min-width:auto}.dm-result-item .dm-result-content{padding-right:0;width:100%}.dm-result-item .dm-result-confidence{align-self:flex-end}.dm-modal-content{margin:1rem;max-width:calc(100% - 2rem)}.dm-modal-actions{flex-direction:column;gap:.5rem}.dm-modal-actions button{width:100%;justify-content:center}}@media (max-width: 480px){.data-management-page{padding:.75rem}.dm-dashboard-header h2{font-size:1.75rem}.dm-dashboard-header:after{width:60px;height:3px}.dm-upload-section,.dm-query-section,.dm-url-upload-section{padding:.75rem}.dm-upload-area{padding:1.5rem .75rem}.dm-upload-area .dm-upload-icon{font-size:2.5rem}.dm-modal-content{padding:1rem}}.dm-upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:8px;padding:1.5rem 1.25rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:all .2s ease;background:#ffffff05;margin-bottom:1.25rem}[data-theme=light] .dm-upload-area{border:2px dashed rgba(99,102,241,.3);background:#6366f105}.dm-upload-area.dragging{border-color:#6366f1;background:#6366f11a}.dm-upload-area.has-files{padding:1rem;background:#ffffff08}[data-theme=light] .dm-upload-area.has-files{background:#6366f108}.dm-upload-icon{font-size:2.5rem;color:#ffffff4d;margin-bottom:.75rem}[data-theme=light] .dm-upload-icon{color:#6366f14d}.dm-file-input{display:none}.dm-upload-hint{font-size:.875rem;color:#ffffff80;margin-top:.75rem}[data-theme=light] .dm-upload-hint{color:#6366f199}.dm-files-list{width:100%}.dm-files-list h4{color:#f3f4f6;font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}[data-theme=light] .dm-files-list h4{color:#1f2937}.dm-files-list ul{list-style:none;padding:0;margin:0;max-height:220px;overflow-y:auto;border-radius:.5rem;background:#0000001a;padding:.5rem;margin-bottom:1rem}[data-theme=light] .dm-files-list ul{background:#0000000d}.dm-file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff0d;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s ease}.dm-file-item:last-child{margin-bottom:0}[data-theme=light] .dm-file-item{background:#fff;border:1px solid rgba(99,102,241,.1)}.dm-file-item:hover{background:#ffffff14}[data-theme=light] .dm-file-item:hover{background:#f9fafb;border-color:#6366f133}.dm-file-name{flex:1;font-size:.9rem;color:#e5e7eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:1rem}[data-theme=light] .dm-file-name{color:#4b5563}.dm-file-size{font-size:.8rem;color:#9ca3af;margin-right:1rem;white-space:nowrap}[data-theme=light] .dm-file-size{color:#6b7280}.dm-url-input-container{display:flex;flex-direction:column;width:100%;margin-top:1.5rem;padding:.5rem 0}.dm-url-input-row{display:flex;align-items:center;gap:.75rem;margin-bottom:2rem}.dm-url-input{background-color:#111827b3;border:1px solid rgba(75,85,99,.4);border-radius:.75rem;color:#fff;font-size:.9375rem;outline:none;transition:all .2s ease;flex:1;padding:1rem 1.25rem;height:3rem}.dm-url-input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f14d}[data-theme=light] .dm-url-input{background-color:#f9fafbe6;border:1px solid rgba(99,102,241,.25);color:#1f2937}[data-theme=light] .dm-url-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #6366f133}.dm-urls-list{margin-top:2rem;width:100%}.dm-urls-list h4{color:#f3f4f6;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}[data-theme=light] .dm-urls-list h4{color:#1f2937}.dm-urls-list ul{list-style:none;padding:0;margin:0;max-height:220px;overflow-y:auto;border-radius:.5rem;background:#0000001a;padding:.5rem;margin-bottom:1rem}[data-theme=light] .dm-urls-list ul{background:#0000000d}.dm-url-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background:#ffffff0d;border-radius:.5rem;margin-bottom:.5rem;transition:all .2s ease}.dm-url-item:last-child{margin-bottom:0}[data-theme=light] .dm-url-item{background:#fff;border:1px solid rgba(99,102,241,.1)}.dm-url-item:hover{background:#ffffff14}[data-theme=light] .dm-url-item:hover{background:#f9fafb;border-color:#6366f133}.dm-url-text{flex:1;font-size:.9rem;color:#e5e7eb;overflow:hidden;text-overflow:ellipsis;margin-right:1rem;word-break:break-all}[data-theme=light] .dm-url-text{color:#4b5563}.dm-upload-status{margin-top:2rem;padding:1rem 1.25rem;border-radius:.5rem;font-size:.95rem;transition:all .3s ease}.dm-upload-status.success{background:#10b9811a;border-left:4px solid #10b981;color:#ecfdf5}[data-theme=light] .dm-upload-status.success{background:#10b9810d;color:#059669}.dm-upload-status.error{background:#ef44441a;border-left:4px solid #ef4444;color:#fef2f2}[data-theme=light] .dm-upload-status.error{background:#ef44440d;color:#dc2626}.dm-upload-status p{margin:0!important;line-height:1.6}.dm-business-profile-section{background-color:#fff;border-radius:12px;box-shadow:0 5px 20px #0000000d;overflow:hidden;position:relative;margin-bottom:15px;border-bottom:3px solid rgba(99,102,241,.1)}.dark-theme .dm-business-profile-section{background-color:#1e1e2d;box-shadow:0 5px 20px #00000026;border-bottom-color:#818cf826}.dark-theme .dm-business-profile-section:after{opacity:.3}.dm-business-profile-section h3{padding:1.5rem;margin:0;font-size:1.2rem;font-weight:600;display:flex;align-items:center;justify-content:space-between}.dm-business-profile-section h3 svg{margin-right:8px;color:#6366f1}.dark-theme .dm-business-profile-section h3 svg{color:#818cf8}.dm-business-profile-section p{margin:-1rem 0 1rem 1.5rem;font-size:.95rem}.dark-theme .dm-business-profile-section p{color:#9ca3af}.dm-profile-display{background-color:#fff;animation:slideIn .5s ease-out}.dark-theme .dm-profile-display{background-color:#1e1e2d}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.dm-profile-hero-section{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2.5rem;position:relative;overflow:hidden}.dark-theme .dm-profile-hero-section{background:linear-gradient(135deg,#434190,#553c9a)}.dm-profile-hero-content{display:flex;align-items:center;gap:2rem;position:relative;z-index:2}@media (max-width: 768px){.dm-profile-hero-content{flex-direction:column;text-align:center}}.dm-profile-hero-section:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:200%;background:#ffffff1a;transform:rotate(-30deg);z-index:1}.dm-logo-showcase{display:flex;justify-content:center;align-items:center}.dm-business-logo-hero{width:120px;height:120px;border-radius:50%;object-fit:cover;border:4px solid rgba(255,255,255,.3);box-shadow:0 10px 25px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.dm-business-logo-hero:hover{transform:scale(1.05);box-shadow:0 15px 30px #00000026}.dm-logo-placeholder{width:120px;height:120px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center;font-size:3rem;color:#fff;border:4px solid rgba(255,255,255,.3)}.dm-business-hero-details{flex:1}.dm-business-name{font-size:2.25rem;font-weight:700;margin:0 0 .5rem;letter-spacing:-.02em}.dm-business-tagline{font-size:1.125rem;font-weight:400;margin:0 0 1.25rem;color:#fffffff2;max-width:90%;line-height:1.5;text-shadow:0 1px 2px rgba(0,0,0,.2);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@media (max-width: 768px){.dm-business-tagline{max-width:100%}}.dm-business-domain-badge{display:inline-block;padding:.5rem 1rem;background-color:#fff3;border-radius:2rem;font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);transition:background-color .3s ease,transform .3s ease}.dm-business-domain-badge:hover{background-color:#ffffff4d;transform:translateY(-2px)}.dm-business-domain-badge a{color:#fff;text-decoration:none}.dm-business-domain-badge .not-set{color:#ffffffb3}.dm-profile-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;padding:1.5rem}@media (max-width: 768px){.dm-profile-cards-grid{grid-template-columns:1fr}}.dm-profile-card{background-color:#fff;border-radius:12px;box-shadow:0 2px 4px #00000008,0 4px 8px -2px #0000000d;overflow:hidden;border:1px solid rgba(0,0,0,.03)}.dark-theme .dm-profile-card{background-color:#1f2937;box-shadow:0 2px 4px #00000014,0 4px 8px -2px #0000001a;border-color:#ffffff08}.dm-card-header{padding:1.25rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid #e5e7eb}.dark-theme .dm-card-header{border-bottom-color:#374151}.dm-card-header h4{margin:0;font-weight:600;font-size:1rem}.dark-theme .dm-card-header h4{color:#e5e7eb}.dm-card-icon{font-size:1.5rem;color:#6366f1}.dark-theme .dm-card-icon{color:#818cf8}.dm-card-business .dm-card-icon{color:#8b5cf6}.dark-theme .dm-card-business .dm-card-icon{color:#a78bfa}.dm-card-contact .dm-card-icon{color:#10b981}.dark-theme .dm-card-contact .dm-card-icon{color:#34d399}.dm-card-operations .dm-card-icon{color:#f59e0b}.dark-theme .dm-card-operations .dm-card-icon{color:#fbbf24}.dm-card-content{padding:1.25rem}.dm-info-item{display:flex;align-items:flex-start;margin-bottom:1.25rem;gap:.75rem}.dm-info-item:last-child{margin-bottom:0}.dm-info-icon{font-size:1.25rem;flex-shrink:0;width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border-radius:10px}.dark-theme .dm-info-icon{background-color:#374151}.dm-info-details{flex:1}.dm-info-label{display:block;font-size:.825rem;font-weight:500;color:#6b7280;margin-bottom:.25rem}.dark-theme .dm-info-label{color:#9ca3af}.dm-info-value{font-size:.95rem;word-break:break-word}.dark-theme .dm-info-value{color:#e5e7eb}.dm-info-value .not-set{color:#94a3b8;font-style:italic}.dark-theme .dm-info-value .not-set{color:#64748b}.dm-profile-edit-form{position:relative;padding:1rem;background:#fff;border-radius:12px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(230,230,230,.8);overflow:hidden;animation:fadeInScale .6s ease-out;z-index:10}.dm-profile-edit-form:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,transparent 65%,rgba(99,102,241,.08) 75%,transparent 85%);background-size:200% 200%;animation:shine 3s infinite linear;pointer-events:none;z-index:-1}.dark-theme .dm-profile-edit-form{background:#1f2937;color:#e5e7eb;border-color:#374151}.dark-theme .dm-profile-edit-form:after{background:linear-gradient(45deg,transparent 65%,rgba(255,255,255,.05) 75%,transparent 85%)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shine{0%{background-position:-100% -100%}to{background-position:100% 100%}}.dm-profile-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:1.5rem;position:relative;z-index:2}@media (max-width: 768px){.dm-profile-form-grid{grid-template-columns:1fr}}.dm-form-group{display:flex;flex-direction:column;position:relative;transition:transform .3s ease}.dm-form-group:hover{transform:translateY(-3px)}.dm-form-group.col-full{grid-column:span 2}@media (max-width: 768px){.dm-form-group.col-full{grid-column:span 1}}.dm-form-group.col-half,.dm-form-group.col-third{grid-column:span 1}@media (min-width: 992px){.dm-form-group.col-third{grid-column:span 2/3}}.dm-form-group label{font-weight:600;margin-bottom:8px;color:#111827;font-size:.9rem;display:flex;align-items:center;transition:color .2s ease}.dm-form-group label:before{content:"•";margin-right:6px;color:#6366f1;font-size:1.2rem;line-height:0}.dark-theme .dm-form-group label{color:#e5e7eb}.dm-form-group input,.dm-form-group textarea{padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;background-color:#fff;box-shadow:0 2px 4px #0000000d;transition:all .3s ease;color:#111827}.dm-form-group input:hover,.dm-form-group textarea:hover{background-color:#f9fafb;border-color:#d1d5db}.dm-form-group input:focus,.dm-form-group textarea:focus{border-color:#6366f1;outline:none;background-color:#fff;box-shadow:0 0 0 4px #6366f126}.dark-theme .dm-form-group input,.dark-theme .dm-form-group textarea{background-color:#1f2937;color:#e5e7eb;border-color:#4b5563;box-shadow:0 2px 4px #0003}.dark-theme .dm-form-group input:hover,.dark-theme .dm-form-group textarea:hover{background-color:#262f3e;border-color:#6b7280}.dark-theme .dm-form-group input:focus,.dark-theme .dm-form-group textarea:focus{border-color:#818cf8;background-color:#111827;box-shadow:0 0 0 4px #818cf826}.dm-form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.dm-profile-form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid rgba(229,231,235,.5);position:relative}.dm-profile-form-actions:before{content:"";position:absolute;top:-1px;left:0;width:100px;height:1px;background:linear-gradient(90deg,#6366f1,transparent)}.dark-theme .dm-profile-form-actions{border-top-color:#37415180}.dark-theme .dm-profile-form-actions:before{background:linear-gradient(90deg,#818cf8,transparent)}.dm-profile-form-actions button{position:relative;overflow:hidden}.dm-profile-form-actions button:after{content:"";position:absolute;width:100%;height:100%;top:0;left:-100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:left .5s ease}.dm-profile-form-actions button:hover:after{left:100%}.dm-profile-status{margin-top:1.5rem;padding:14px 18px;border-radius:12px;font-size:.95rem;position:relative;overflow:hidden;animation:fadeIn .5s ease}.dm-profile-status:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.dm-profile-status.success{background-color:#10b98114;color:#10b981;box-shadow:0 4px 12px #10b9811a}.dm-profile-status.success:before{background-color:#10b981}.dark-theme .dm-profile-status.success{background-color:#10b9811a;color:#34d399;box-shadow:0 4px 12px #10b98126}.dm-profile-status.error{background-color:#ef444414;color:#ef4444;box-shadow:0 4px 12px #ef44441a}.dm-profile-status.error:before{background-color:#ef4444}.dark-theme .dm-profile-status.error{background-color:#ef44441a;color:#f87171;box-shadow:0 4px 12px #ef444426}.dm-profile-status p{margin:0;padding-left:10px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dm-logo-upload-container{display:flex;align-items:center;gap:1.5rem;position:relative}.dm-logo-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #6366f140;position:relative;overflow:hidden}.dm-logo-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#fff3,#fff0);transition:left .5s ease}.dm-logo-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d}.dm-logo-button:hover:before{left:100%}.dm-logo-button:active{transform:translateY(1px);box-shadow:0 2px 8px #6366f133}.dark-theme .dm-logo-button{background:linear-gradient(135deg,#818cf8,#6366f1);box-shadow:0 4px 12px #818cf84d}.dark-theme .dm-logo-button:hover{box-shadow:0 6px 16px #818cf866}.dm-logo-preview{width:100px;height:100px;border-radius:50%;overflow:hidden;border:3px solid white;box-shadow:0 8px 16px #0000001a;transition:all .3s ease;position:relative}.dm-logo-preview:hover{transform:scale(1.05);box-shadow:0 12px 24px #00000026}.dm-logo-preview:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 70% 30%,rgba(255,255,255,.2),transparent 60%);pointer-events:none}.dark-theme .dm-logo-preview{border-color:#1f2937;box-shadow:0 8px 16px #00000040}.dm-logo-preview img{width:100%;height:100%;object-fit:cover}.dm-business-profile .dm-primary-button{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.95rem;box-shadow:0 4px 12px #6366f140;transition:all .3s ease;display:flex;align-items:center;gap:8px}.dm-business-profile .dm-primary-button svg{font-size:1.2rem}.dm-business-profile .dm-primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d;background:linear-gradient(135deg,#818cf8,#6366f1)}.dm-business-profile .dm-primary-button:active{transform:translateY(1px);box-shadow:0 2px 8px #6366f133}.dark-theme .dm-business-profile .dm-primary-button{background:linear-gradient(135deg,#818cf8,#6366f1)}.dark-theme .dm-business-profile .dm-primary-button:hover{background:linear-gradient(135deg,#93c5fd,#818cf8)}.dm-business-profile .dm-secondary-button{background:#fffc;color:#4b5563;border:2px solid #e5e7eb;padding:10px 22px;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dm-business-profile .dm-secondary-button:hover{background:#fff;border-color:#d1d5db;transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.dm-business-profile .dm-secondary-button:active{transform:translateY(1px)}.dark-theme .dm-business-profile .dm-secondary-button{background:#1f2937cc;color:#e5e7eb;border-color:#4b5563}.dark-theme .dm-business-profile .dm-secondary-button:hover{background:#1f2937;border-color:#6b7280;box-shadow:0 4px 12px #0003}.dm-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s linear infinite;margin-right:6px}.dm-faq-documents-manager{padding:1.25rem;flex:1;display:flex;flex-direction:column;min-height:400px}.dm-faq-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.dm-faq-header .dm-faq-title-section{flex:1}.dm-faq-header .dm-faq-title-section h3{display:flex;align-items:center;gap:.5rem;margin:0 0 .25rem;color:#f3f4f6;font-size:1.25rem;font-weight:600}[data-theme=light] .dm-faq-header .dm-faq-title-section h3{color:#1f2937;font-weight:700}.dm-faq-header .dm-faq-title-section p{margin:0;color:#9ca3af;font-size:.95rem}[data-theme=light] .dm-faq-header .dm-faq-title-section p{color:#6b7280}.dm-faq-header .dm-faq-actions{flex-shrink:0}.dm-refresh-btn{border:none;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:#1f2937;border:1px solid rgba(75,85,99,.3);border-radius:8px;color:#9ca3af;transition:all .2s ease}[data-theme=light] .dm-refresh-btn{background-color:#fff;border-color:#6366f11f;color:#6b7280}.dm-refresh-btn:hover:not(:disabled){background-color:#111827;color:#f3f4f6}[data-theme=light] .dm-refresh-btn:hover:not(:disabled){background-color:#f9fafb;color:#1f2937}.dm-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.dm-refresh-btn svg{font-size:1.125rem}.dm-refresh-btn svg.spinning{animation:spin 1s linear infinite}.dm-error-message{display:flex;align-items:flex-start;gap:.5rem;padding:.75rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;margin-bottom:1rem}.dm-error-message .dm-error-icon{color:#ef4444;flex-shrink:0;margin-top:2px}.dm-error-message .dm-error-content{flex:1}.dm-error-message .dm-error-content p{margin:0 0 .25rem;color:#dc2626;font-size:.875rem;font-weight:500}.dm-error-message .dm-error-content small{color:#991b1b;font-size:.75rem;line-height:1.4}.dm-success-message{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;margin-bottom:1rem}.dm-success-message .dm-success-icon{color:#10b981;flex-shrink:0}.dm-success-message p{margin:0;color:#16a34a;font-size:.875rem;font-weight:500}.dm-loading-files{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;color:#9ca3af}[data-theme=light] .dm-loading-files{color:#6b7280}.dm-loading-files .dm-spinner{width:32px;height:32px;border:3px solid rgba(75,85,99,.3);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:.75rem}[data-theme=light] .dm-loading-files .dm-spinner{border-color:#6366f11f;border-top-color:#6366f1}.dm-loading-files p{margin:0;font-size:.95rem}.dm-faq-content{flex:1;display:flex;flex-direction:column}.dm-no-files{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;text-align:center;color:#9ca3af;flex:1}[data-theme=light] .dm-no-files{color:#6b7280}.dm-no-files .dm-no-files-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.dm-no-files h4{margin:0 0 .5rem;color:#f3f4f6;font-size:1.125rem;font-weight:600}[data-theme=light] .dm-no-files h4{color:#1f2937}.dm-no-files p{margin:0 0 .25rem;font-size:.95rem}.dm-no-files small{font-size:.825rem;opacity:.7}.dm-files-summary{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid rgba(75,85,99,.3);margin-bottom:1rem}[data-theme=light] .dm-files-summary{border-bottom-color:#6366f11f}.dm-files-summary .dm-files-count{font-weight:600;color:#f3f4f6;font-size:.95rem}[data-theme=light] .dm-files-summary .dm-files-count{color:#1f2937}.dm-files-summary .dm-files-size{color:#9ca3af;font-size:.875rem}[data-theme=light] .dm-files-summary .dm-files-size{color:#6b7280}.dm-files-list{flex:1;display:flex;flex-direction:column;gap:.5rem}.dm-file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#1f2937;border:1px solid rgba(75,85,99,.3);border-radius:8px;transition:all .2s ease}[data-theme=light] .dm-file-item{background-color:#fff;border-color:#6366f11f}.dm-file-item:hover{background-color:#111827;border-color:#6366f14d}[data-theme=light] .dm-file-item:hover{background-color:#f9fafb;border-color:#6366f133}.dm-file-info{display:flex;align-items:center;flex:1;min-width:0}.dm-file-info .dm-file-icon{margin-right:.75rem;color:#6366f1;font-size:1.25rem;flex-shrink:0}.dm-file-info .dm-file-details{flex:1;min-width:0}.dm-file-info .dm-file-details .dm-file-name{font-weight:500;color:#f3f4f6;font-size:.95rem;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-theme=light] .dm-file-info .dm-file-details .dm-file-name{color:#1f2937}.dm-file-info .dm-file-details .dm-file-meta{display:flex;align-items:center;color:#9ca3af;font-size:.8rem}[data-theme=light] .dm-file-info .dm-file-details .dm-file-meta{color:#6b7280}.dm-file-info .dm-file-details .dm-file-meta .dm-file-separator{margin:0 .25rem;opacity:.5}.dm-file-actions{display:flex;align-items:center;gap:.25rem;flex-shrink:0}.dm-action-btn{border:none;cursor:pointer;font-weight:500;gap:.5rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;font-size:.875rem;transition:all .2s ease;text-decoration:none}.dm-action-btn.dm-download-btn{background-color:#1f2937;border:1px solid rgba(75,85,99,.3);color:#9ca3af}[data-theme=light] .dm-action-btn.dm-download-btn{background-color:#fff;border-color:#6366f11f;color:#6b7280}.dm-action-btn.dm-download-btn:hover{background-color:#111827;border-color:#6366f14d;color:#f3f4f6}[data-theme=light] .dm-action-btn.dm-download-btn:hover{background-color:#f9fafb;border-color:#6366f133;color:#1f2937}.dm-action-btn.dm-delete-btn{background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#ef4444}.dm-action-btn.dm-delete-btn:hover:not(:disabled){background-color:#ef444426;border-color:#ef44444d;color:#dc2626}.dm-action-btn.dm-delete-btn:disabled{opacity:.6;cursor:not-allowed}.dm-delete-loading{display:flex;align-items:center;justify-content:center}.dm-spinner-tiny{width:12px;height:12px;border:2px solid rgba(239,68,68,.3);border-top:2px solid #ef4444;border-radius:50%;animation:spin 1s linear infinite}[data-theme=dark] .dm-error-message{background-color:#ef444426;border-color:#ef444440}[data-theme=dark] .dm-error-message .dm-error-content p{color:#fca5a5}[data-theme=dark] .dm-error-message .dm-error-content small{color:#fecaca}[data-theme=dark] .dm-success-message{background-color:#22c55e26;border-color:#22c55e40}[data-theme=dark] .dm-success-message p{color:#86efac}[data-theme=dark] .dm-action-btn.dm-delete-btn{background-color:#ef444433;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .dm-action-btn.dm-delete-btn:hover:not(:disabled){background-color:#ef444440;border-color:#ef444466;color:#fecaca}[data-theme=dark] .dm-spinner-tiny{border-color:#ef444466;border-top-color:#fca5a5}.dm-timezone-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border-radius:8px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#0f172a;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.dm-timezone-select:hover{border-color:#94a3b8;background-color:#fff}.dm-timezone-select:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f126}.dm-timezone-select.has-error{border-color:#ef4444;background-color:#fef2f2}.dm-timezone-select.has-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}[data-theme=dark] .dm-timezone-select{background-color:#1e293b;border-color:#475569;color:#e2e8f0}[data-theme=dark] .dm-timezone-select:hover{border-color:#64748b;background-color:#334155}[data-theme=dark] .dm-timezone-select:focus{border-color:#8b5cf6;background-color:#334155;box-shadow:0 0 0 3px #8b5cf626}.dm-creative-divider{display:flex;align-items:center;width:100%;margin:30px 0 25px;padding:0 20px;position:relative}.dm-creative-divider:before{content:"";position:absolute;top:-15px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.05) 20%,rgba(var(--primary-rgb),.1) 50%,rgba(var(--primary-rgb),.05) 80%,transparent 100%)}.dm-creative-divider .dm-divider-line{height:3px;flex-grow:1;background:linear-gradient(90deg,rgba(var(--primary-rgb),.1),rgba(var(--primary-rgb),.5),rgba(var(--primary-rgb),.1));box-shadow:0 1px 3px #00000014;border-radius:3px;position:relative}.dm-creative-divider .dm-divider-line:after{content:"";position:absolute;top:100%;left:0;right:0;height:1px;background:#fffc;box-shadow:0 1px 2px #0000000d}.dm-creative-divider .dm-divider-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;margin:0 20px;border-radius:50%;background:linear-gradient(135deg,rgba(var(--primary-rgb),.2),rgba(var(--primary-rgb),.4));color:var(--primary-color);font-size:1.3rem;box-shadow:0 4px 8px #0000001f;transform:translateY(-2px);border:2px solid rgba(255,255,255,.8);position:relative;z-index:2}.dm-creative-divider .dm-divider-icon:after{content:"";position:absolute;top:-6px;left:-6px;right:-6px;bottom:-6px;border-radius:50%;border:1px dashed rgba(var(--primary-rgb),.3);animation:spin 15s linear infinite}.dm-creative-divider .dm-divider-icon svg{width:24px;height:24px;animation:pulse 2s infinite;filter:drop-shadow(0 2px 3px rgba(0,0,0,.15))}.dark-theme .dm-creative-divider:before{background:linear-gradient(90deg,transparent 0%,rgba(var(--primary-rgb),.03) 20%,rgba(var(--primary-rgb),.08) 50%,rgba(var(--primary-rgb),.03) 80%,transparent 100%)}.dark-theme .dm-creative-divider .dm-divider-line{background:linear-gradient(90deg,rgba(var(--primary-rgb),.05),rgba(var(--primary-rgb),.35),rgba(var(--primary-rgb),.05))}.dark-theme .dm-creative-divider .dm-divider-line:after{background:#1f293780}.dark-theme .dm-creative-divider .dm-divider-icon{background:linear-gradient(135deg,rgba(var(--primary-rgb),.25),rgba(var(--primary-rgb),.45));box-shadow:0 4px 10px #00000040;border-color:#1f2937cc}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.dm-business-profile-section h3{display:flex;align-items:center;justify-content:space-between}.dm-business-profile-section h3 .dm-edit-profile-btn{display:flex;align-items:center;background-color:#4a6cf7;border:none;color:#fff;cursor:pointer;margin-left:auto;padding:6px 12px;font-size:.9rem;font-weight:500;border-radius:10px;transition:all .2s ease;box-shadow:0 2px 4px #4a6cf740}.dm-business-profile-section h3 .dm-edit-profile-btn svg{margin-right:6px;font-size:1rem}.dm-business-profile-section h3 .dm-edit-profile-btn span{display:inline-block;line-height:1}.dm-business-profile-section h3 .dm-edit-profile-btn:hover{background-color:#3955d1;transform:translateY(-1px);box-shadow:0 3px 6px #4a6cf759}.dm-business-profile-section h3 .dm-edit-profile-btn:active{background-color:#2e48c0;transform:translateY(1px);box-shadow:0 1px 2px #4a6cf733}.dark-theme .dm-business-profile-section h3 .dm-edit-profile-btn{background-color:#5d7bf9;box-shadow:0 2px 6px #5d7bf94d}.dark-theme .dm-business-profile-section h3 .dm-edit-profile-btn:hover{background-color:#4a6cf7}.dark-theme .dm-business-profile-section h3 .dm-edit-profile-btn:active{background-color:#3955d1}.dm-business-profile-section h3 svg{margin-right:5px;transform:translateY(-2px)}.dm-business-hours-container{width:100%;margin-top:.5rem}.dm-hours-options-container{display:flex;gap:20px;width:100%;margin-bottom:24px}@media (max-width: 480px){.dm-hours-options-container{flex-direction:column}}.dm-twenty-four-seven-option{background-color:#007bff0d;border-radius:8px;padding:16px;border:1px solid rgba(0,123,255,.2);flex:1}.dm-standard-hours-option{background-color:#28a7450d;border-radius:8px;padding:16px;border:1px solid rgba(40,167,69,.2);flex:1}.dm-always-open-indicator{margin-top:12px;color:#007bff;font-weight:500;font-size:14px;text-align:center;background-color:#007bff1a;padding:8px;border-radius:4px}.dm-standard-hours-indicator{margin-top:12px;color:#28a745;font-weight:500;font-size:14px;text-align:center;background-color:#28a7451a;padding:8px;border-radius:4px}.dm-inactive-indicator{margin-top:12px;color:#6c757d;font-weight:400;font-size:14px;text-align:center;background-color:#6c757d0d;padding:8px;border-radius:4px;border:1px dashed rgba(108,117,125,.2)}.dm-hours-separator{position:relative;text-align:center;margin:24px 0}.dm-hours-separator span{background-color:#f8fafc;padding:0 12px;color:#64748b;font-weight:600;font-size:.875rem;position:relative;z-index:1}.dm-hours-separator hr{border:none;height:1px;background-color:#e2e8f0;position:absolute;top:50%;left:0;right:0;z-index:0}.dm-hours-separator p{margin:8px 0 0;font-size:.8rem;color:#94a3b8}.dm-regular-hours{transition:opacity .3s ease;display:flex;align-items:center;justify-content:center;flex-direction:column}.dm-regular-hours.dimmed{opacity:.5;pointer-events:none}.dm-business-day{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f1f5f9}.dm-business-day:last-child{border-bottom:none}@media (max-width: 1000px){.dm-business-day{flex-direction:column;align-items:flex-start;gap:12px}}.dm-day-name-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;min-width:140px;margin-right:20px}.dm-day-name{font-weight:600;color:#334155;margin-right:1rem;font-size:.95rem}.dm-toggle{position:relative;display:inline-block;width:44px;height:24px;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.dm-toggle input{opacity:0;width:0;height:0;position:absolute}.dm-toggle input[type=checkbox]{display:none}.dm-toggle input[type=checkbox]:checked+.dm-toggle-slider{background-color:#6366f1}.dm-toggle input[type=checkbox]:checked+.dm-toggle-slider:before{transform:translate(20px)}.dm-toggle input:focus+.dm-toggle-slider{box-shadow:0 0 1px #6366f1}.dm-toggle input:checked:focus+.dm-toggle-slider{box-shadow:0 0 1px #4f46e5}.dm-toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.dm-toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.dm-toggle-slider:hover{background-color:#94a3b8}input:checked+.dm-toggle-slider{background-color:#6366f1}input:checked+.dm-toggle-slider:hover{background-color:#4f46e5}input:checked+.dm-toggle-slider:before{transform:translate(20px)}.dm-hours-inputs{display:flex;align-items:center;flex-grow:1;gap:12px}.dm-time-input{width:100px}.dm-time-input input{width:100%;padding:8px 12px;border:1px solid #cbd5e1;border-radius:6px;font-size:.9rem;text-align:center;background-color:#f8fafc;color:#0f172a;transition:all .2s ease}.dm-time-input input:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f126}.dm-time-input input:disabled{background-color:#f1f5f9;color:#94a3b8;cursor:not-allowed}.dm-time-input input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5)!important;opacity:.7!important;cursor:pointer!important}.dm-time-input input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1!important}.dm-time-input input[type=time]{position:relative!important;padding-right:5px!important}.dm-time-input input[type=time]::-ms-clear{display:none!important}.dm-time-separator{margin:0 8px;color:#64748b;font-weight:500;font-size:.9rem}.dm-closed-indicator{color:#94a3b8;font-style:italic;margin-left:.5rem;font-size:.9rem}.dark-theme .dm-business-hours-container .dm-twenty-four-seven-option{background-color:#007bff14;border-color:#007bff4d}.dark-theme .dm-business-hours-container .dm-standard-hours-option{background-color:#28a74514;border-color:#28a7454d}.dark-theme .dm-business-hours-container .dm-always-open-indicator{background-color:#007bff26}.dark-theme .dm-business-hours-container .dm-standard-hours-indicator{background-color:#28a74526}.dark-theme .dm-business-hours-container .dm-inactive-indicator{background-color:#6c757d14}.dark-theme .dm-business-hours-container .dm-hours-separator span{background-color:#1e293b}.dark-theme .dm-business-hours-container .dm-hours-separator hr{background-color:#475569}.dark-theme .dm-business-hours-container .dm-business-day{border-bottom-color:#334155}.dark-theme .dm-business-hours-container .dm-day-name{color:#e2e8f0}.dark-theme .dm-business-hours-container .dm-time-input input{background-color:#1e293b;border-color:#475569;color:#e2e8f0}.dark-theme .dm-business-hours-container .dm-time-input input:focus{border-color:#8b5cf6;background-color:#334155;box-shadow:0 0 0 3px #8b5cf626}.dark-theme .dm-business-hours-container .dm-time-input input:disabled{background-color:#0f172a;color:#64748b}.dark-theme .dm-business-hours-container .dm-time-input input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8)!important}.dark-theme .dm-business-hours-container .dm-closed-indicator{color:#64748b}.dm-phone-input-container{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1;background-color:#f8fafc;transition:all .2s ease}.dm-phone-input-container:hover{border-color:#94a3b8}.dm-phone-input-container:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.dm-phone-input-container .dm-phone-country-select{padding:.75rem .5rem;border:none;background-color:transparent;color:#0f172a;font-size:.95rem;cursor:pointer;outline:none;min-width:80px;border-right:1px solid #cbd5e1}.dm-phone-input-container .dm-phone-country-select:focus{outline:none}.dm-phone-input-container .dm-phone-input{flex:1;border:none;background-color:transparent;margin:0;padding:.75rem 1rem;border-radius:0;font-size:.95rem;color:#0f172a}.dm-phone-input-container .dm-phone-input:focus{border:none;box-shadow:none;outline:none}.dm-phone-input-container .dm-phone-input::placeholder{color:#94a3b8}.dark-theme .dm-phone-input-container{background-color:#1e293b;border-color:#475569}.dark-theme .dm-phone-input-container:hover{border-color:#64748b}.dark-theme .dm-phone-input-container:focus-within{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf626}.dark-theme .dm-phone-input-container .dm-phone-country-select{color:#e2e8f0;border-right-color:#475569}.dark-theme .dm-phone-input-container .dm-phone-input{color:#e2e8f0}.dark-theme .dm-phone-input-container .dm-phone-input::placeholder{color:#64748b}.dm-address-row{display:flex;gap:16px;width:100%}.dm-address-row .dm-form-group{flex:1;margin-bottom:0}.dm-address-row .dm-form-group.dm-address-street{flex:3}.dm-address-row .dm-form-group.dm-address-city{flex:2}.dm-address-row .dm-form-group.dm-address-state{flex:1;max-width:120px}.dm-address-row .dm-form-group.dm-address-zip{flex:1;max-width:140px}@media (max-width: 768px){.dm-address-row{flex-direction:column;gap:12px}.dm-address-row .dm-form-group.dm-address-street,.dm-address-row .dm-form-group.dm-address-city,.dm-address-row .dm-form-group.dm-address-state,.dm-address-row .dm-form-group.dm-address-zip{flex:1;max-width:none}}@media (max-width: 480px){.dm-address-row{gap:8px}}.dm-profile-form-grid .dm-address-row{margin-bottom:1.5rem}.voice-features-container{padding:2rem;max-width:1200px;margin:0 auto;background:#fff;min-height:calc(100vh - 2rem)}.voice-features-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.voice-features-header-content{display:flex;align-items:center;gap:1.5rem}.voice-features-icon{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:1rem;color:#fff;font-size:2rem;box-shadow:0 8px 25px #6366f140}.voice-features-title{margin:0 0 .5rem;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.voice-features-subtitle{margin:0;color:#6b7280;font-size:1.1rem;line-height:1.6}.voice-features-tabs-container{display:flex;flex-direction:column;gap:2rem}.voice-features-tabs{display:flex;gap:.5rem;padding:.5rem;background:#f8fafc;border-radius:1rem;border:1px solid #e5e7eb}.voice-features-tab{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:transparent;border:none;border-radius:.75rem;cursor:pointer;transition:all .2s ease;font-weight:500;color:#6b7280;white-space:nowrap}.voice-features-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 8px 25px #6366f140}.voice-features-tab .tab-icon{font-size:1.25rem}.voice-features-tab .tab-label{font-size:1rem}.voice-features-content{background:#fff;border-radius:1rem;border:1px solid #e5e7eb;overflow:hidden;box-shadow:0 4px 6px #0000000d}.pronunciation-dictionary{padding:2rem;background:#fff}.pronunciation-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:2rem;gap:1rem}.pronunciation-title-section h2{display:flex;align-items:center;gap:.75rem;margin:0 0 1rem;font-size:1.875rem;font-weight:700;color:#111827}.pronunciation-title-section h2 .title-icon{color:#6366f1;font-size:2rem}.pronunciation-description{margin:0;color:#6b7280;font-size:1rem;line-height:1.6;max-width:60rem}.refresh-button{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.5rem;cursor:pointer;transition:all .2s ease;color:#6b7280}.refresh-button:disabled{cursor:not-allowed;opacity:.5}.refresh-button:hover:not(:disabled){background:#f1f5f9;border-color:#d1d5db}.status-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;margin-bottom:1.5rem;border-radius:.75rem;font-weight:500;position:relative}.status-message .status-icon{font-size:1.25rem;flex-shrink:0}.status-message .close-button{position:absolute;top:.5rem;right:.75rem;background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:.7}.status-message .close-button:hover{opacity:1}.status-message.error{background:#ef44441a;color:#dc2626;border:1px solid rgba(239,68,68,.2)}.status-message.success{background:#22c55e1a;color:#16a34a;border:1px solid rgba(34,197,94,.2)}.add-rule-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem;margin-bottom:2rem}.add-rule-section h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#111827}.add-rule-form{display:flex;gap:1rem;align-items:end;flex-wrap:wrap}.form-field{display:flex;flex-direction:column;flex:1;min-width:200px}.form-field label{margin-bottom:.5rem;font-weight:500;color:#6b7280;font-size:.875rem}.form-field input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;transition:all .2s ease;background:#fff;color:#111827}.form-field input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.form-field input:disabled{opacity:.5;cursor:not-allowed}.form-field input::placeholder{color:#9ca3af}.add-rule-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-rule-button:hover:not(:disabled){background:linear-gradient(135deg,#5855eb,#7c3aed);transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.add-rule-button:disabled{cursor:not-allowed;opacity:.5}.rules-list-section{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:2rem}.rules-list-section h3{margin:0 0 1.5rem;font-size:1.5rem;font-weight:600;color:#111827}.loading-state{display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;color:#6b7280}.loading-state .loading-icon{font-size:1.5rem;animation:spin 1s linear infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:#6b7280}.empty-state .empty-icon{font-size:3rem;margin-bottom:1rem;opacity:.5}.empty-state h4{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#111827}.empty-state p{margin:0;font-size:1rem}.rules-list{display:flex;flex-direction:column;gap:.75rem}.rule-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e5e7eb;border-radius:.75rem;transition:all .2s ease}.rule-item:hover{background:#f1f5f9;border-color:#d1d5db}.rule-content,.rule-text{display:flex;align-items:center;gap:1rem;flex:1}.rule-text .original-text{font-weight:600;color:#111827;font-size:1rem}.rule-text .arrow{color:#6b7280;font-weight:500}.rule-text .pronunciation-text{font-style:italic;color:#6366f1;font-weight:500}.rule-type-badge{display:inline-block;padding:.25rem .75rem;background:#6366f11a;color:#6366f1;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.remove-rule-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:transparent;border:1px solid #e5e7eb;border-radius:.375rem;cursor:pointer;transition:all .2s ease;color:#6b7280;flex-shrink:0}.remove-rule-button:hover:not(:disabled){background:#fef2f2;border-color:#fecaca;color:#dc2626}.remove-rule-button:disabled{cursor:not-allowed;opacity:.5}[data-theme=dark] .voice-features-container{background-color:#0f172a;color:#e2e8f0}[data-theme=dark] .voice-features-header{border-bottom-color:#334155}[data-theme=dark] .voice-features-title{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] .voice-features-subtitle{color:#cbd5e1}[data-theme=dark] .voice-features-tabs{background:#1e293b;border-color:#334155}[data-theme=dark] .voice-features-tab{color:#94a3b8}[data-theme=dark] .voice-features-tab:hover:not(.active){background:#334155;color:#cbd5e1}[data-theme=dark] .voice-features-tab.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}[data-theme=dark] .voice-features-content{background:#1e293b;border-color:#334155;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .pronunciation-dictionary{background:#1e293b}[data-theme=dark] .pronunciation-title-section h2{color:#f1f5f9}[data-theme=dark] .pronunciation-description{color:#cbd5e1}[data-theme=dark] .refresh-button{background:#334155;border-color:#475569;color:#94a3b8}[data-theme=dark] .refresh-button:hover:not(:disabled){background:#3f4e5f;border-color:#64748b;color:#cbd5e1}[data-theme=dark] .status-message.error{background:#ef444426;color:#fca5a5;border-color:#ef44444d}[data-theme=dark] .status-message.success{background:#22c55e26;color:#6ee7b7;border-color:#22c55e4d}[data-theme=dark] .add-rule-section{background:#334155;border-color:#475569}[data-theme=dark] .add-rule-section h3{color:#f1f5f9}[data-theme=dark] .form-field label{color:#cbd5e1}[data-theme=dark] .form-field input{background:#1e293b;border-color:#475569;color:#f1f5f9}[data-theme=dark] .form-field input:focus{border-color:#6366f1;background:#334155;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .form-field input::placeholder{color:#64748b}[data-theme=dark] .rules-list-section{background:#1e293b;border-color:#334155}[data-theme=dark] .rules-list-section h3{color:#f1f5f9}[data-theme=dark] .loading-state,[data-theme=dark] .empty-state{color:#94a3b8}[data-theme=dark] .empty-state h4{color:#f1f5f9}[data-theme=dark] .rule-item{background:#334155;border-color:#475569}[data-theme=dark] .rule-item:hover{background:#3f4e5f;border-color:#64748b}[data-theme=dark] .rule-text .original-text{color:#f1f5f9}[data-theme=dark] .rule-text .arrow{color:#94a3b8}[data-theme=dark] .rule-text .pronunciation-text{color:#a5b4fc}[data-theme=dark] .rule-type-badge{background:#6366f133;color:#a5b4fc}[data-theme=dark] .remove-rule-button{border-color:#475569;color:#94a3b8}[data-theme=dark] .remove-rule-button:hover:not(:disabled){background:#ef44441a;border-color:#ef44444d;color:#fca5a5}@media (max-width: 768px){.voice-features-container{padding:1rem}.voice-features-header-content{flex-direction:column;text-align:center;gap:1rem}.voice-features-title{font-size:2rem}.voice-features-tabs{flex-direction:column;gap:.5rem}.voice-features-tab{justify-content:center}.pronunciation-header{flex-direction:column;align-items:stretch;gap:1rem}.add-rule-form{flex-direction:column;align-items:stretch}.form-field{min-width:auto}.add-rule-button{align-self:center}.rule-item{flex-direction:column;align-items:stretch;gap:1rem}.rule-content{flex-direction:column;align-items:stretch;gap:.5rem}.rule-text{flex-direction:column;align-items:center;text-align:center;gap:.5rem}.remove-rule-button{align-self:center}}@media (max-width: 480px){.voice-features-title{font-size:1.75rem}.add-rule-section,.rules-list-section,.pronunciation-dictionary{padding:1.5rem}}.onboarding-container{width:100%;height:100%;overflow-y:auto;background-color:#f8fafc;padding:0;margin:0;display:flex;align-items:flex-start;justify-content:center}.onboarding-inner{width:100%;max-width:800px;margin:2rem auto;padding:0 1rem;height:100%}.onboarding-header{margin-bottom:24px}.onboarding-header h1{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:16px}.onboarding-content{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #94a3b81a;overflow:hidden}.onboarding-content p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}.onboarding-card{width:90%;max-width:700px;margin:40px auto;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.onboarding-step{padding:2rem}@media (max-width: 480px){.onboarding-step{padding:1rem}}.onboarding-step-header{margin-bottom:2rem;text-align:center}.onboarding-step-header h1{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:.75rem}.onboarding-step-header p{font-size:1rem;color:#64748b;max-width:500px;margin:0 auto}.form-grid{display:grid;gap:1.5rem;margin-bottom:2rem}.onboarding-form-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.onboarding-form-field{display:flex;flex-direction:column}.onboarding-form-field label{display:block;margin-bottom:.5rem;font-weight:600;color:#334155;font-size:.875rem}input[type=text],input[type=email],input[type=tel],input[type=time],textarea{width:100%;padding:.75rem .5rem;border-radius:8px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#0f172a;font-size:.95rem;transition:all .2s ease}input[type=text]:hover,input[type=email]:hover,input[type=tel]:hover,input[type=time]:hover,textarea:hover{border-color:#94a3b8}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=time]:focus,textarea:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}input[type=text]::placeholder,input[type=email]::placeholder,input[type=tel]::placeholder,input[type=time]::placeholder,textarea::placeholder{color:#94a3b8}.logo-uploader{width:100%;min-height:120px;border:1px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1.5rem;cursor:pointer;transition:all .2s ease;background-color:#f8fafc;gap:1rem}.logo-uploader:hover{border-color:#6366f1;background-color:#6366f108}.upload-icon{width:60px;height:60px;background:#6366f10f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1;transition:all .2s ease;flex-shrink:0}.logo-uploader:hover .upload-icon{transform:scale(1.05);background:#6366f11a}.upload-content{display:flex;flex-direction:column;text-align:left}.upload-title{font-weight:600;color:#334155;margin-bottom:.25rem}.upload-subtitle{font-size:.875rem;color:#475569;font-weight:500;margin-bottom:.25rem}.upload-size-limit{font-size:.8rem;color:#dc2626;font-weight:600;display:block;margin-bottom:.25rem}.upload-formats{font-size:.75rem;color:#64748b;display:block}.logo-info{margin-top:.5rem;text-align:left}.upload-size-limit-small{font-size:.7rem;color:#dc2626;font-weight:600;display:block}.upload-formats-small{font-size:.65rem;color:#64748b;display:block}.logo-requirements{margin-bottom:.5rem}.requirement-text{font-size:.75rem;color:#dc2626;font-weight:500}.logo-preview{width:80px;height:80px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000014;flex-shrink:0}.logo-preview img{width:100%;height:100%;object-fit:cover;border-radius:8px}.logo-actions{flex-grow:1;display:flex;flex-direction:column;justify-content:center;margin-left:1rem}.logo-change{display:flex;align-items:center;color:#6366f1;font-weight:500;font-size:.875rem;cursor:pointer}.logo-change svg{margin-right:.5rem}.hidden-input{display:none}.form-actions{display:flex;justify-content:flex-end;margin-top:2rem}.form-actions.centered{justify-content:center;gap:1rem}.form-actions.centered .btn-secondary{margin-right:0}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #6366f133;min-width:140px;position:relative}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-primary.is-loading{pointer-events:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;background:#fff;color:#6366f1;border:2px solid #6366f1;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:140px;position:relative;margin-right:1rem}.btn-secondary:hover{background:#6366f1;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #6366f133}.btn-secondary:active{transform:translateY(0)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;margin-right:10px;animation:spin .8s linear infinite;display:inline-block}.success-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem}.success-screen h1{font-size:2rem;font-weight:700;color:#1e293b;margin:1.5rem 0 1rem}.success-screen p{font-size:1.1rem;color:#64748b;margin-bottom:2rem}.success-checkmark{width:80px;height:80px;position:relative;margin-bottom:1.5rem}.checkmark-circle{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center}.checkmark-circle:before{content:"";position:absolute;top:3px;left:3px;right:3px;bottom:3px;background-color:#fff;border-radius:50%;z-index:1}.checkmark-stem{position:absolute;width:3px;height:25px;background-color:#6366f1;left:40px;top:22px;z-index:2;transform:rotate(45deg);transform-origin:bottom;animation:grow-stem .5s ease-out .3s forwards;transform:scaleY(0)}.checkmark-kick{position:absolute;width:3px;height:15px;background-color:#6366f1;left:28px;top:42px;z-index:2;transform:rotate(-45deg);transform-origin:top;animation:grow-kick .5s ease-out .5s forwards;transform:scaleY(0)}@keyframes grow-stem{0%{transform:scaleY(0)}to{transform:scaleY(1) rotate(45deg)}}@keyframes grow-kick{0%{transform:scaleY(0)}to{transform:scaleY(1) rotate(-45deg)}}.section-title{font-size:1.125rem;font-weight:600;color:#334155;margin:0 0 1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.business-hours-container{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.business-day{display:flex;align-items:center;padding:.75rem;border-radius:8px;background-color:#f8fafc;border:1px solid #e2e8f0}.day-name-toggle{display:flex;align-items:center;margin-right:1.5rem;flex-shrink:0}.day-name{font-weight:600;color:#334155;margin-right:1rem}.toggle{position:relative;display:inline-block;width:44px;height:24px;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle input[type=checkbox]{display:none}.toggle input[type=checkbox]:checked+.toggle-slider{background-color:#6366f1}.toggle input[type=checkbox]:checked+.toggle-slider:before{transform:translate(20px)}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}.toggle-slider:hover{background-color:#94a3b8}input:checked+.toggle-slider{background-color:#6366f1}input:checked+.toggle-slider:before{transform:translate(20px)}input:checked+.toggle-slider:hover{background-color:#4f46e5}input:focus+.toggle-slider{box-shadow:0 0 1px #6366f1}input:checked:focus+.toggle-slider{box-shadow:0 0 1px #4f46e5}.hours-inputs{display:flex;align-items:center;flex-grow:1}.time-input input{text-align:center}.time-separator{margin:0 .75rem;color:#64748b}.closed-indicator{color:#94a3b8;font-style:italic;margin-left:.5rem}@media (max-width: 1000px){.business-day{flex-direction:column;align-items:flex-start;gap:1rem}.day-name-toggle{margin-right:0;width:100%;justify-content:space-between}.hours-inputs{width:100%;justify-content:flex-start}}.faq-resource-options{display:flex;gap:1rem;margin-bottom:1.5rem}.resource-option{position:relative;flex:1}.resource-option input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid #cbd5e1;border-radius:50%;margin-right:.75rem;vertical-align:middle;position:relative;top:-1px}.resource-option input[type=radio]:checked{border-color:#6366f1}.resource-option input[type=radio]:checked:after{content:"";width:10px;height:10px;background:#6366f1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}.resource-option label{font-weight:500;color:#334155;cursor:pointer}.file-drop-area{width:100%;min-height:150px;border:2px dashed #cbd5e1;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;cursor:pointer;transition:all .2s ease;background-color:#f8fafc}.file-drop-area:hover{border-color:#6366f1;background-color:#6366f108}.file-drop-area.drag-over{border-color:#6366f1;background-color:#6366f10d;box-shadow:0 0 0 3px #6366f11a}.file-icon{width:60px;height:60px;background:#6366f10f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1;margin-bottom:1rem;transition:all .2s ease}.file-message{text-align:center}.file-title{font-weight:600;color:#334155;margin-bottom:.5rem;transition:all .2s ease}.file-drop-area.drag-over .file-title{color:#6366f1}.file-subtitle{font-size:.875rem;color:#64748b}.file-list{width:100%;margin-top:1.5rem;max-height:200px;overflow-y:auto}.file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;border-radius:8px;background-color:#f8fafc;border:1px solid #e2e8f0;margin-bottom:.5rem}.file-item:hover{background-color:#f1f5f9}.file-item:last-child{margin-bottom:0}.file-info{display:flex;align-items:center}.file-type-icon{margin-right:.75rem;color:#6366f1}.file-name{font-size:.875rem;color:#334155;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-file-btn{width:24px;height:24px;border-radius:50%;background-color:#f1f5f9;border:1px solid #e2e8f0;display:flex;align-items:center;justify-content:center;color:#64748b;cursor:pointer;transition:all .2s ease}.remove-file-btn:hover{background-color:#fee2e2;border-color:#fecaca;color:#ef4444}.review-page{padding:2rem}@media (max-width: 480px){.review-page{padding:1rem}.review-logo-name{flex-direction:column;text-align:center}.review-logo-name .review-logo{margin-right:0;margin-bottom:1rem}.review-faq-url,.review-faq-files{flex-direction:column}.review-faq-url svg,.review-faq-files svg{margin-right:0;margin-bottom:.5rem;align-self:flex-start}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.loading-spinner{margin-bottom:1.5rem}.loading-container p{color:#64748b;font-size:1.1rem;margin:0}.review-sections{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.review-section{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #94a3b81a;overflow:hidden;border:1px solid #e2e8f0;transition:all .2s ease}.review-section:hover{box-shadow:0 8px 16px #94a3b826}.review-section-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background-color:#f8fafc;border-bottom:1px solid #e2e8f0}.review-section-icon{width:40px;height:40px;background:#6366f10f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#6366f1;margin-right:1rem}.business-icon{color:#6366f1}.contact-icon{color:#0ea5e9}.hours-icon{color:#f43f5e}.review-section-header h2{font-size:1.25rem;font-weight:600;color:#1e293b;margin:0}.edit-button{display:flex;align-items:center;padding:.5rem .75rem;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-weight:500;font-size:.875rem;cursor:pointer;transition:all .2s ease}.edit-button:hover{background-color:#e2e8f0}.edit-button svg{margin-right:.5rem}.review-content{padding:1.5rem}.review-logo-name{display:flex;align-items:center;margin-bottom:1rem;gap:1.5rem}.review-logo{width:80px;height:80px;min-width:80px;min-height:80px;border-radius:10px;overflow:hidden;box-shadow:0 4px 12px #00000014;flex-shrink:0}.review-logo img{width:100%;height:100%;object-fit:cover;border-radius:8px}.review-name-description{flex:1;min-width:0}.review-name-description h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1e293b;word-wrap:break-word}.review-name-description p{margin:0;color:#64748b;font-size:.95rem;line-height:1.5;word-wrap:break-word}.review-contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.review-contact-item{margin-bottom:1rem}.review-contact-label{font-size:.875rem;font-weight:600;color:#64748b;margin-bottom:.5rem}.review-contact-value{font-size:1rem;color:#1e293b;line-height:1.5}.review-hours-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;margin-bottom:2rem}.review-hours-item{background-color:#f8fafc;border-radius:8px;padding:.875rem;border:1px solid #e2e8f0}.review-hours-day{font-weight:600;color:#334155;margin-bottom:.5rem;font-size:.95rem}.review-hours-time{color:#1e293b;font-size:.875rem}.review-hours-time.closed{color:#94a3b8;font-style:italic}.review-faq-resources h3{font-size:1.125rem;font-weight:600;color:#334155;margin:0 0 1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.review-faq-url{display:flex;align-items:center;background-color:#f8fafc;border-radius:8px;padding:.875rem;border:1px solid #e2e8f0}.review-faq-url svg{margin-right:.75rem;color:#6366f1}.review-faq-url a{color:#6366f1;text-decoration:none;font-size:.95rem;word-break:break-all}.review-faq-url a:hover{text-decoration:underline}.review-faq-files{display:flex;background-color:#f8fafc;border-radius:8px;padding:.875rem;border:1px solid #e2e8f0}.review-faq-files svg{margin-right:.75rem;color:#6366f1;flex-shrink:0;margin-top:2px}.review-files-list{flex-grow:1}.review-file-item{margin-bottom:.5rem;font-size:.95rem;color:#1e293b}.review-file-item:last-child{margin-bottom:0}.review-actions{display:flex;justify-content:center;margin-top:2rem}.review-actions .btn-primary{padding:.875rem 2rem;font-size:1rem}.review-section{animation:fadeInUp .6s ease forwards;opacity:0;transform:translateY(20px)}.review-section:nth-child(1){animation-delay:.1s}.review-section:nth-child(2){animation-delay:.3s}.review-section:nth-child(3){animation-delay:.5s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.faq-completed-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;margin-bottom:1.5rem;text-align:center}.faq-completed-message .success-checkmark{margin-bottom:.75rem}.faq-status-checking{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem;background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:1.5rem;text-align:center}.faq-status-checking p{margin:.5rem 0 0;color:#64748b;font-size:.95rem}.loading-spinner-small{width:24px;height:24px;border:3px solid #e2e8f0;border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.faq-completed-message .success-checkmark svg{width:32px;height:32px}.faq-completed-message h3{font-size:1.1rem;font-weight:600;color:#059669;margin-bottom:.5rem}.existing-files-section{margin-bottom:1.5rem;padding:1rem;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.existing-files-section h3{font-size:1rem;font-weight:600;color:#334155;margin:0 0 1rem}.loading-files{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:#64748b;font-size:.95rem}.existing-files-list{display:flex;flex-direction:column;gap:.5rem}.existing-file-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem;background-color:#fff;border-radius:6px;border:1px solid #e2e8f0;transition:all .2s ease}.existing-file-item:hover{background-color:#f1f5f9;border-color:#cbd5e1}.existing-file-item .file-info{display:flex;align-items:center;flex:1;min-width:0}.existing-file-item .file-type-icon{margin-right:.75rem;color:#6366f1;flex-shrink:0}.existing-file-item .file-details{display:flex;flex-direction:column;min-width:0;flex:1}.existing-file-item .file-name{font-size:.875rem;font-weight:500;color:#334155;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.existing-file-item .file-meta{font-size:.75rem;color:#64748b;margin-top:.25rem}.file-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.download-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background-color:#f1f5f9;border:1px solid #e2e8f0;color:#64748b;text-decoration:none;transition:all .2s ease;flex-shrink:0}.download-btn:hover{background-color:#e2e8f0;border-color:#cbd5e1;color:#475569}.delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;background-color:#fef2f2;border:1px solid #fecaca;color:#dc2626;cursor:pointer;transition:all .2s ease;flex-shrink:0}.delete-btn:hover:not(:disabled){background-color:#fee2e2;border-color:#fca5a5;color:#b91c1c}.delete-btn:disabled{opacity:.6;cursor:not-allowed}.delete-loading{display:flex;align-items:center;justify-content:center}.loading-spinner-tiny{width:12px;height:12px;border:2px solid #fca5a5;border-top:2px solid #dc2626;border-radius:50%;animation:spin 1s linear infinite}.files-error{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1rem}.files-error .error-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.files-error .error-content{flex:1}.files-error p{margin:0 0 .5rem;color:#dc2626;font-size:.875rem;font-weight:500}.files-error small{color:#991b1b;font-size:.75rem;line-height:1.4}.files-error-review{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin-bottom:.5rem}.files-error-review .error-icon{color:#dc2626;flex-shrink:0}.files-error-review .error-text{color:#dc2626;font-size:.875rem;line-height:1.4}.review-existing-files{margin-bottom:1.5rem}.review-existing-files h4{font-size:.95rem;font-weight:600;color:#475569;margin:0 0 .75rem}.review-new-resources{margin-bottom:1.5rem}.review-new-resources h4{font-size:.95rem;font-weight:600;color:#475569;margin:0 0 .75rem}.loading-files-review{display:flex;align-items:center;gap:.5rem;color:#64748b;font-size:.875rem}.review-files-list.existing .review-file-item.existing{display:flex;align-items:center;padding:.5rem 0;border-bottom:1px solid #f1f5f9}.review-files-list.existing .review-file-item.existing:last-child{border-bottom:none}.review-files-list.existing .review-file-item.existing svg{margin-right:.5rem;color:#6366f1;flex-shrink:0}.review-files-list.existing .file-details{display:flex;align-items:center;gap:.5rem}.review-files-list.existing .file-name{font-size:.875rem;color:#334155}.review-files-list.existing .file-size{font-size:.75rem;color:#64748b}.review-files-list.new .review-file-item.new{margin-bottom:.25rem;font-size:.875rem;color:#334155}.review-files-list.new .review-file-item.new:last-child{margin-bottom:0}.no-faq-resources{padding:1rem;text-align:center;color:#64748b;font-style:italic}.no-faq-resources p{margin:0;font-size:.875rem}.faq-completed-message p{color:#065f46;font-size:.9rem;line-height:1.4;max-width:500px;margin:0}.faq-update-note{margin-top:.75rem;padding:.5rem 1rem;background-color:#ecfdf5;border-radius:6px;border:1px solid #d1fae5}.faq-update-note small{color:#047857;font-size:.8rem;font-weight:500}.phone-input-container{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid #cbd5e1;background-color:#f8fafc;transition:all .2s ease}.phone-input-container:hover{border-color:#94a3b8}.phone-input-container:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.country-code-select{padding:.75rem .5rem;border:none;background-color:transparent;color:#0f172a;font-size:.95rem;cursor:pointer;outline:none;min-width:80px;border-right:1px solid #cbd5e1}.country-code-select:focus{outline:none}.phone-input-container input[type=text]{flex:1;border:none;background-color:transparent;margin:0;padding:.75rem 1rem;border-radius:0}.phone-input-container input[type=text]:focus{border:none;box-shadow:none}[data-theme=dark] .onboarding-container{background-color:#0f172a;color:#e2e8f0}[data-theme=dark] .onboarding-inner{background-color:transparent}[data-theme=dark] .onboarding-content{background-color:#1e293b;border:1px solid #334155;box-shadow:0 4px 20px #0000004d}[data-theme=dark] .onboarding-card{background:#1e293b;border:1px solid #334155;box-shadow:0 4px 20px #0006}[data-theme=dark] .onboarding-step-header h1{color:#f1f5f9}[data-theme=dark] .onboarding-step-header p{color:#cbd5e1}[data-theme=dark] .section-title{color:#f1f5f9;border-bottom:2px solid #374151}[data-theme=dark] .step-progress-container{background-color:transparent}[data-theme=dark] .progress-indicator{background:linear-gradient(to right,#6366f1,#a855f7);box-shadow:0 0 15px #6366f199}[data-theme=dark] .step-connector{background-color:#475569}[data-theme=dark] .step-bubble{background-color:#334155;border-color:#64748b;color:#94a3b8}[data-theme=dark] .step-bubble-wrapper.active .step-bubble{background:linear-gradient(135deg,#6366f1,#a855f7);border-color:transparent;color:#fff;box-shadow:0 4px 15px #6366f166}[data-theme=dark] .step-bubble-wrapper.current .step-bubble{box-shadow:0 0 0 3px #6366f14d}[data-theme=dark] .step-bubble-wrapper.active .step-bubble-glow{background:radial-gradient(circle,#6366f199,#6366f100 70%)}[data-theme=dark] .step-label{color:#cbd5e1}[data-theme=dark] .step-bubble-wrapper.active .step-label{color:#f1f5f9;font-weight:600}[data-theme=dark] .current-indicator{background:linear-gradient(45deg,#6366f1,#a855f7)}[data-theme=dark] .form-field label{color:#e2e8f0}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=time],[data-theme=dark] textarea{background-color:#334155;border:1px solid #475569;color:#f1f5f9}[data-theme=dark] input[type=text]:hover,[data-theme=dark] input[type=email]:hover,[data-theme=dark] input[type=tel]:hover,[data-theme=dark] input[type=time]:hover,[data-theme=dark] textarea:hover{border-color:#64748b;background-color:#3f4e5f}[data-theme=dark] input[type=text]:focus,[data-theme=dark] input[type=email]:focus,[data-theme=dark] input[type=tel]:focus,[data-theme=dark] input[type=time]:focus,[data-theme=dark] textarea:focus{border-color:#6366f1;background-color:#334155;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] input[type=text]::placeholder,[data-theme=dark] input[type=email]::placeholder,[data-theme=dark] input[type=tel]::placeholder,[data-theme=dark] input[type=time]::placeholder,[data-theme=dark] textarea::placeholder{color:#94a3b8}[data-theme=dark] .logo-uploader{background-color:#334155;border:2px dashed #64748b;color:#cbd5e1}[data-theme=dark] .logo-uploader:hover{border-color:#6366f1;background-color:#3f4e5f}[data-theme=dark] .logo-uploader.has-logo{background-color:#1e293b;border:1px solid #475569}[data-theme=dark] .upload-icon{color:#94a3b8}[data-theme=dark] .logo-uploader:hover .upload-icon{color:#6366f1}[data-theme=dark] .upload-title{color:#e2e8f0}[data-theme=dark] .upload-subtitle{color:#94a3b8}[data-theme=dark] .logo-change{color:#6366f1}[data-theme=dark] .logo-change:hover{color:#818cf8}[data-theme=dark] .business-hours-container{background-color:#1e293b}[data-theme=dark] .business-day{background-color:#334155;border:1px solid #475569}[data-theme=dark] .business-day:hover{background-color:#3f4e5f;border-color:#64748b}[data-theme=dark] .day-name{color:#f1f5f9}[data-theme=dark] .toggle{position:relative!important;display:inline-block!important;width:48px!important;height:24px!important;overflow:hidden!important}[data-theme=dark] .toggle input{opacity:0!important;width:0!important;height:0!important;position:absolute!important;margin:0!important;padding:0!important;z-index:-1!important}[data-theme=dark] .toggle input[type=checkbox]{opacity:0!important;width:0!important;height:0!important;position:absolute!important;margin:0!important;padding:0!important;z-index:-1!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}[data-theme=dark] .toggle-slider{position:absolute!important;cursor:pointer!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:48px!important;height:24px!important;background-color:#475569!important;transition:all .3s ease!important;border-radius:24px!important;border:none!important;outline:none!important;box-sizing:border-box!important}[data-theme=dark] .toggle-slider:before{position:absolute!important;content:""!important;height:20px!important;width:20px!important;left:2px!important;top:2px!important;background-color:#fff!important;transition:all .3s ease!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;transform:translate(0)!important}[data-theme=dark] .toggle-slider:hover{background-color:#64748b!important}[data-theme=dark] input:checked+.toggle-slider{background-color:#10b981!important}[data-theme=dark] input:checked+.toggle-slider:before{transform:translate(24px)!important;background-color:#fff!important;box-shadow:0 2px 6px #0000004d!important}[data-theme=dark] input:checked+.toggle-slider:hover{background-color:#059669!important}[data-theme=dark] input:focus+.toggle-slider{box-shadow:0 0 0 2px #10b9814d!important}[data-theme=dark] input:checked:focus+.toggle-slider{box-shadow:0 0 0 2px #10b9814d!important}[data-theme=dark] .business-day .toggle{position:relative!important;display:inline-block!important;width:48px!important;height:24px!important;overflow:hidden!important}[data-theme=dark] .business-day .toggle input,[data-theme=dark] .business-day .toggle input[type=checkbox]{opacity:0!important;width:0!important;height:0!important;position:absolute!important;margin:0!important;padding:0!important;z-index:-1!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;left:-9999px!important}[data-theme=dark] .business-day .toggle-slider{position:absolute!important;cursor:pointer!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:48px!important;height:24px!important;background-color:#475569!important;transition:all .3s ease!important;border-radius:24px!important;border:none!important;outline:none!important;box-sizing:border-box!important;display:block!important}[data-theme=dark] .business-day .toggle-slider:before{position:absolute!important;content:""!important;height:20px!important;width:20px!important;left:2px!important;top:2px!important;background-color:#fff!important;transition:all .3s ease!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;transform:translate(0)!important;display:block!important}[data-theme=dark] .business-day input:checked+.toggle-slider{background-color:#10b981!important}[data-theme=dark] .business-day input:checked+.toggle-slider:before{transform:translate(24px)!important;background-color:#fff!important}[data-theme=dark] .time-separator{color:#94a3b8}[data-theme=dark] .closed-indicator{color:#94a3b8;background-color:#374151}[data-theme=dark] .faq-resource-options,[data-theme=dark] .resource-option,[data-theme=dark] .resource-option:hover{background-color:transparent;border:none}[data-theme=dark] .resource-option input[type=radio]{background-color:#475569;border:2px solid #64748b}[data-theme=dark] .resource-option input[type=radio]:checked{background-color:#6366f1;border-color:#6366f1}[data-theme=dark] .resource-option label{color:#e2e8f0}[data-theme=dark] .existing-files-section{background-color:#374151;border-color:#4b5563}[data-theme=dark] .existing-files-section h3{color:#e2e8f0}[data-theme=dark] .loading-files{color:#9ca3af}[data-theme=dark] .existing-file-item{background-color:#1f2937;border-color:#374151}[data-theme=dark] .existing-file-item:hover{background-color:#111827;border-color:#4b5563}[data-theme=dark] .existing-file-item .file-name{color:#e2e8f0}[data-theme=dark] .existing-file-item .file-meta{color:#9ca3af}[data-theme=dark] .existing-file-item .file-type-icon{color:#6366f1}[data-theme=dark] .download-btn{background-color:#374151;border-color:#4b5563;color:#9ca3af}[data-theme=dark] .download-btn:hover{background-color:#4b5563;border-color:#6b7280;color:#d1d5db}[data-theme=dark] .delete-btn{background-color:#7f1d1d;border-color:#b91c1c;color:#fca5a5}[data-theme=dark] .delete-btn:hover:not(:disabled){background-color:#991b1b;border-color:#dc2626;color:#fecaca}[data-theme=dark] .delete-btn:disabled{opacity:.6}[data-theme=dark] .loading-spinner-tiny{border-color:#fca5a5;border-top-color:#ef4444}[data-theme=dark] .files-error{background-color:#7f1d1d;border-color:#b91c1c}[data-theme=dark] .files-error .error-icon,[data-theme=dark] .files-error p{color:#fca5a5}[data-theme=dark] .files-error small{color:#fecaca}[data-theme=dark] .files-error-review{background-color:#7f1d1d;border-color:#b91c1c}[data-theme=dark] .files-error-review .error-icon,[data-theme=dark] .files-error-review .error-text{color:#fca5a5}[data-theme=dark] .review-existing-files h4,[data-theme=dark] .review-new-resources h4{color:#d1d5db}[data-theme=dark] .loading-files-review{color:#9ca3af}[data-theme=dark] .review-files-list.existing .review-file-item.existing{border-color:#374151}[data-theme=dark] .review-files-list.existing .review-file-item.existing svg{color:#6366f1}[data-theme=dark] .review-files-list.existing .review-file-item.existing .file-name{color:#e2e8f0}[data-theme=dark] .review-files-list.existing .review-file-item.existing .file-size{color:#9ca3af}[data-theme=dark] .review-files-list.new .review-file-item.new{color:#e2e8f0}[data-theme=dark] .no-faq-resources{color:#9ca3af}[data-theme=dark] .faq-status-checking{background-color:#334155;border:1px solid #475569}[data-theme=dark] .faq-status-checking p{color:#cbd5e1}[data-theme=dark] .loading-spinner-small{border:3px solid #475569;border-top:3px solid #6366f1}[data-theme=dark] .file-drop-area{background-color:#334155;border:2px dashed #64748b;color:#cbd5e1}[data-theme=dark] .file-drop-area:hover{border-color:#6366f1;background-color:#3f4e5f}[data-theme=dark] .file-drop-area.drag-over{border-color:#6366f1;background-color:#6366f11a;color:#a5b4fc}[data-theme=dark] .file-icon{color:#94a3b8}[data-theme=dark] .file-drop-area:hover .file-icon{color:#6366f1}[data-theme=dark] .file-title{color:#e2e8f0}[data-theme=dark] .file-drop-area.drag-over .file-title{color:#a5b4fc}[data-theme=dark] .file-subtitle{color:#94a3b8}[data-theme=dark] .file-list{background-color:#1e293b;border:1px solid #374151}[data-theme=dark] .file-item{background-color:#334155;border:1px solid #475569;color:#f1f5f9!important}[data-theme=dark] .file-item:hover{background-color:#3f4e5f;border-color:#64748b}[data-theme=dark] .file-item *,[data-theme=dark] .file-item .file-name{color:#f1f5f9!important}[data-theme=dark] .file-item .file-size{color:#cbd5e1!important}[data-theme=dark] .file-type-icon{color:#94a3b8}[data-theme=dark] .remove-file-btn{background-color:#ef4444;color:#fff}[data-theme=dark] .remove-file-btn:hover{background-color:#dc2626}[data-theme=dark] .review-page{background-color:transparent;color:#e2e8f0}[data-theme=dark] .review-sections{background-color:transparent}[data-theme=dark] .review-section{background-color:#1e293b;border:1px solid #334155;box-shadow:0 4px 16px #0003}[data-theme=dark] .review-section:hover{border-color:#475569;box-shadow:0 8px 24px #0000004d;transform:translateY(-3px)}[data-theme=dark] .review-section-header{background-color:#0f172a;border-bottom:1px solid #334155}[data-theme=dark] .review-section-header h2{color:#f1f5f9}[data-theme=dark] .review-section-icon.business-icon{background:linear-gradient(135deg,#3b82f6,#6366f1)}[data-theme=dark] .review-section-icon.contact-icon{background:linear-gradient(135deg,#10b981,#059669)}[data-theme=dark] .review-section-icon.hours-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1)}[data-theme=dark] .edit-button{background-color:#6366f11a;color:#a5b4fc;border:1px solid rgba(99,102,241,.3)}[data-theme=dark] .edit-button:hover{background-color:#6366f133;color:#c7d2fe;border-color:#6366f180}[data-theme=dark] .edit-button svg{color:inherit}[data-theme=dark] .review-content{color:#e2e8f0;background-color:#1e293b}[data-theme=dark] .review-logo-name .review-logo{box-shadow:0 4px 12px #0000004d;border:1px solid #334155}[data-theme=dark] .review-name-description h3{color:#f1f5f9}[data-theme=dark] .review-name-description p{color:#cbd5e1}[data-theme=dark] .review-contact-grid .review-contact-item{background-color:#334155;padding:1rem;border-radius:8px;border:1px solid #475569}[data-theme=dark] .review-contact-label{color:#94a3b8;font-weight:600}[data-theme=dark] .review-contact-value{color:#f1f5f9}[data-theme=dark] .review-hours-grid .review-hours-item{background-color:#334155;border:1px solid #475569}[data-theme=dark] .review-hours-grid .review-hours-item:hover{background-color:#3f4e5f;border-color:#64748b}[data-theme=dark] .review-hours-day{color:#f1f5f9;font-weight:600}[data-theme=dark] .review-hours-time{color:#e2e8f0}[data-theme=dark] .review-hours-time.closed{color:#94a3b8;font-style:italic}[data-theme=dark] .review-faq-resources h3{color:#f1f5f9;border-top:1px solid #334155;font-weight:600}[data-theme=dark] .review-faq-url{background-color:#334155;border:1px solid #475569}[data-theme=dark] .review-faq-url:hover{background-color:#3f4e5f;border-color:#64748b}[data-theme=dark] .review-faq-url svg{color:#6366f1}[data-theme=dark] .review-faq-url a{color:#6366f1}[data-theme=dark] .review-faq-url a:hover{color:#818cf8;text-decoration:underline}[data-theme=dark] .review-faq-files{background-color:#334155;border:1px solid #475569}[data-theme=dark] .review-faq-files:hover{background-color:#3f4e5f;border-color:#64748b}[data-theme=dark] .review-faq-files svg{color:#6366f1}[data-theme=dark] .review-files-list .review-file-item{color:#e2e8f0;background-color:#1e293b;border:1px solid #334155;padding:.5rem .75rem;border-radius:6px;margin-bottom:.5rem}[data-theme=dark] .review-files-list .review-file-item:last-child{margin-bottom:0}[data-theme=dark] .review-files-list .review-file-item:hover{background-color:#0f172a;border-color:#475569}[data-theme=dark] .review-actions .btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;box-shadow:0 4px 12px #6366f14d}[data-theme=dark] .review-actions .btn-primary:hover{background:linear-gradient(135deg,#5855eb,#9333ea);box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}[data-theme=dark] .review-actions .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}[data-theme=dark] .review-actions .btn-primary:disabled{background:linear-gradient(135deg,#6b7280,#9ca3af);box-shadow:none;transform:none;cursor:not-allowed}[data-theme=dark] .review-section{transition:all .3s ease}[data-theme=dark] .review-section:nth-child(1){animation-delay:.1s}[data-theme=dark] .review-section:nth-child(2){animation-delay:.3s}[data-theme=dark] .review-section:nth-child(3){animation-delay:.5s}@media (max-width: 768px){[data-theme=dark] .review-contact-grid{grid-template-columns:1fr;gap:1rem}[data-theme=dark] .review-hours-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem}[data-theme=dark] .review-section-header{padding:1rem}[data-theme=dark] .review-section-header h2{font-size:1.125rem}[data-theme=dark] .review-content{padding:1rem}[data-theme=dark] .edit-button{position:static;transform:none;margin-top:.5rem;align-self:flex-start}[data-theme=dark] .review-section-header{flex-direction:column;align-items:flex-start}}@media (max-width: 480px){[data-theme=dark] .review-page{padding:1rem}[data-theme=dark] .review-logo-name{flex-direction:column;text-align:center}[data-theme=dark] .review-logo-name .review-logo{margin-right:0;margin-bottom:1rem}[data-theme=dark] .review-faq-url,[data-theme=dark] .review-faq-files{flex-direction:column}[data-theme=dark] .review-faq-url svg,[data-theme=dark] .review-faq-files svg{margin-right:0;margin-bottom:.5rem;align-self:flex-start}}[data-theme=dark] .btn-primary{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;border:none;box-shadow:0 4px 12px #6366f14d}[data-theme=dark] .btn-primary:hover{background:linear-gradient(135deg,#5855eb,#9333ea);box-shadow:0 6px 16px #6366f166;transform:translateY(-1px)}[data-theme=dark] .btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}[data-theme=dark] .btn-primary.is-loading{background:linear-gradient(135deg,#6b7280,#9ca3af)}[data-theme=dark] .success-screen{background-color:#1e293b;border-radius:12px;padding:3rem 2rem;text-align:center}[data-theme=dark] .success-screen h1{color:#f1f5f9;margin:2rem 0 1rem;font-size:2rem}[data-theme=dark] .success-screen p{color:#cbd5e1;font-size:1.1rem;line-height:1.6;margin-bottom:1.5rem}[data-theme=dark] .faq-completed-message{background-color:#064e3b;border:1px solid #065f46}[data-theme=dark] .faq-completed-message h3{color:#10b981}[data-theme=dark] .faq-completed-message p{color:#6ee7b7}[data-theme=dark] .faq-update-note{background-color:#022c22;border:1px solid #047857}[data-theme=dark] .faq-update-note small{color:#34d399}[data-theme=dark] .success-checkmark{margin:0 auto 2rem;filter:drop-shadow(0 4px 12px rgba(16,185,129,.3))}[data-theme=dark] .checkmark-circle{border-color:#10b981;background-color:#10b9811a;box-shadow:0 0 #10b98166;animation:checkmark-pulse 2s infinite}[data-theme=dark] .checkmark-circle:before{background-color:#10b98126}[data-theme=dark] .checkmark-stem,[data-theme=dark] .checkmark-kick{background-color:#10b981;box-shadow:0 0 8px #10b98180}@keyframes checkmark-pulse{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 20px #10b98100}to{box-shadow:0 0 #10b98100}}[data-theme=dark] *{transition:background-color .2s ease,border-color .2s ease,color .2s ease}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#64748b}[data-theme=dark] *:focus{outline:2px solid #6366f1;outline-offset:2px}[data-theme=dark] ::selection{background-color:#6366f14d;color:#f1f5f9}@media (max-width: 640px){[data-theme=dark] .onboarding-container{padding:.5rem}[data-theme=dark] .onboarding-inner{margin:1rem auto}[data-theme=dark] .step-progress-container{padding:1rem .5rem}[data-theme=dark] .business-day{padding:.75rem}[data-theme=dark] .review-section{margin-bottom:1rem}}@media (prefers-contrast: high){[data-theme=dark] .onboarding-container{background-color:#000}[data-theme=dark] .onboarding-content,[data-theme=dark] .onboarding-card{background-color:#1a1a1a;border:2px solid #ffffff}[data-theme=dark] .step-bubble-wrapper.active .step-bubble{background:#fff;color:#000}[data-theme=dark] input[type=text],[data-theme=dark] input[type=email],[data-theme=dark] input[type=tel],[data-theme=dark] input[type=time],[data-theme=dark] textarea{background-color:#000;border:2px solid #ffffff;color:#fff}}@media (prefers-reduced-motion: reduce){[data-theme=dark] *,[data-theme=dark] *:before,[data-theme=dark] *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-theme=dark] .progress-glow,[data-theme=dark] .step-bubble-wrapper.current .step-bubble{animation:none}}.onboarding-content{position:relative}.error-sidebar{position:absolute;left:0;top:50%;transform:translateY(-50%);width:280px;max-height:70vh;z-index:1000;pointer-events:none}.required{color:#ef4444;margin-left:.25rem}.has-error{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef44441a!important}.error-message{color:#ef4444;font-size:.8rem;font-weight:500;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin-bottom:12px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 12px #ef444426;position:relative;pointer-events:auto;max-width:100%;word-wrap:break-word;animation:slideInFromLeft .3s ease-out}.error-message:before{content:"⚠️";font-size:14px;position:absolute;top:12px;left:12px}.error-message:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #fecaca;border-top:6px solid transparent;border-bottom:6px solid transparent}.error-message .error-field{font-weight:600;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#dc2626;margin-left:26px}.error-message .error-text{font-weight:400;line-height:1.4;margin-left:26px}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1400px){.error-sidebar{left:1rem;width:240px}}@media (max-width: 1200px){.error-sidebar{position:absolute;left:-320px;top:2rem;transform:none;width:280px}}@media (max-width: 768px){.error-sidebar{position:static;width:100%;max-height:none;margin-bottom:1rem;transform:none}.error-message:after{display:none}}.form-field .error-message,.logo-uploader+.error-message{display:none}.file-drop-area.has-error{border-color:#ef4444;background-color:#ef444408}.api-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;margin:0 0 24px;color:#991b1b;font-size:14px;display:flex;align-items:center;gap:8px}.api-error:before{content:"⚠️";font-size:16px}.api-error p{margin:0;font-weight:500}[data-theme=dark] .required{color:#f87171}[data-theme=dark] .has-error{border-color:#ef4444!important;background-color:#1f2937!important}[data-theme=dark] .error-message{color:#fca5a5;background-color:#1f2937;border:1px solid #374151}[data-theme=dark] .error-message:after{border-left-color:#374151}[data-theme=dark] .error-message .error-field{color:#f87171}[data-theme=dark] .error-message .error-text{color:#fca5a5}[data-theme=dark] .logo-uploader.has-error,[data-theme=dark] .file-drop-area.has-error{border-color:#ef4444;background-color:#1f2937}[data-theme=dark] .api-error{background-color:#1f2937;border:1px solid #374151;color:#fca5a5}[data-theme=dark] .api-error:before{background-color:#ef4444}[data-theme=dark] .api-error p{color:#fca5a5}@media (prefers-contrast: high){.has-error{border-width:2px!important;box-shadow:0 0 0 4px #ef444433!important}.error-message{font-weight:600;font-size:.8rem}[data-theme=dark] .has-error{border-color:#ff6b6b!important;background-color:#2d1b1b!important}[data-theme=dark] .error-message{color:#ff8a8a;background-color:#2d1b1b;border:2px solid #4a2626}}@media (prefers-reduced-motion: reduce){.has-error,.error-message{transition:none!important}}.has-error:focus{outline:2px solid #ef4444;outline-offset:2px}[data-theme=dark] .has-error:focus{outline:2px solid #f87171;outline-offset:2px}input[type=text].has-error,input[type=email].has-error,input[type=tel].has-error,input[type=time].has-error,textarea.has-error{animation:shake .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-message[role=alert]{position:relative}.error-message:before{content:"Error: ";font-weight:700;speak:literal-punctuation}.error-message.field-error{margin-top:.25rem;font-size:.7rem}.error-message.form-error{margin-bottom:1rem;padding:.5rem;border-radius:4px;background-color:#ef44440d;border:1px solid rgba(239,68,68,.2)}[data-theme=dark] .error-message.form-error{background-color:#ef44441a;border:1px solid rgba(239,68,68,.3)}.has-success{border-color:#10b981!important;box-shadow:0 0 0 3px #10b9811a!important}.success-message{color:#10b981;font-size:.75rem;margin-top:.5rem;display:block;font-weight:500}[data-theme=dark] .has-success{border-color:#10b981!important;background-color:#1f2937!important}[data-theme=dark] .success-message{color:#6ee7b7}.step-progress-container{margin-bottom:1rem;padding:1rem 0;position:relative;max-width:800px;margin-left:auto;margin-right:auto;background-color:#fff;border-radius:20px;box-shadow:0 0 10px #0000001a}.step-progress-wrapper{position:relative;padding:0;height:80px;margin:0 10px}.step-progress-wrapper .progress-indicator{position:absolute;top:25px;left:0;height:2px;background:#4ade80;border-radius:2px;z-index:1;transform:translateY(-50%);transition:width .3s ease}.step-bubbles-container{display:flex;justify-content:space-between;position:relative;z-index:2;height:100%}.step-connector{position:absolute;top:25px;height:2px;background-color:#e2e8f0;z-index:0;transform:translateY(-50%);left:0;right:0}.step-bubble-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;position:relative;flex:1;height:100%}.step-bubble-wrapper.active .step-bubble{background-color:#4ade80;border-color:#4ade80;color:#fff}.step-bubble-wrapper.active .step-label{color:#334155;font-weight:600}.step-bubble-wrapper.completed .step-bubble{background-color:#4ade80;border-color:#4ade80;color:#fff}.step-bubble-wrapper.completed .step-label{color:#334155}.step-bubble-wrapper.current .step-bubble{background-color:#4ade80;border-color:#4ade80;color:#fff;transform:translateY(10px) scale(1.1);box-shadow:0 0 0 4px #4ade8033}.step-bubble-wrapper.current .step-label{color:#334155;font-weight:600}.step-bubble-wrapper.current .current-indicator{opacity:1}.step-bubble{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:#fff;border:2px solid #e2e8f0;color:#64748b;font-weight:600;font-size:.875rem;transition:all .3s ease;position:relative;z-index:2;box-shadow:0 2px 4px #0000000d;transform:translateY(10px)}.step-bubble .step-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.step-bubble .step-icon svg{width:16px;height:16px}.step-label{font-size:.875rem;font-weight:500;color:#64748b;text-align:center;margin-top:.75rem;transition:color .3s ease}.current-indicator{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #4ade80;opacity:0;transition:opacity .3s ease}@media (max-width: 640px){.step-label{font-size:.75rem}.step-bubble{width:26px;height:26px;font-size:.75rem}.step-bubble .step-icon svg{width:14px;height:14px}}.toggle{position:relative!important;display:inline-block!important;width:48px!important;height:24px!important;overflow:hidden!important}.toggle input{opacity:0!important;width:0!important;height:0!important;position:absolute!important;margin:0!important;padding:0!important;z-index:-1!important}.toggle input[type=checkbox]{opacity:0!important;width:0!important;height:0!important;position:absolute!important;margin:0!important;padding:0!important;z-index:-1!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important}.toggle-slider{position:absolute!important;cursor:pointer!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:48px!important;height:24px!important;background-color:#cbd5e1!important;transition:all .3s ease!important;border-radius:24px!important;border:none!important;outline:none!important;box-sizing:border-box!important}.toggle-slider:before{position:absolute!important;content:""!important;height:20px!important;width:20px!important;left:2px!important;top:2px!important;background-color:#fff!important;transition:all .3s ease!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;transform:translate(0)!important}.toggle-slider:hover{background-color:#94a3b8!important}input:checked+.toggle-slider{background-color:#10b981!important}input:checked+.toggle-slider:before{transform:translate(24px)!important;background-color:#fff!important;box-shadow:0 2px 6px #0000004d!important}input:checked+.toggle-slider:hover{background-color:#059669!important}input:focus+.toggle-slider{box-shadow:0 0 0 2px #10b9814d!important}input:checked:focus+.toggle-slider{box-shadow:0 0 0 2px #10b9814d!important}.business-day .toggle{position:relative!important;display:inline-block!important;width:48px!important;height:24px!important;overflow:hidden!important}.business-day .toggle input,.business-day .toggle input[type=checkbox]{opacity:0!important;width:0!important;height:0!important;position:absolute!important;margin:0!important;padding:0!important;z-index:-1!important;appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;left:-9999px!important}.business-day .toggle-slider{position:absolute!important;cursor:pointer!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:48px!important;height:24px!important;background-color:#cbd5e1!important;transition:all .3s ease!important;border-radius:24px!important;border:none!important;outline:none!important;box-sizing:border-box!important;display:block!important}.business-day .toggle-slider:before{position:absolute!important;content:""!important;height:20px!important;width:20px!important;left:2px!important;top:2px!important;background-color:#fff!important;transition:all .3s ease!important;border-radius:50%!important;box-shadow:0 2px 4px #0003!important;transform:translate(0)!important;display:block!important}.business-day input:checked+.toggle-slider{background-color:#10b981!important}.business-day input:checked+.toggle-slider:before{transform:translate(24px)!important;background-color:#fff!important}.hours-inputs .time-input input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.5)!important;opacity:.7!important;cursor:pointer!important}.hours-inputs .time-input input[type=time]::-webkit-calendar-picker-indicator:hover{opacity:1!important}.hours-inputs .time-input input[type=time]{position:relative!important;padding-right:5px!important}.hours-inputs .time-input input[type=time]::-ms-clear{display:none!important}html.dark .hours-inputs .time-input input[type=time]::-webkit-calendar-picker-indicator{filter:invert(.8)!important}.business-hours-container{width:100%}.hours-options-container{display:flex;gap:20px;width:100%}.twenty-four-seven-option{background-color:#007bff0d;border-radius:8px;padding:16px;border:1px solid rgba(0,123,255,.2);flex:1}.standard-hours-option{background-color:#28a7450d;border-radius:8px;padding:16px;border:1px solid rgba(40,167,69,.2);flex:1}.always-open-indicator{margin-top:12px;color:#007bff;font-weight:500;font-size:14px;text-align:center;background-color:#007bff1a;padding:8px;border-radius:4px}.standard-hours-indicator{margin-top:12px;color:#28a745;font-weight:500;font-size:14px;text-align:center;background-color:#28a7451a;padding:8px;border-radius:4px}.inactive-indicator{margin-top:12px;color:#6c757d;font-weight:400;font-size:14px;text-align:center;background-color:#6c757d0d;padding:8px;border-radius:4px;border:1px dashed rgba(108,117,125,.2)}.hours-separator{position:relative;text-align:center;margin:24px 0}.hours-separator hr{position:absolute;top:50%;left:0;right:0;border:none;border-top:1px solid #e0e0e0;margin:0;z-index:1}.hours-separator span{position:relative;background-color:#fff;padding:0 12px;font-size:14px;color:#666;z-index:2}.hours-separator p{margin-top:8px;font-size:14px;color:#666}.regular-hours.dimmed{opacity:.6;pointer-events:none}.dark-theme .twenty-four-seven-option{background-color:#4fa1ff1a;border-color:#4fa1ff4d}.dark-theme .standard-hours-option{background-color:#5fc9791a;border-color:#5fc9794d}.dark-theme .always-open-indicator{color:#4fa1ff;background-color:#4fa1ff26}.dark-theme .standard-hours-indicator{color:#5fc979;background-color:#5fc97926}.dark-theme .inactive-indicator{color:#a0a0a0;background-color:#a0a0a00d;border-color:#a0a0a033}.dark-theme .hours-separator span{background-color:#1a1a1a}.dark-theme .hours-separator hr{border-top-color:#444}@media (max-width: 1000px){.hours-options-container{flex-direction:column;gap:16px}.twenty-four-seven-option,.standard-hours-option{width:100%}}@media (max-width: 768px){.hours-options-container{flex-direction:column;gap:16px}.twenty-four-seven-option,.standard-hours-option{width:100%}}.timezone-section{margin-bottom:2rem}.timezone-field-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;transition:all .2s ease}.timezone-field-container:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000a}.timezone-field{display:flex;flex-direction:column;gap:.75rem}.timezone-field label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#334155;font-size:.95rem;margin-bottom:0}.timezone-field label svg{color:#6366f1;flex-shrink:0}.timezone-field label .required{color:#ef4444}.timezone-select{width:100%;padding:.875rem 2.5rem .875rem 1rem;border-radius:8px;border:1px solid #cbd5e1;background-color:#f8fafc;color:#0f172a;font-size:.95rem;font-family:inherit;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em}.timezone-select:hover{border-color:#94a3b8;background-color:#fff}.timezone-select:focus{outline:none;border-color:#6366f1;background-color:#fff;box-shadow:0 0 0 3px #6366f126}.timezone-select.has-error{border-color:#ef4444;background-color:#fef2f2}.timezone-select.has-error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444426}.timezone-help{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;font-size:.875rem;color:#0369a1;margin-top:.5rem}.timezone-help svg{color:#0ea5e9;flex-shrink:0}.timezone-help span{line-height:1.4}.business-hours-section{margin-bottom:1rem}.section-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:2px;flex-shrink:0}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠";font-size:.75rem}html.dark .timezone-field-container,.dark .timezone-field-container,[data-theme=dark] .timezone-field-container{background-color:#1e293b;border-color:#475569}html.dark .timezone-field-container:hover,.dark .timezone-field-container:hover,[data-theme=dark] .timezone-field-container:hover{border-color:#64748b}html.dark .timezone-field label,.dark .timezone-field label,[data-theme=dark] .timezone-field label{color:#e2e8f0}html.dark .timezone-select,.dark .timezone-select,[data-theme=dark] .timezone-select{background-color:#334155;border-color:#475569;color:#e2e8f0}html.dark .timezone-select:hover,.dark .timezone-select:hover,[data-theme=dark] .timezone-select:hover{background-color:#475569;border-color:#64748b}html.dark .timezone-select:focus,.dark .timezone-select:focus,[data-theme=dark] .timezone-select:focus{background-color:#334155}html.dark .timezone-help,.dark .timezone-help,[data-theme=dark] .timezone-help{background-color:#1e3a8a;border-color:#3b82f6;color:#bfdbfe}html.dark .section-title,.dark .section-title,[data-theme=dark] .section-title{color:#f1f5f9}@media (max-width: 768px){.timezone-field-container{padding:1rem}.timezone-field label{font-size:.875rem}.timezone-select{padding:.75rem;font-size:.875rem}.section-title{font-size:1.125rem}}@keyframes pricing-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pricing-pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes pricing-slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pricing-slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes pricing-slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pricing-crystalPulse{0%,to{transform:rotate(45deg) scale(1);box-shadow:0 0 8px #10b98166,inset 0 0 4px #fff3}50%{transform:rotate(45deg) scale(1.1);box-shadow:0 0 12px #10b98199,inset 0 0 6px #ffffff4d}}@keyframes pricing-sparkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.pricing-module .pricing-container-loading,.pricing-module .pricing-container{padding:1rem;max-width:1400px;margin:0 auto;position:relative;overflow:hidden}.pricing-module .pricing-container{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.4,0,.2,1)}.pricing-module .pricing-container.visible{opacity:1;transform:translateY(0)}.pricing-module .pricing-container-loading{opacity:1;transform:translateY(0);display:flex;align-items:center;justify-content:center;min-height:400px}.pricing-module .pricing-loading-state{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem 4rem;background-color:#fff;border-radius:18px;box-shadow:0 4px 20px #00000014;color:#6366f1;min-width:300px;text-align:center}.pricing-module .pricing-loading-state span{font-size:1rem;font-weight:500}.pricing-module [data-theme=dark] .pricing-loading-state{background-color:#1f2937;box-shadow:0 4px 20px #0003;color:#818cf8}.pricing-module .pricing-loading-text{animation:pricing-pulse 1.5s ease-in-out infinite}.pricing-module .pricing-loading-spinner{animation:pricing-spin 1.5s linear infinite;font-size:1.5rem}.pricing-module .pricing-header{text-align:center;margin-bottom:1.5rem;position:relative;z-index:2}.pricing-module .pricing-header .header-content{max-width:700px;margin:0 auto}.pricing-module .pricing-header h1{font-size:2.2rem;color:var(--text-primary);margin-bottom:.5rem;font-weight:800;background:linear-gradient(135deg,#6366f1,#8b5cf6,#f093fb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:pricing-slideInUp .8s cubic-bezier(.4,0,.2,1) .4s both}.pricing-module .pricing-header p{font-size:.9rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.4;animation:pricing-slideInUp .8s cubic-bezier(.4,0,.2,1) .6s both}.pricing-module .badge-container{margin-bottom:.6rem}.pricing-module .feature-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border:1px solid rgba(99,102,241,.2);border-radius:20px;color:#6366f1;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:pricing-slideInDown .8s cubic-bezier(.4,0,.2,1) .2s both}.pricing-module .pricing-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem;position:relative;z-index:2}.pricing-module .pricing-card{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 30px #0000000a;opacity:0;transform:translateY(40px);animation:pricing-slideInUp .8s cubic-bezier(.4,0,.2,1) var(--animation-delay) both;overflow:hidden;display:flex;flex-direction:column;height:100%}.pricing-module .pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);opacity:0;transition:opacity .3s ease}.pricing-module .pricing-card:hover{transform:translateY(-6px);box-shadow:0 16px 50px #00000014;border-color:#6366f14d}.pricing-module .pricing-card:hover:before{opacity:1}.pricing-module .pricing-card:hover .plan-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.pricing-module .pricing-card:hover .features li:before{transform:rotate(225deg) scale(1.3);background:linear-gradient(45deg,#6366f1,#8b5cf6,#a855f7);border-radius:50%;box-shadow:0 0 16px #6366f199,inset 0 0 8px #ffffff4d,0 0 24px #8b5cf666;animation:none}.pricing-module .pricing-card:hover .features li:after{left:8px;background:#ffffffe6;animation:none;transform:scale(1.5)}.pricing-module .pricing-card:hover .features li span{color:var(--text-primary);transform:translate(4px)}.pricing-module .pricing-card:hover .features li span:after{width:100%}.pricing-module .pricing-card.featured{border-color:#6366f1;box-shadow:0 16px 50px #6366f11f;transform:scale(1.02);z-index:1}.pricing-module .pricing-card.featured:before{opacity:1}.pricing-module .pricing-card.featured:hover{transform:scale(1.02) translateY(-6px)}.pricing-module .pricing-card.featured .features li:before{background:linear-gradient(45deg,#6366f1,#8b5cf6,#a855f7);box-shadow:0 0 10px #6366f180,inset 0 0 5px #ffffff40}.pricing-module .plan-header{text-align:center;margin-bottom:1rem}.pricing-module .plan-header h2{font-size:1.3rem;color:var(--text-primary);margin-bottom:.3rem;font-weight:700}.pricing-module .plan-icon{width:40px;height:40px;margin:0 auto .5rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-radius:50%;font-size:1.1rem;color:#6366f1;transition:all .3s ease}.pricing-module .plan-description{font-size:.8rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.3}.pricing-module .price-section{margin-bottom:1rem}.pricing-module .price{display:flex;align-items:baseline;justify-content:center;margin-bottom:.5rem}.pricing-module .price .currency{font-size:1rem;color:var(--text-secondary);font-weight:600}.pricing-module .price .amount{font-size:2.4rem;color:var(--text-primary);font-weight:800;margin:0 .2rem;position:relative;transition:all .3s ease}.pricing-module .price .period{font-size:.9rem;color:var(--text-secondary);font-weight:500}.pricing-module .features-section{flex-grow:1;display:flex;flex-direction:column}.pricing-module .features-section h4{font-size:.8rem;color:var(--text-primary);margin-bottom:.6rem;font-weight:600}.pricing-module .features{list-style:none;padding:0;margin:0 0 1.2rem;flex-grow:1}.pricing-module .features li{padding:.4rem 0;color:var(--text-secondary);position:relative;display:flex;align-items:center;gap:.6rem;opacity:0;transform:translate(-20px);animation:pricing-slideInLeft .6s cubic-bezier(.4,0,.2,1) var(--item-delay) both}.pricing-module .features li:before{content:"";width:12px;height:12px;background:linear-gradient(45deg,#10b981,#34d399,#059669);transform:rotate(45deg);border-radius:2px;flex-shrink:0;transition:all .4s cubic-bezier(.68,-.55,.265,1.55);position:relative;box-shadow:0 0 8px #10b98166,inset 0 0 4px #fff3;animation:pricing-crystalPulse 2s ease-in-out infinite}.pricing-module .features li:after{content:"";position:absolute;left:6px;width:2px;height:2px;background:#fffc;border-radius:50%;transform:rotate(45deg);animation:pricing-sparkle 1.5s ease-in-out infinite}.pricing-module .features li span{font-size:.8rem;line-height:1.2;transition:all .3s ease;position:relative}.pricing-module .features li span:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:linear-gradient(90deg,#6366f1,#8b5cf6);transition:width .3s ease}.pricing-module .no-features{flex-grow:1;display:flex;flex-direction:column;margin-bottom:1.2rem}.pricing-module .no-features h4{font-size:.8rem;color:var(--text-primary);margin-bottom:.6rem;font-weight:600}.pricing-module .no-features p{font-size:.8rem;color:var(--text-secondary);line-height:1.3;text-align:center;padding:.8rem;background:#6366f10d;border-radius:8px;border:1px dashed rgba(99,102,241,.2)}.pricing-module .plan-button{border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.pricing-module .retry-button,.pricing-module .bottom-cta .cta-button,.pricing-module .plan-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 4px 18px #6366f14d}.pricing-module .retry-button:hover,.pricing-module .bottom-cta .cta-button:hover,.pricing-module .plan-button.primary:hover{background:linear-gradient(135deg,#5856eb,#7c3aed);transform:translateY(-2px);box-shadow:0 8px 30px #6366f166}.pricing-module .plan-button{width:100%;padding:.7rem 1.2rem;border:2px solid var(--border-color);background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:42px;white-space:nowrap;font-size:.85rem}.pricing-module .plan-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.pricing-module .plan-button:hover{background:var(--hover-background);border-color:var(--text-primary);transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.pricing-module .plan-button:hover:before{left:100%}.pricing-module .plan-button:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.pricing-module .plan-button:disabled:hover{transform:none!important;box-shadow:0 8px 30px #0000000a!important}.pricing-module .plan-button .loading-spinner{animation:pricing-spin 1s linear infinite;font-size:1rem}.pricing-module .bottom-cta{text-align:center;padding:1.5rem 1rem;background:linear-gradient(135deg,#6366f10d,#8b5cf605);border-radius:12px;border:1px solid rgba(99,102,241,.1);position:relative;z-index:2;animation:pricing-slideInUp .8s cubic-bezier(.4,0,.2,1) 1.2s both}.pricing-module .bottom-cta .cta-content h3{font-size:1.2rem;color:var(--text-primary);margin-bottom:.3rem;font-weight:700}.pricing-module .bottom-cta .cta-content p{font-size:.85rem;color:var(--text-secondary);margin-bottom:1rem;max-width:400px;margin-left:auto;margin-right:auto}.pricing-module .bottom-cta .cta-button{padding:.7rem 1.2rem;font-size:.85rem;display:inline-flex;align-items:center;gap:.4rem}.pricing-module .pricing-loading,.pricing-module .pricing-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:3rem 2rem}.pricing-module .pricing-loading h2,.pricing-module .pricing-error h2{font-size:1.5rem;margin-bottom:.5rem;color:var(--text-primary)}.pricing-module .pricing-loading p,.pricing-module .pricing-error p{margin-bottom:1rem;color:var(--text-secondary)}.pricing-module .pricing-error .error-tip{font-size:.85rem;color:#6b7280;margin-bottom:1.25rem;font-style:italic}.pricing-module .retry-button{padding:.8rem 1.5rem;font-size:.95rem}.pricing-module [data-theme=dark]{--card-background: #1f2937;--card-background-dark: #1f2937;--border-color: #374151;--border-color-dark: #374151;--text-primary-dark: #f9fafb;--hover-background-dark: #374151}.pricing-module [data-theme=dark] .pricing-container{background:#111827;color:#f9fafb}.pricing-module [data-theme=dark] .pricing-header h1{color:#f9fafb}.pricing-module [data-theme=dark] .pricing-header p{color:#9ca3af}.pricing-module [data-theme=dark] .pricing-card{background:#1f2937!important;background-color:#1f2937!important;border:1px solid #374151!important;border-color:#374151!important;box-shadow:0 8px 30px #0000004d!important}.pricing-module [data-theme=dark] .pricing-card:hover{box-shadow:0 16px 50px #0006;border-color:#6366f199}.pricing-module [data-theme=dark] .pricing-card.featured{border-color:#6366f1!important;box-shadow:0 20px 60px #6366f14d}.pricing-module [data-theme=dark] .pricing-card.featured:hover{box-shadow:0 25px 70px #6366f166}.pricing-module [data-theme=dark] .plan-header h2{color:#f9fafb}.pricing-module [data-theme=dark] .plan-description,.pricing-module [data-theme=dark] .price .currency{color:#9ca3af}.pricing-module [data-theme=dark] .price .amount{color:#f9fafb}.pricing-module [data-theme=dark] .price .period{color:#9ca3af}.pricing-module [data-theme=dark] .features-section h4{color:#f9fafb}.pricing-module [data-theme=dark] .features-section .features li{color:#d1d5db}.pricing-module [data-theme=dark] .features-section .no-features h4{color:#f9fafb}.pricing-module [data-theme=dark] .features-section .no-features p{color:#9ca3af}.pricing-module [data-theme=dark] .plan-button{border-color:#4b5563!important;color:#f9fafb!important;background:transparent!important}.pricing-module [data-theme=dark] .plan-button:hover{background:#374151!important;border-color:#f9fafb!important}.pricing-module [data-theme=dark] .plan-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}.pricing-module [data-theme=dark] .plan-button.primary:hover{background:linear-gradient(135deg,#9294f5,#ad8cf9)!important}.pricing-module [data-theme=dark] .bottom-cta{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-color:#6366f14d}.pricing-module [data-theme=dark] .bottom-cta .cta-content h3{color:#f9fafb}.pricing-module [data-theme=dark] .bottom-cta .cta-content p{color:#9ca3af}.pricing-module [data-theme=dark] .feature-badge{background:linear-gradient(135deg,#6366f133,#8b5cf61a);border-color:#6366f166;color:#a5b4fc}.pricing-module [data-theme=dark] .plan-icon{background:linear-gradient(135deg,#6366f133,#8b5cf61a);color:#a5b4fc}@media (max-width: 1024px){.pricing-module .pricing-content{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.pricing-module .pricing-card.featured{transform:none}.pricing-module .pricing-card.featured:hover{transform:translateY(-8px)}}@media (max-width: 768px){.pricing-module .pricing-container{padding:1rem}.pricing-module .pricing-header h1{font-size:2.25rem}.pricing-module .pricing-content{grid-template-columns:1fr;gap:1.5rem}.pricing-module .pricing-card{padding:2rem 1.5rem}.pricing-module .price .amount{font-size:2.75rem}.pricing-module .bottom-cta{padding:2rem 1rem}.pricing-module .cta-content h3{font-size:1.5rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.payment-method-modal{background-color:var(--background-color, #ffffff);border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:500px;overflow:hidden}.modal-content{display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color, #e5e7eb)}.modal-header h2{margin:0;font-size:1.25rem;color:var(--text-color, #111827)}.close-button{background:none;border:none;cursor:pointer;font-size:1.25rem;color:var(--text-secondary, #6b7280);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:background-color .2s}.close-button:hover{background-color:var(--hover-color, #f3f4f6)}.modal-body{padding:20px}.error-message{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:16px;background-color:#f43f5e1a;border-left:4px solid #f43f5e;color:#f43f5e;border-radius:4px}.success-message{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:16px;background-color:#10b9811a;border-left:4px solid #10b981;color:#10b981;border-radius:4px}.payment-form-group{margin-bottom:20px}.payment-form-group label{display:block;margin-bottom:8px;font-weight:500;color:var(--text-color, #111827)}.card-element-container{padding:12px;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;background-color:var(--input-bg, #ffffff);transition:border-color .2s}.card-element-container:focus-within{border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 2px #3b82f633}.card-info{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:.875rem;color:var(--text-secondary, #6b7280)}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cancel-button{padding:10px 16px;background:none;border:1px solid var(--border-color, #e5e7eb);border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s;color:var(--text-color, #111827)}.cancel-button:hover:not(:disabled){background-color:var(--hover-color, #f3f4f6)}.submit-button{padding:10px 16px;background-color:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:4px;font-weight:500;cursor:pointer;transition:background-color .2s}.submit-button:hover:not(:disabled){background-color:var(--primary-dark, #2563eb)}.submit-button:disabled,.cancel-button:disabled{opacity:.6;cursor:not-allowed}.loading-state{display:flex;align-items:center;justify-content:center;padding:40px;background-color:var(--background-color, #ffffff);border-radius:8px;box-shadow:0 4px 12px #00000026;font-weight:500;color:var(--text-secondary, #6b7280)}.cancel-modal-overlay{position:fixed;top:0;left:280px;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.cancel-modal{background:var(--card-background, #ffffff);border-radius:16px;box-shadow:0 20px 40px #00000026;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out;border:1px solid var(--border-color, #e5e7eb)}.cancel-modal-header{display:flex;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--border-color, #e5e7eb);position:relative}.cancel-modal-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#fee2e2,#fecaca);display:flex;align-items:center;justify-content:center;color:#dc2626;font-size:1.5rem;flex-shrink:0}.cancel-modal-header h2{margin:0;color:var(--text-primary, #1f2937);font-size:1.25rem;font-weight:600;flex:1}.cancel-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:var(--text-secondary, #6b7280);font-size:1.25rem;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.cancel-modal-close:hover{background:var(--hover-background, #f3f4f6);color:var(--text-primary, #1f2937)}.cancel-modal-close:disabled{opacity:.5;cursor:not-allowed}.cancel-modal-content{padding:1.5rem}.cancel-warning p{margin:0 0 1.5rem;color:var(--text-primary, #1f2937);font-size:1rem;line-height:1.6}.cancel-details{background:var(--background-secondary, #f9fafb);border-radius:12px;padding:1.5rem;border:1px solid var(--border-color, #e5e7eb)}.cancel-detail-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.cancel-detail-item:last-child{margin-bottom:0}.cancel-detail-item>svg{color:#0ea5e9;font-size:1.25rem;margin-top:.125rem;flex-shrink:0}.cancel-detail-item h4{margin:0 0 .5rem;color:var(--text-primary, #1f2937);font-size:.875rem;font-weight:600}.cancel-detail-item p{margin:0;color:var(--text-secondary, #6b7280);font-size:.875rem;line-height:1.5}.billing-end-date{font-weight:600;color:var(--text-primary, #1f2937)}.cancel-consequences{margin-top:1.5rem}.cancel-consequences h4{margin:0 0 .75rem;color:var(--text-primary, #1f2937);font-size:.875rem;font-weight:600}.cancel-consequences ul{margin:0;padding-left:1.25rem;color:var(--text-secondary, #6b7280);font-size:.875rem;line-height:1.5}.cancel-consequences li{margin-bottom:.5rem}.cancel-consequences li:last-child{margin-bottom:0}.cancel-modal-actions{display:flex;gap:.75rem;padding:1.5rem;border-top:1px solid var(--border-color, #e5e7eb);background:var(--background-secondary, #f9fafb);border-radius:0 0 16px 16px}.cancel-modal-btn{flex:1;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;font-size:.875rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent;display:flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px}.cancel-modal-btn:disabled{opacity:.6;cursor:not-allowed}.cancel-modal-btn-secondary{background:var(--card-background, #ffffff);color:var(--text-primary, #1f2937);border-color:var(--border-color, #e5e7eb)}.cancel-modal-btn-secondary:hover:not(:disabled){background:var(--hover-background, #f3f4f6);border-color:var(--border-hover, #d1d5db)}.cancel-modal-btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-color:transparent}.cancel-modal-btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#b91c1c,#991b1b);transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.cancel-modal-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .cancel-modal{background:var(--dark-card-background, #1f2937);border-color:var(--dark-border-color, #374151)}[data-theme=dark] .cancel-modal-header{border-color:var(--dark-border-color, #374151)}[data-theme=dark] .cancel-modal-header h2{color:var(--dark-text-primary, #f9fafb)}[data-theme=dark] .cancel-modal-close{color:var(--dark-text-secondary, #9ca3af)}[data-theme=dark] .cancel-modal-close:hover{background:var(--dark-hover-background, #374151);color:var(--dark-text-primary, #f9fafb)}[data-theme=dark] .cancel-warning p{color:var(--dark-text-primary, #f9fafb)}[data-theme=dark] .cancel-details{background:var(--dark-background-secondary, #111827);border-color:var(--dark-border-color, #374151)}[data-theme=dark] .cancel-detail-item h4{color:var(--dark-text-primary, #f9fafb)}[data-theme=dark] .cancel-detail-item p{color:var(--dark-text-secondary, #9ca3af)}[data-theme=dark] .billing-end-date,[data-theme=dark] .cancel-consequences h4{color:var(--dark-text-primary, #f9fafb)}[data-theme=dark] .cancel-consequences ul{color:var(--dark-text-secondary, #9ca3af)}[data-theme=dark] .cancel-modal-actions{border-color:var(--dark-border-color, #374151);background:var(--dark-background-secondary, #111827)}[data-theme=dark] .cancel-modal-btn-secondary{background:var(--dark-card-background, #1f2937);color:var(--dark-text-primary, #f9fafb);border-color:var(--dark-border-color, #374151)}[data-theme=dark] .cancel-modal-btn-secondary:hover:not(:disabled){background:var(--dark-hover-background, #374151);border-color:var(--dark-border-hover, #4b5563)}@media (max-width: 1024px){.cancel-modal-overlay{left:0}}@media (max-width: 640px){.cancel-modal{width:95%;margin:1rem}.cancel-modal-header{padding:1rem 1rem .75rem}.cancel-modal-content{padding:1rem}.cancel-modal-actions{padding:1rem;flex-direction:column}.cancel-modal-btn{width:100%}}@keyframes subscription-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes subscription-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes subscription-pulse{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes subscription-progress{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes subscription-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes subscription-wave{0%{background-position-x:0}to{background-position-x:1000px}}.manage-subscription-container button:focus,.manage-subscription-container button:focus-visible,.manage-subscription-container [role=button]:focus,.manage-subscription-container [role=button]:focus-visible,.manage-subscription-container .tab-button:focus,.manage-subscription-container .tab-button:focus-visible,.manage-subscription-container .card-action-button:focus,.manage-subscription-container .card-action-button:focus-visible,.manage-subscription-container .card-action-warning-button:focus,.manage-subscription-container .card-action-warning-button:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}.manage-subscription-container{padding:1.5rem;margin:0 auto;font-family:var(--font-family-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif);position:relative}.manage-subscription-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 10% 10%,rgba(99,102,241,.03) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(16,185,129,.03) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.01) 0%,transparent 70%);z-index:-1;pointer-events:none;opacity:.7}.manage-subscription-container .page-header{display:flex;align-items:center;margin-bottom:2rem;gap:1rem;flex-wrap:wrap}.manage-subscription-container .page-header h1{font-size:1.75rem;font-weight:600;margin:0;color:#1f2937}.manage-subscription-container .back-button{display:flex;align-items:center;gap:.5rem;background-color:#f3f4f6;border:none;border-radius:12px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:#4b5563;cursor:pointer;transition:background-color .2s}.manage-subscription-container .back-button:hover{background-color:#e5e7eb}.manage-subscription-container .loading-state{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:3rem;background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#6366f1}.manage-subscription-container .loading-spinner{animation:subscription-spin 1.5s linear infinite;font-size:1.125rem}.manage-subscription-container .error-message{display:flex;align-items:center;padding:1rem;background-color:#fee2e2;border-radius:12px;border-left:4px solid #ef4444;margin-bottom:1.5rem;color:#b91c1c;gap:.75rem}.manage-subscription-container .error-message svg{flex-shrink:0;font-size:1.25rem}.manage-subscription-container .error-message button{margin-left:auto;background-color:transparent;border:1px solid #fca5a5;border-radius:4px;padding:.25rem .75rem;color:#b91c1c;font-size:.875rem;cursor:pointer;transition:all .2s}.manage-subscription-container .error-message button:hover{background-color:#fef2f2}.manage-subscription-container .success-message{display:flex;align-items:center;padding:1rem;background-color:#d1fae5;border-radius:12px;border-left:4px solid #10b981;margin-bottom:1.5rem;color:#047857;gap:.75rem}.manage-subscription-container .success-message svg{flex-shrink:0;font-size:1.25rem}.manage-subscription-container .no-subscription-panel{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:2rem;text-align:center}.manage-subscription-container .no-subscription-panel h2{color:#1f2937;font-size:1.25rem;margin-bottom:1rem}.manage-subscription-container .no-subscription-panel p{color:#6b7280;margin-bottom:1.5rem}.manage-subscription-container .primary-button{cursor:pointer;transition:all .2s;font-weight:500;border-radius:12px;background-color:#6366f1;color:#fff;border:none;padding:.625rem 1.5rem;font-size:.875rem}.manage-subscription-container .primary-button:hover{background-color:#4f46e5}.manage-subscription-container .subscription-panel{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.manage-subscription-container .subscription-panel{grid-template-columns:2fr 1fr}}.manage-subscription-container .subscription-summary{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.manage-subscription-container .summary-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem;position:relative;z-index:2;padding-top:.5rem;border-top:3px solid transparent;background-clip:padding-box}.manage-subscription-container .summary-title-section{display:flex;align-items:center;gap:.75rem}.manage-subscription-container .summary-title-section h2{font-size:1.25rem;font-weight:600;margin:0;color:#1f2937}.manage-subscription-container .plan-tier-badge{display:flex;align-items:center;gap:.25rem;padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;color:#fff;box-shadow:0 2px 4px -1px #0000000f}.manage-subscription-container .plan-tier-badge svg{font-size:.875rem}.manage-subscription-container .status-badge{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;box-shadow:0 2px 4px -1px #0000000f;transition:transform .3s ease}.manage-subscription-container .status-badge:hover{transform:translateY(-2px)}.manage-subscription-container .summary-details{display:flex;flex-direction:column;gap:1.25rem;position:relative;z-index:2}.manage-subscription-container .detail-row{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid rgba(229,231,235,.5);transition:all .3s ease;position:relative;overflow:hidden}.manage-subscription-container .detail-row:last-child{border-bottom:none}.manage-subscription-container .detail-row:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.02),rgba(99,102,241,.01),transparent);transition:left .5s ease;pointer-events:none}.manage-subscription-container .detail-row:hover{background-color:#f3f4f64d;border-radius:4px;transform:translate(2px)}.manage-subscription-container .detail-row:hover:before{left:100%}.manage-subscription-container .detail-row:hover .detail-icon{transform:scale(1.1);color:#7a7df3}.manage-subscription-container .detail-label{font-size:.875rem;color:#6b7280;font-weight:500;display:flex;align-items:center;gap:.5rem}.manage-subscription-container .detail-label .detail-icon{color:#6366f1;font-size:1rem;transition:transform .3s ease,color .3s ease}.manage-subscription-container .detail-value{font-size:1rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:.5rem;transition:transform .3s ease}.manage-subscription-container .detail-value:hover{transform:translateY(-1px)}.manage-subscription-container .detail-value .detail-period{color:#6b7280;font-size:.875rem;font-weight:500}.manage-subscription-container .detail-value-group{display:flex;align-items:center;gap:.5rem}.manage-subscription-container .cancel-badge{font-size:.75rem;font-weight:500;background-color:#fee2e2;color:#ef4444;padding:.125rem .5rem;border-radius:4px;margin-left:.5rem;animation:subscription-pulse 2s infinite}.manage-subscription-container .billing-period-progress{margin-top:.5rem;padding:1rem;background-color:#6366f105;border-radius:12px;border:1px solid rgba(99,102,241,.05);position:relative;overflow:hidden;transition:all .3s ease}.manage-subscription-container .billing-period-progress:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#6366f103,#6366f108,#6366f103);background-size:200% 100%;animation:subscription-wave 8s linear infinite;pointer-events:none}.manage-subscription-container .billing-period-progress .progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0;font-size:.75rem;color:#6b7280;font-weight:500;position:relative;z-index:1}.manage-subscription-container .billing-period-progress .progress-header span:last-child{color:#6366f1;font-weight:600;position:relative}.manage-subscription-container .billing-period-progress .progress-header span:last-child:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:#6366f1;opacity:.3}.manage-subscription-container .billing-period-progress:hover{border-color:#6366f11a;background-color:#6366f108;transform:translateY(-1px);box-shadow:0 2px 4px -1px #0000000f}.manage-subscription-container .key-features{margin-top:1rem;padding-top:1rem;border-top:1px dashed #e5e7eb}.manage-subscription-container .key-features h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.manage-subscription-container .key-features h4 .feature-title-icon{color:#10b981}.manage-subscription-container .key-features .key-features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.5rem;margin-top:.5rem}.manage-subscription-container .key-features .key-feature-item{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280;padding:.25rem .5rem;background-color:#f9fafb;border-radius:4px;transition:all .2s ease;border:1px solid transparent}.manage-subscription-container .key-features .key-feature-item:hover{transform:translateY(-2px);background-color:#f3f4f6;box-shadow:0 2px 4px -1px #0000000f;border-color:#e5e7eb;color:#4b5563}.manage-subscription-container .key-features .key-feature-item .key-feature-check{color:#10b981;flex-shrink:0}.manage-subscription-container .next-payment-info{margin-top:1rem;padding:1rem;background-color:#6366f105;border:1px solid rgba(99,102,241,.05);border-radius:12px;transition:all .3s ease;position:relative;overflow:hidden}.manage-subscription-container .next-payment-info:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(99,102,241,.03) 0%,transparent 70%);opacity:.7;z-index:0;pointer-events:none;transform-origin:center;animation:subscription-pulse 4s ease-in-out infinite}.manage-subscription-container .next-payment-info h4{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem;position:relative;z-index:1}.manage-subscription-container .next-payment-info h4 .next-payment-icon{color:#6366f1}.manage-subscription-container .next-payment-info .next-payment-details{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;margin-top:.25rem;position:relative;z-index:1}.manage-subscription-container .next-payment-info .next-payment-details .next-payment-date,.manage-subscription-container .next-payment-info .next-payment-details .next-payment-amount{display:flex;flex-direction:column;gap:.25rem}.manage-subscription-container .next-payment-info .next-payment-details .next-payment-date .label,.manage-subscription-container .next-payment-info .next-payment-details .next-payment-amount .label{font-size:.75rem;color:#6b7280}.manage-subscription-container .next-payment-info .next-payment-details .next-payment-date .value,.manage-subscription-container .next-payment-info .next-payment-details .next-payment-amount .value{font-weight:600;color:#374151;position:relative;display:inline-block}.manage-subscription-container .next-payment-info .next-payment-details .next-payment-date .value:after,.manage-subscription-container .next-payment-info .next-payment-details .next-payment-amount .value:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:linear-gradient(90deg,#6366f133,#6366f166,#6366f133);transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.manage-subscription-container .next-payment-info:hover{background-color:#6366f108;border-color:#6366f11a;box-shadow:0 2px 4px -1px #0000000f;transform:translateY(-1px)}.manage-subscription-container .next-payment-info:hover .next-payment-date .value:after,.manage-subscription-container .next-payment-info:hover .next-payment-amount .value:after{transform:scaleX(1);transform-origin:bottom left}.manage-subscription-container .subscription-actions{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.manage-subscription-container .subscription-actions h3{font-size:1.125rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.manage-subscription-container .subscription-actions .action-row{display:flex;justify-content:space-between;align-items:flex-start;padding:.75rem 0;border-bottom:1px solid #e5e7eb}.manage-subscription-container .subscription-actions .action-row:last-child{border-bottom:none}.manage-subscription-container .subscription-actions .action-row .action-description{flex:1;padding-right:1.25rem}.manage-subscription-container .subscription-actions .action-row .action-description h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.manage-subscription-container .subscription-actions .action-row .action-description p{font-size:.875rem;color:#6b7280;margin:0}.manage-subscription-container .cancel-button,.manage-subscription-container .reactivate-button,.manage-subscription-container .subscription-support-button{padding:.5rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .25s ease;min-width:130px;text-align:center;position:relative;overflow:hidden}.manage-subscription-container .cancel-button:disabled,.manage-subscription-container .reactivate-button:disabled,.manage-subscription-container .subscription-support-button:disabled{opacity:.6;cursor:not-allowed}.manage-subscription-container .cancel-button{background-color:transparent;color:#ef4444;border:1px solid #ef4444;display:flex;align-items:center;justify-content:center;gap:8px}.manage-subscription-container .cancel-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#ef44441a;transition:left .3s ease}.manage-subscription-container .cancel-button:hover{background-color:#ef44440d;border-color:#ed2d2d;transform:translateY(-1px);box-shadow:0 3px 8px #ef444426;color:#ef4444}.manage-subscription-container .cancel-button:hover:before{left:0}.manage-subscription-container .cancel-button:active{transform:translateY(0);box-shadow:0 1px 3px #ef44441a;background-color:#ef44441a}.manage-subscription-container .reactivate-button{cursor:pointer;transition:all .2s;font-weight:500;border-radius:12px;background-color:#6366f1;color:#fff;border:none}.manage-subscription-container .reactivate-button:hover{background-color:#4f46e5}.manage-subscription-container .subscription-support-button{background-color:transparent;color:#3498db;border:1px solid #3498db;box-shadow:0 2px 4px #3498db1a;display:flex;align-items:center;justify-content:center;gap:8px}.manage-subscription-container .subscription-support-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#3498db1a;transition:left .3s ease}.manage-subscription-container .subscription-support-button:hover{background-color:#3498db0d;border-color:#2980b9;transform:translateY(-1px);box-shadow:0 3px 8px #3498db33}.manage-subscription-container .subscription-support-button:hover:before{left:0}.manage-subscription-container .subscription-support-button:active{transform:translateY(0);box-shadow:0 1px 3px #3498db26;background-color:#3498db1a}.manage-subscription-container .subscription-content{margin-top:1.5rem}.manage-subscription-container .subscription-tabs{display:flex;margin-bottom:1.5rem;position:relative;border-bottom:none;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px}.manage-subscription-container .subscription-tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,#e5e7eb33,#e5e7ebcc,#e5e7eb33);z-index:0}.manage-subscription-container .subscription-tabs .tab-button{padding:.75rem 2.25rem .75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .3s ease;white-space:nowrap;position:relative;z-index:1;display:flex;align-items:center;gap:.25rem;overflow:visible;outline:none}.manage-subscription-container .subscription-tabs .tab-button:focus,.manage-subscription-container .subscription-tabs .tab-button:focus-visible{outline:none;box-shadow:none}.manage-subscription-container .subscription-tabs .tab-button svg{font-size:1rem;transition:all .3s ease}.manage-subscription-container .subscription-tabs .tab-button:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6366f1,#10b981);transform:scaleX(0);transform-origin:left;transition:transform .3s ease;z-index:2;border-radius:2px}.manage-subscription-container .subscription-tabs .tab-button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.manage-subscription-container .subscription-tabs .tab-button.active{color:#6366f1;font-weight:600;border-bottom:2px solid #6366f1}.manage-subscription-container .subscription-tabs .tab-button.active:before{transform:scaleX(1)}.manage-subscription-container .subscription-tabs .tab-button.active svg{color:#6366f1}.manage-subscription-container .subscription-tabs .tab-button:active:not(.active){transform:translateY(1px)}.manage-subscription-container .subscription-tabs .tab-button .tab-notification{position:absolute;top:8px;right:12px;background-color:#ef4444;color:#fff;font-size:.625rem;font-weight:600;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 0 0 2px #fffc;animation:notification-pulse 2s infinite;transform-origin:center;z-index:3}.manage-subscription-container .subscription-tabs .tab-button .tab-notification:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background-color:#ef44444d;border-radius:50%;z-index:-1;animation:notification-ripple 2s infinite}.manage-subscription-container .tab-content{animation:tab-fade-in .4s ease-in-out;position:relative}@keyframes tab-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.manage-subscription-container .plan-features{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.25rem;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.manage-subscription-container .plan-features h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0 0 .75rem;position:relative;z-index:1;display:flex;align-items:center;gap:.5rem}.manage-subscription-container .plan-features h3:before{content:"";display:block;width:5px;height:24px;background:linear-gradient(to bottom,#10b981,#6366f1);border-radius:4px}.manage-subscription-container .features-categories{display:flex;flex-direction:column;gap:.75rem;margin-top:.75rem}.manage-subscription-container .feature-category{position:relative;background-color:#f3f4f64d;border-radius:12px;padding:.75rem;transition:all .3s ease}.manage-subscription-container .feature-category+.feature-category{margin-top:.5rem}.manage-subscription-container .feature-category:hover{background-color:#f3f4f680;box-shadow:0 2px 4px -1px #0000000f}.manage-subscription-container .feature-category .category-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;position:relative;padding-bottom:.5rem;border-bottom:1px solid rgba(229,231,235,.3)}.manage-subscription-container .feature-category .category-header svg{font-size:1.125rem;color:#6366f1;background-color:#6366f11a;padding:.25rem;border-radius:50%}.manage-subscription-container .feature-category .category-header h4{font-size:1rem;font-weight:600;color:#374151;margin:0;position:relative}.manage-subscription-container .feature-category .category-header h4:after{content:"";position:absolute;bottom:-3px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#6366f1,transparent);border-radius:4px}.manage-subscription-container .feature-category .category-header .feature-count{margin-left:auto;background-color:#10b9811a;color:#10b981;font-size:.75rem;font-weight:600;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.manage-subscription-container .feature-category .category-header .feature-count:hover{background-color:#10b981;color:#fff;transform:scale(1.1)}.manage-subscription-container .feature-category .category-header:before{content:"";position:absolute;top:-.25rem;left:-.25rem;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%);z-index:0}.manage-subscription-container .feature-category .features-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem}@media (min-width: 992px){.manage-subscription-container .feature-category .features-list{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}}.manage-subscription-container .feature-category .features-list li.feature-item{padding:.5rem .75rem;background-color:#fff9;border-radius:4px;border:1px solid rgba(229,231,235,.2);transition:all .3s ease;font-size:.875rem;display:flex;align-items:center;gap:.5rem}.manage-subscription-container .feature-category .features-list li.feature-item .feature-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.manage-subscription-container .feature-category .features-list li.feature-item span{line-height:1.3;display:inline-block;overflow:hidden;text-overflow:ellipsis}.manage-subscription-container .feature-category .features-list li.feature-item:hover{transform:translateY(-1px);box-shadow:0 2px 4px -1px #0000000f;border-color:#10b98133;background-color:#ffffffe6}.manage-subscription-container .feature-category .features-list li.feature-item:hover .feature-check{transform:scale(1.1);color:#10b981}.manage-subscription-container .feature-category:hover .category-header svg{animation:subscription-pulse 2s infinite}.manage-subscription-container .feature-check{color:#10b981;flex-shrink:0;font-size:1rem;background-color:#10b9811a;padding:.25rem;border-radius:50%;transition:all .3s ease}.manage-subscription-container .payment-methods-panel{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;position:relative;overflow:hidden}.manage-subscription-container .payment-methods-panel:before{content:"";position:absolute;top:-100px;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.05) 0%,transparent 70%);border-radius:50%;z-index:0}.manage-subscription-container .payment-methods-panel h2{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#1f2937}.manage-subscription-container .no-payment-methods{text-align:center;padding:2rem 0;color:#6b7280}.manage-subscription-container .payment-methods-list{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.manage-subscription-container .payment-method-card{display:flex;align-items:center;padding:1.25rem 1.5rem;border:none;border-radius:18px;background:linear-gradient(135deg,#f9fafb,#fff);gap:1.25rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000d,0 1px 2px #00000014;margin-bottom:1.25rem}.manage-subscription-container .payment-method-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(99,102,241,.08),transparent);transition:left .6s ease}.manage-subscription-container .payment-method-card:after{content:"";position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(to bottom,#6366f1,#a9abf7);transition:height .3s ease}.manage-subscription-container .payment-method-card:hover{transform:translateY(-4px);box-shadow:0 10px 20px #00000014,0 6px 6px #0000000d}.manage-subscription-container .payment-method-card:hover:before{left:100%}.manage-subscription-container .payment-method-card:hover:after{height:100%}.manage-subscription-container .payment-method-card:hover .card-icon{transform:scale(1.15) rotate(5deg)}.manage-subscription-container .payment-method-card:hover .card-actions{opacity:1;transform:translate(0)}.manage-subscription-container .payment-method-card .card-icon{transition:all .4s cubic-bezier(.175,.885,.32,1.275);font-size:1.5rem;color:#6366f1;background:#6366f114;width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.manage-subscription-container .payment-method-card.default{background:linear-gradient(135deg,#6366f10a,#fff);box-shadow:0 4px 15px #6366f11a,0 1px 3px #6366f114}.manage-subscription-container .payment-method-card.default:after{height:100%;background:#6366f1}.manage-subscription-container .payment-method-card.default .card-icon{background:#6366f126;color:#3438ed}.manage-subscription-container .payment-method-card.default .default-badge{position:relative;overflow:hidden;background:linear-gradient(90deg,#6366f1,#a9abf7);color:#fff;font-weight:600;padding:.25rem .75rem;box-shadow:0 2px 4px #6366f133}.manage-subscription-container .payment-method-card.default .default-badge:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,#fff0,#ffffff80,#fff0);transform:rotate(45deg);animation:shine 2.5s infinite}@keyframes shine{0%{left:-100%;top:-100%}to{left:100%;top:100%}}.manage-subscription-container .card-details{flex:1;padding:.25rem 0}.manage-subscription-container .card-number{font-weight:600;font-size:1rem;color:#374151;margin-bottom:.5rem;letter-spacing:.03em}.manage-subscription-container .card-expiry{font-size:.875rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.manage-subscription-container .card-expiry:before{content:"•";color:#6b7280;opacity:.7}.manage-subscription-container .card-added-date{font-size:.75rem;color:#6b7280;margin-top:.25rem;opacity:.8}.manage-subscription-container .default-badge{display:inline-block;font-size:.75rem;font-weight:500;color:#6366f1;background-color:#6366f114;padding:.25rem .5rem;border-radius:4px;margin-top:.5rem;transition:all .3s ease}.manage-subscription-container .card-actions{display:flex;gap:.75rem;opacity:.9;transition:all .3s ease}.manage-subscription-container .card-action-button{font-size:.75rem;padding:.5rem 1.25rem;border-radius:12px;font-weight:500;transition:all .2s;border:none;background-color:#f3f4f6;color:#374151;cursor:pointer}.manage-subscription-container .card-action-button:hover{background-color:#6366f1;color:#fff;transform:translateY(-1px)}.manage-subscription-container .card-action-warning-button{font-size:.75rem;padding:.5rem 1.25rem;border-radius:12px;font-weight:500;transition:all .2s;border:none;background-color:#ef444414;color:#ef4444;cursor:pointer}.manage-subscription-container .card-action-warning-button:hover{background-color:#ef4444;color:#fff;transform:translateY(-1px)}.manage-subscription-container .payment-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.5rem}.manage-subscription-container .add-payment-method{cursor:pointer;transition:all .2s;font-weight:500;border-radius:12px;background-color:#6366f1;color:#fff;border:none;font-size:.875rem;position:relative;overflow:hidden;margin-right:1rem;padding:10px 20px}.manage-subscription-container .add-payment-method:hover{background-color:#4f46e5}.manage-subscription-container .add-payment-method:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.manage-subscription-container .add-payment-method:hover:before{left:100%}.manage-subscription-container .refresh-payment-methods{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:1.25rem;color:#6b7280}.manage-subscription-container .refresh-payment-methods svg{transition:transform .3s ease}.manage-subscription-container .refresh-payment-methods:hover{background-color:#e4e7eb}.manage-subscription-container .refresh-payment-methods:hover svg{transform:rotate(180deg)}.manage-subscription-container .invoices-panel{background-color:#fff;border-radius:18px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;position:relative}.manage-subscription-container .invoices-panel h2{font-size:1.25rem;font-weight:600;margin:0 0 1.5rem;color:#1f2937}.manage-subscription-container .no-invoices{text-align:center;padding:2rem 0;color:#6b7280}.manage-subscription-container .invoices-list{border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;transition:all .3s ease}.manage-subscription-container .invoice-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .5fr 1fr;padding:.75rem 1rem;background-color:#f9fafb;border-bottom:1px solid #e5e7eb;font-weight:500;color:#4b5563;font-size:.75rem;text-transform:uppercase}.manage-subscription-container .invoice-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr .5fr 1fr;padding:.75rem 1rem;border-bottom:1px solid #e5e7eb;align-items:center;font-size:.875rem;color:#374151}.manage-subscription-container .invoice-row:last-child{border-bottom:none}.manage-subscription-container .invoice-row:hover{background-color:#f9fafb}.manage-subscription-container .invoice-number{font-weight:500}.manage-subscription-container .invoice-date{color:#6b7280}.manage-subscription-container .invoice-amount{font-weight:500}.manage-subscription-container .invoice-status{display:inline-block;padding:.25rem .5rem;border-radius:4px;font-size:.75rem;font-weight:500}.manage-subscription-container .status-paid{background-color:#10b9811a;color:#047857}.manage-subscription-container .status-open{background-color:#f59e0b1a;color:#b45309}.manage-subscription-container .status-void{background-color:#6b72801a;color:#4b5563}.manage-subscription-container .status-uncollectible{background-color:#ef44441a;color:#b91c1c}.manage-subscription-container .invoice-action{text-align:right}.manage-subscription-container .download-invoice{display:inline-flex;align-items:center;gap:.25rem;color:#6366f1;font-size:.75rem;text-decoration:none;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s;cursor:pointer}.manage-subscription-container .download-invoice:hover{background-color:#6366f11a}.manage-subscription-container .download-invoice svg{font-size:1rem}.manage-subscription-container .section-title{display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;margin:1.5rem 0 1.25rem;color:#1f2937}.manage-subscription-container .section-title svg{color:#6366f1}.manage-subscription-container .section-title:first-of-type{margin-top:0}.manage-subscription-container .payment-history-list{margin-bottom:1.5rem}.manage-subscription-container .payment-history-list .invoice-description{font-weight:500;color:#374151;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.manage-subscription-container .payment-history-list .invoice-payment-method{color:#6b7280;font-weight:500}.manage-subscription-container .payment-history-loading{padding:1.5rem 0;min-height:200px}@media (max-width: 768px){.manage-subscription-container .invoice-header,.manage-subscription-container .invoice-row{grid-template-columns:1fr 1.5fr 1fr;padding:.5rem}.manage-subscription-container .invoice-header .invoice-payment-method,.manage-subscription-container .invoice-header .invoice-description,.manage-subscription-container .invoice-row .invoice-payment-method,.manage-subscription-container .invoice-row .invoice-description{display:none}.manage-subscription-container .payment-history-list .invoice-header,.manage-subscription-container .payment-history-list .invoice-row{grid-template-columns:1fr 1fr .8fr}.manage-subscription-container .payment-history-list .invoice-header .invoice-description,.manage-subscription-container .payment-history-list .invoice-row .invoice-description{display:block;max-width:120px}}@media (max-width: 768px){.manage-subscription-container .features-list{grid-template-columns:1fr}.manage-subscription-container .invoice-header,.manage-subscription-container .invoice-row{grid-template-columns:1.5fr 1.5fr 1fr 1fr .5fr;font-size:.75rem}.manage-subscription-container .invoice-date,.manage-subscription-container .invoice-status{white-space:nowrap}.manage-subscription-container .payment-method-card{flex-direction:column;align-items:flex-start;text-align:center}.manage-subscription-container .payment-method-card .card-icon{margin:0 auto}.manage-subscription-container .card-actions{width:100%;flex-direction:row;justify-content:center;margin-top:.5rem}.manage-subscription-container .payment-actions{text-align:center}.manage-subscription-container .subscription-actions .action-row{flex-direction:column;align-items:flex-start;gap:.75rem}.manage-subscription-container .subscription-actions .action-row .action-description{padding-right:0;margin-bottom:.5rem}.manage-subscription-container .subscription-actions .action-row .cancel-button,.manage-subscription-container .subscription-actions .action-row .reactivate-button,.manage-subscription-container .subscription-actions .action-row .subscription-support-button{width:100%}.manage-subscription-container .key-features-list{grid-template-columns:1fr}.manage-subscription-container .detail-value-group{flex-direction:column;align-items:flex-start;gap:.25rem}.manage-subscription-container .detail-value-group .tooltip-wrapper{align-self:flex-end}.manage-subscription-container .next-payment-details{flex-direction:column;gap:.25rem}}@keyframes badge-shine{0%{left:-100%}20%{left:100%}to{left:100%}}@keyframes notification-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes notification-ripple{0%{transform:scale(1);opacity:1}to{transform:scale(1.6);opacity:0}}[data-theme=dark] .payment-method-card{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border:none;box-shadow:0 4px 6px #0003,0 1px 3px #0000001a}[data-theme=dark] .payment-method-card:before{background:linear-gradient(90deg,transparent,rgba(138,141,255,.1),transparent)}[data-theme=dark] .payment-method-card:after{background:linear-gradient(to bottom,#8a8dff,#bdbfff)}[data-theme=dark] .payment-method-card:hover{box-shadow:0 10px 20px #00000040,0 6px 6px #0000002e}[data-theme=dark] .payment-method-card .card-icon{color:#8a8dff;background:#8a8dff26}[data-theme=dark] .payment-method-card.default{background:linear-gradient(135deg,#8a8dff1a,#1e1e1e);box-shadow:0 4px 15px #8a8dff33,0 1px 3px #00000040}[data-theme=dark] .payment-method-card.default .card-icon{background:#8a8dff40;color:#bdbfff}[data-theme=dark] .payment-method-card.default .default-badge{background:linear-gradient(90deg,#8a8dff,#bdbfff);color:#fff;box-shadow:0 2px 4px #0003}[data-theme=dark] .payment-method-card.default .default-badge:after{background:linear-gradient(45deg,#fff0,#fff3,#fff0)}[data-theme=dark] .payment-method-card .card-number{color:#e0e0e0}[data-theme=dark] .payment-method-card .card-expiry{color:#b0b0b0}[data-theme=dark] .payment-method-card .card-expiry:before{color:#909090}[data-theme=dark] .payment-method-card .card-added-date{color:#909090}[data-theme=dark] .payment-method-card .default-badge{color:#8a8dff;background-color:#8a8dff26}[data-theme=dark] .card-action-button{background-color:#38383880;color:#b0b0b0}[data-theme=dark] .card-action-button:hover{background-color:#8a8dff;color:#fff}[data-theme=dark] .card-action-warning-button{background-color:#e74c3c26;color:#ed7669}[data-theme=dark] .card-action-warning-button:hover{background-color:#e74c3c;color:#fff}[data-theme=dark] .refresh-payment-methods{background-color:#2c2c2c;border-color:#444;color:#909090}[data-theme=dark] .refresh-payment-methods:hover{background-color:#383838}.plan-selection-section{margin-top:3rem;padding:2rem 0;border-top:1px solid #e5e7eb}.plan-selection-section .plan-selection-header{text-align:center;margin-bottom:3rem}.plan-selection-section .plan-selection-header .badge-container{margin-bottom:1rem}.plan-selection-section .plan-selection-header .feature-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.5rem 1rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:1rem}.plan-selection-section .plan-selection-header .feature-badge svg{width:16px;height:16px}.plan-selection-section .plan-selection-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#1f2937,#4b5563);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.plan-selection-section .plan-selection-header p{font-size:1.125rem;color:#4b5563;max-width:600px;margin:0 auto}.plan-selection-section .billing-cycle-toggle{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;margin-bottom:2rem}.plan-selection-section .billing-cycle-toggle .toggle-label{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.5rem}.plan-selection-section .billing-cycle-toggle .toggle-buttons{display:inline-flex;background:#f3f4f6;border-radius:50px;padding:4px;position:relative;box-shadow:inset 0 2px 4px #0000001a}.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;border:none;background:transparent;border-radius:50px;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500;color:#4b5563;position:relative;white-space:nowrap;min-width:120px}.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn svg{width:16px;height:16px;flex-shrink:0}.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn.active{background:#fff;color:#6366f1;box-shadow:0 2px 8px #00000026;transform:translateY(-1px)}.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn:hover:not(.active){color:#1f2937;background:#ffffffb3}.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn:first-child{margin-right:2px}.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn:last-child{margin-left:2px}@media (max-width: 768px){.plan-selection-section .billing-cycle-toggle .toggle-buttons{width:auto;max-width:100%}.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn{min-width:100px;padding:.75rem 1rem;font-size:.8rem}}@media (max-width: 480px){.plan-selection-section .billing-cycle-toggle .toggle-buttons .toggle-btn{min-width:90px;padding:.6rem .8rem;gap:.3rem}}.plan-selection-section .pricing-loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem;color:#4b5563}.plan-selection-section .pricing-loading-state .pricing-loading-spinner{font-size:2rem;animation:spin 1s linear infinite}.plan-selection-section .pricing-plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;max-width:1200px;margin:0 auto}@media (max-width: 768px){.plan-selection-section .pricing-plans-grid{grid-template-columns:1fr;gap:1rem}}.plan-selection-section .pricing-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:2rem;position:relative;transition:all .3s ease;opacity:0;transform:translateY(20px);animation:slideInUp .6s ease forwards;animation-delay:var(--animation-delay, 0s)}.plan-selection-section .pricing-card:hover{transform:translateY(-8px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border-color:#6366f14d}.plan-selection-section .pricing-card.featured{border:2px solid #6366f1;transform:scale(1.05)}.plan-selection-section .pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:.25rem 1rem;border-radius:50px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.plan-selection-section .pricing-card.current-plan{border:2px solid #10b981;background:linear-gradient(135deg,#10b9810d,#10b98105)}.plan-selection-section .pricing-card .current-plan-badge{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.25rem;background:#10b981;color:#fff;padding:.25rem .75rem;border-radius:50px;font-size:.75rem;font-weight:600}.plan-selection-section .pricing-card .current-plan-badge svg{width:14px;height:14px}.plan-selection-section .pricing-card .plan-header{text-align:center;margin-bottom:2rem}.plan-selection-section .pricing-card .plan-header .plan-icon{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.plan-selection-section .pricing-card .plan-header h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#1f2937}.plan-selection-section .pricing-card .plan-header .plan-description{color:#4b5563;margin-bottom:1.5rem;line-height:1.5}.plan-selection-section .pricing-card .plan-header .price-section .price{display:flex;align-items:baseline;justify-content:center;gap:.25rem;margin-bottom:.5rem}.plan-selection-section .pricing-card .plan-header .price-section .price .currency{font-size:1.5rem;font-weight:600;color:#4b5563}.plan-selection-section .pricing-card .plan-header .price-section .price .amount{font-size:3rem;font-weight:800;color:#1f2937;line-height:1}.plan-selection-section .pricing-card .plan-header .price-section .price .period{font-size:1rem;color:#4b5563;font-weight:500}.plan-selection-section .pricing-card .features-section{margin-bottom:2rem}.plan-selection-section .pricing-card .features-section h4{font-size:1rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.plan-selection-section .pricing-card .features-section .features{list-style:none;padding:0;margin:0}.plan-selection-section .pricing-card .features-section .features li{display:flex;align-items:center;padding:.5rem 0;color:#4b5563;opacity:0;animation:fadeInLeft .4s ease forwards;animation-delay:calc(var(--item-delay, 0s) + .3s)}.plan-selection-section .pricing-card .features-section .features li:before{content:"✓";margin-right:.75rem;color:#10b981;font-weight:600;font-size:1.1rem}.plan-selection-section .pricing-card .features-section .no-features h4{margin-bottom:.5rem}.plan-selection-section .pricing-card .features-section .no-features p{color:#6b7280;font-style:italic}.plan-selection-section .pricing-card .plan-button{width:100%;padding:1rem 1.5rem;border:2px solid transparent;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;background:linear-gradient(135deg,#f3f4f6,#f9fafb);color:#1f2937}.plan-selection-section .pricing-card .plan-button:hover:not(:disabled){background:linear-gradient(135deg,#6366f1,#5b5fdf);color:#fff;transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.plan-selection-section .pricing-card .plan-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.plan-selection-section .pricing-card .plan-button.primary:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#7c3aed)}.plan-selection-section .pricing-card .plan-button.current{background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:default}.plan-selection-section .pricing-card .plan-button.current:hover{transform:none;background:linear-gradient(135deg,#10b981,#059669)}.plan-selection-section .pricing-card .plan-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.plan-selection-section .pricing-card .plan-button svg{width:18px;height:18px}@keyframes slideInUp{to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.bottom-cta{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb;text-align:center}.bottom-cta .cta-content{max-width:600px;margin:0 auto}.bottom-cta .cta-content h3{font-size:1.75rem;font-weight:700;margin-bottom:.75rem;color:#1f2937}.bottom-cta .cta-content p{font-size:1.125rem;color:#4b5563;margin-bottom:1.5rem}.bottom-cta .cta-content .cta-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.125rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.75rem}.bottom-cta .cta-content .cta-button:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.bottom-cta .cta-content .cta-button svg{width:20px;height:20px}.bottom-cta [data-theme=dark]{--color-bg-white: #1f2937;--color-border: #374151;--shadow-lg: 0 8px 30px rgba(0, 0, 0, .3)}.bottom-cta [data-theme=dark] .pricing-section{background:#111827;color:#f9fafb}.bottom-cta [data-theme=dark] .pricing-section .section-header h2{color:#f9fafb}.bottom-cta [data-theme=dark] .pricing-section .section-header p{color:#9ca3af}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card,.bottom-cta [data-theme=dark] .pricing-card{background:#1f2937!important;background-color:#1f2937!important;border:1px solid #374151!important;border-color:#374151!important;box-shadow:0 8px 30px #0000004d!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card:hover,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card:hover,.bottom-cta [data-theme=dark] .pricing-card:hover{box-shadow:0 16px 50px #0006!important;border-color:#6366f199!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.featured,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card.featured,.bottom-cta [data-theme=dark] .pricing-card.featured{border-color:#6366f1!important;box-shadow:0 20px 60px #6366f14d!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.featured:before,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card.featured:before,.bottom-cta [data-theme=dark] .pricing-card.featured:before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.featured:hover,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card.featured:hover,.bottom-cta [data-theme=dark] .pricing-card.featured:hover{box-shadow:0 25px 70px #6366f166!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.current-plan,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card.current-plan,.bottom-cta [data-theme=dark] .pricing-card.current-plan{border-color:#10b981!important;background:linear-gradient(135deg,#10b9811a,#10b9810d)!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .current-plan-badge,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .current-plan-badge,.bottom-cta [data-theme=dark] .pricing-card .current-plan-badge{background:#10b981!important;color:#fff!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header h3,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-header h3,.bottom-cta [data-theme=dark] .pricing-card .plan-header h3{color:#f9fafb!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header .plan-description,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-header .plan-description,.bottom-cta [data-theme=dark] .pricing-card .plan-header .plan-description,.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header .price-section .price .currency,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-header .price-section .price .currency,.bottom-cta [data-theme=dark] .pricing-card .plan-header .price-section .price .currency{color:#9ca3af!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header .price-section .price .amount,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-header .price-section .price .amount,.bottom-cta [data-theme=dark] .pricing-card .plan-header .price-section .price .amount{color:#f9fafb!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header .price-section .price .period,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-header .price-section .price .period,.bottom-cta [data-theme=dark] .pricing-card .plan-header .price-section .price .period{color:#9ca3af!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section h4,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .features-section h4,.bottom-cta [data-theme=dark] .pricing-card .features-section h4{color:#f9fafb!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section .features li,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .features-section .features li,.bottom-cta [data-theme=dark] .pricing-card .features-section .features li{color:#d1d5db!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section .features li:before,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .features-section .features li:before,.bottom-cta [data-theme=dark] .pricing-card .features-section .features li:before{color:#10b981!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section .features li span,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .features-section .features li span,.bottom-cta [data-theme=dark] .pricing-card .features-section .features li span{color:#d1d5db!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section .no-features h4,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .features-section .no-features h4,.bottom-cta [data-theme=dark] .pricing-card .features-section .no-features h4{color:#f9fafb!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section .no-features p,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .features-section .no-features p,.bottom-cta [data-theme=dark] .pricing-card .features-section .no-features p{color:#9ca3af!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-button,.bottom-cta [data-theme=dark] .pricing-card .plan-button{border-color:#4b5563!important;color:#f9fafb!important;background:linear-gradient(135deg,#374151,#4b5563)!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button:hover,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-button:hover,.bottom-cta [data-theme=dark] .pricing-card .plan-button:hover{background:linear-gradient(135deg,#4b5563,#6b7280)!important;border-color:#f9fafb!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.primary,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.primary,.bottom-cta [data-theme=dark] .pricing-card .plan-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.primary:hover,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.primary:hover,.bottom-cta [data-theme=dark] .pricing-card .plan-button.primary:hover{background:linear-gradient(135deg,#9294f5,#a78bfa)!important}.bottom-cta [data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.current,.bottom-cta [data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.current,.bottom-cta [data-theme=dark] .pricing-card .plan-button.current{background:linear-gradient(135deg,#10b981,#0c8a60)!important;color:#fff!important;border-color:transparent!important}.bottom-cta .pricing-card{background:#1f2937!important;background-color:#1f2937!important;border:1px solid #374151!important;border-color:#374151!important;box-shadow:0 8px 30px #0000004d!important}.bottom-cta .pricing-card:hover{box-shadow:0 16px 50px #0006;border-color:#6366f199}.bottom-cta .pricing-card.featured{border-color:#6366f1!important;box-shadow:0 20px 60px #6366f14d}.bottom-cta .pricing-card.featured:before{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.bottom-cta .pricing-card.featured:hover{box-shadow:0 25px 70px #6366f166}.bottom-cta .pricing-card.current-plan{border-color:#10b981!important;background:linear-gradient(135deg,#10b9811a,#10b9810d)}.bottom-cta .pricing-card .plan-header h3{color:#f9fafb}.bottom-cta .pricing-card .plan-header .plan-description,.bottom-cta .pricing-card .plan-header .price-section .price .currency{color:#9ca3af}.bottom-cta .pricing-card .plan-header .price-section .price .amount{color:#f9fafb}.bottom-cta .pricing-card .plan-header .price-section .price .period{color:#9ca3af}.bottom-cta .pricing-card .features-section h4{color:#f9fafb}.bottom-cta .pricing-card .features-section .features li{color:#d1d5db}.bottom-cta .pricing-card .features-section .features li:before{color:#10b981}.bottom-cta .pricing-card .features-section .no-features h4{color:#f9fafb}.bottom-cta .pricing-card .features-section .no-features p{color:#9ca3af}.bottom-cta .pricing-card .plan-button{border-color:#4b5563!important;color:#f9fafb!important;background:linear-gradient(135deg,#374151,#4b5563)!important}.bottom-cta .pricing-card .plan-button:hover{background:linear-gradient(135deg,#4b5563,#6b7280)!important;border-color:#f9fafb!important}.bottom-cta .pricing-card .plan-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}.bottom-cta .pricing-card .plan-button.primary:hover{background:linear-gradient(135deg,#9294f5,#a78bfa)!important}.bottom-cta .pricing-card .plan-button.current{background:linear-gradient(135deg,#10b981,#0c8a60)!important;color:#fff!important;border-color:transparent!important}.bottom-cta .bottom-cta{background:linear-gradient(135deg,#6366f11a,#8b5cf60d);border-color:#6366f14d}.bottom-cta .bottom-cta .cta-content h3{color:#f9fafb}.bottom-cta .bottom-cta .cta-content p{color:#9ca3af}.bottom-cta .pricing-loading-state{background:#1f2937;color:#9ca3af}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card,body[data-theme=dark] .pricing-plans-grid .pricing-card,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card,html[data-theme=dark] .pricing-plans-grid .pricing-card,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card,[data-theme=dark] .pricing-plans-grid .pricing-card{background:#1f2937!important;background-color:#1f2937!important;border:1px solid #374151!important;border-color:#374151!important;box-shadow:0 8px 30px #0000004d!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.current-plan,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card.current-plan,body[data-theme=dark] .pricing-plans-grid .pricing-card.current-plan,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.current-plan,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card.current-plan,html[data-theme=dark] .pricing-plans-grid .pricing-card.current-plan,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.current-plan,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card.current-plan,[data-theme=dark] .pricing-plans-grid .pricing-card.current-plan{background:linear-gradient(135deg,#10b9811a,#10b9810d)!important;border-color:#10b981!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.featured,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card.featured,body[data-theme=dark] .pricing-plans-grid .pricing-card.featured,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.featured,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card.featured,html[data-theme=dark] .pricing-plans-grid .pricing-card.featured,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card.featured,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card.featured,[data-theme=dark] .pricing-plans-grid .pricing-card.featured{border-color:#6366f1!important;box-shadow:0 20px 60px #6366f14d!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header h3,body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card h3,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-header h3,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card h3,body[data-theme=dark] .pricing-plans-grid .pricing-card .plan-header h3,body[data-theme=dark] .pricing-plans-grid .pricing-card h3,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header h3,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card h3,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-header h3,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card h3,html[data-theme=dark] .pricing-plans-grid .pricing-card .plan-header h3,html[data-theme=dark] .pricing-plans-grid .pricing-card h3,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-header h3,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card h3,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-header h3,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card h3,[data-theme=dark] .pricing-plans-grid .pricing-card .plan-header h3,[data-theme=dark] .pricing-plans-grid .pricing-card h3{color:#f9fafb!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-description,body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card p,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-description,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card p,body[data-theme=dark] .pricing-plans-grid .pricing-card .plan-description,body[data-theme=dark] .pricing-plans-grid .pricing-card p,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-description,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card p,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-description,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card p,html[data-theme=dark] .pricing-plans-grid .pricing-card .plan-description,html[data-theme=dark] .pricing-plans-grid .pricing-card p,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-description,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card p,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-description,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card p,[data-theme=dark] .pricing-plans-grid .pricing-card .plan-description,[data-theme=dark] .pricing-plans-grid .pricing-card p,body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .currency,body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .period,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .currency,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .period,body[data-theme=dark] .pricing-plans-grid .pricing-card .price .currency,body[data-theme=dark] .pricing-plans-grid .pricing-card .price .period,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .currency,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .period,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .currency,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .period,html[data-theme=dark] .pricing-plans-grid .pricing-card .price .currency,html[data-theme=dark] .pricing-plans-grid .pricing-card .price .period,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .currency,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .period,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .currency,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .period,[data-theme=dark] .pricing-plans-grid .pricing-card .price .currency,[data-theme=dark] .pricing-plans-grid .pricing-card .price .period{color:#9ca3af!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .amount,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .amount,body[data-theme=dark] .pricing-plans-grid .pricing-card .price .amount,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .amount,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .amount,html[data-theme=dark] .pricing-plans-grid .pricing-card .price .amount,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .price .amount,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .price .amount,[data-theme=dark] .pricing-plans-grid .pricing-card .price .amount,body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section h4,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features-section h4,body[data-theme=dark] .pricing-plans-grid .pricing-card .features-section h4,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section h4,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features-section h4,html[data-theme=dark] .pricing-plans-grid .pricing-card .features-section h4,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features-section h4,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features-section h4,[data-theme=dark] .pricing-plans-grid .pricing-card .features-section h4{color:#f9fafb!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features li,body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features li span,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features li,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features li span,body[data-theme=dark] .pricing-plans-grid .pricing-card .features li,body[data-theme=dark] .pricing-plans-grid .pricing-card .features li span,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features li,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features li span,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features li,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features li span,html[data-theme=dark] .pricing-plans-grid .pricing-card .features li,html[data-theme=dark] .pricing-plans-grid .pricing-card .features li span,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features li,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .features li span,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features li,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .features li span,[data-theme=dark] .pricing-plans-grid .pricing-card .features li,[data-theme=dark] .pricing-plans-grid .pricing-card .features li span{color:#d1d5db!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-features h4,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-features h4,body[data-theme=dark] .pricing-plans-grid .pricing-card .no-features h4,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-features h4,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-features h4,html[data-theme=dark] .pricing-plans-grid .pricing-card .no-features h4,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-features h4,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-features h4,[data-theme=dark] .pricing-plans-grid .pricing-card .no-features h4{color:#f9fafb!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-features p,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-features p,body[data-theme=dark] .pricing-plans-grid .pricing-card .no-features p,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-features p,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-features p,html[data-theme=dark] .pricing-plans-grid .pricing-card .no-features p,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-features p,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-features p,[data-theme=dark] .pricing-plans-grid .pricing-card .no-features p{color:#9ca3af!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button,body[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button,html[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button,[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button{background:linear-gradient(135deg,#374151,#4b5563)!important;color:#f9fafb!important;border-color:#4b5563!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.primary,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button.primary,body[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.primary,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.primary,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button.primary,html[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.primary,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.primary,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button.primary,[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.primary{background:linear-gradient(135deg,#6366f1,#8b5cf6)!important;color:#fff!important;border-color:transparent!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.current,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button.current,body[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.current,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.current,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button.current,html[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.current,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .plan-button.current,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .plan-button.current,[data-theme=dark] .pricing-plans-grid .pricing-card .plan-button.current{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;border-color:transparent!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .current-plan-badge,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .current-plan-badge,body[data-theme=dark] .pricing-plans-grid .pricing-card .current-plan-badge,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .current-plan-badge,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .current-plan-badge,html[data-theme=dark] .pricing-plans-grid .pricing-card .current-plan-badge,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .current-plan-badge,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .current-plan-badge,[data-theme=dark] .pricing-plans-grid .pricing-card .current-plan-badge{background:#10b981!important;color:#fff!important}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message,body[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message,html[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message,[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message{background:var(--dark-card-background);border-color:var(--dark-border-color)}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message h3,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message h3,body[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message h3,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message h3,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message h3,html[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message h3,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message h3,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message h3,[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message h3{color:var(--dark-text-primary)}body[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message p,body[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message p,body[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message p,html[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message p,html[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message p,html[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message p,[data-theme=dark] .manage-subscription-container .pricing-plans-grid .pricing-card .no-subscription-message p,[data-theme=dark] .pricing-section .pricing-plans-grid .pricing-card .no-subscription-message p,[data-theme=dark] .pricing-plans-grid .pricing-card .no-subscription-message p{color:var(--dark-text-secondary)}.no-subscription-message{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem;text-align:center}.no-subscription-message h3{margin:0 0 1rem;color:var(--text-primary);font-size:1.25rem;font-weight:600}.no-subscription-message p{color:var(--text-secondary);line-height:1.6;max-width:500px;margin:0 auto}.usage-history{max-width:100%;padding:0}.usage-history .usage-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid #e2e8f0}[data-theme=dark] .usage-history .usage-header{border-bottom-color:#374151}.usage-history .usage-header .usage-title{display:flex;flex-direction:column;gap:.5rem}.usage-history .usage-header .usage-title>svg{color:#6366f1;font-size:2rem;margin-bottom:.5rem}.usage-history .usage-header .usage-title h2{margin:0;font-size:1.875rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.usage-history .usage-header .usage-title p{margin:0;color:var(--text-secondary);font-size:1rem}.usage-history .usage-header .usage-actions{display:flex;gap:.75rem}.usage-history .usage-header .usage-actions .btn-secondary{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid #e2e8f0;background:#fff;color:#374151;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.usage-history .usage-header .usage-actions .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#6366f1;color:#6366f1}.usage-history .usage-header .usage-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.usage-history .usage-header .usage-actions .btn-secondary svg{font-size:1rem}.usage-history .usage-header .usage-actions .btn-secondary .spinning{animation:spin 1s linear infinite}[data-theme=dark] .usage-history .usage-header .usage-actions .btn-secondary{background:#374151;border-color:#4b5563;color:#d1d5db}[data-theme=dark] .usage-history .usage-header .usage-actions .btn-secondary:hover:not(:disabled){background:#4b5563;border-color:#818cf8;color:#818cf8}.usage-history .usage-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}[data-theme=dark] .usage-history .usage-controls{background:#1f2937;border-color:#374151}.usage-history .usage-controls .date-range-controls{display:flex;gap:1rem}.usage-history .usage-controls .date-range-controls .date-input-group{display:flex;flex-direction:column;gap:.5rem}.usage-history .usage-controls .date-range-controls .date-input-group label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--text-secondary)}.usage-history .usage-controls .date-range-controls .date-input-group label svg{font-size:1rem;color:#6366f1}.usage-history .usage-controls .date-range-controls .date-input-group input[type=date]{padding:.75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;color:var(--text-primary);transition:border-color .2s ease}.usage-history .usage-controls .date-range-controls .date-input-group input[type=date]:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}[data-theme=dark] .usage-history .usage-controls .date-range-controls .date-input-group input[type=date]{background:#374151;border-color:#4b5563;color:#d1d5db}.usage-history .usage-controls .chart-type-controls{display:flex;gap:.5rem;background:#fff;padding:.25rem;border-radius:8px;border:1px solid #e2e8f0}[data-theme=dark] .usage-history .usage-controls .chart-type-controls{background:#374151;border-color:#4b5563}.usage-history .usage-controls .chart-type-controls .chart-type-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:none;background:transparent;color:var(--text-secondary);border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.usage-history .usage-controls .chart-type-controls .chart-type-btn.active{background:#6366f1;color:#fff}.usage-history .usage-controls .chart-type-controls .chart-type-btn:hover:not(.active){background:#f3f4f6;color:var(--text-primary)}[data-theme=dark] .usage-history .usage-controls .chart-type-controls .chart-type-btn:hover:not(.active){background:#4b5563}.usage-history .usage-controls .chart-type-controls .chart-type-btn svg{font-size:1rem}.usage-history .usage-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2rem}.usage-history .usage-stats .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all .2s ease}.usage-history .usage-stats .stat-card:hover{box-shadow:0 4px 12px #0000000d;border-color:#6366f1}[data-theme=dark] .usage-history .usage-stats .stat-card{background:#1f2937;border-color:#374151}.usage-history .usage-stats .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;color:#fff}.usage-history .usage-stats .stat-card .stat-icon svg{font-size:1.5rem}.usage-history .usage-stats .stat-card .stat-content{flex:1}.usage-history .usage-stats .stat-card .stat-content h3{margin:0 0 .25rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.usage-history .usage-stats .stat-card .stat-content .stat-value{margin:0;font-size:1.75rem;font-weight:700;color:var(--text-primary)}.usage-history .usage-error{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;margin-bottom:2rem}[data-theme=dark] .usage-history .usage-error{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.usage-history .usage-error svg{font-size:1.25rem;flex-shrink:0}.usage-history .usage-error span{flex:1;font-weight:500}.usage-history .usage-error button{padding:.5rem 1rem;background:#dc2626;color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.usage-history .usage-error button:hover{background:#b91c1c}.usage-history .usage-chart-container{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}[data-theme=dark] .usage-history .usage-chart-container{background:#1f2937;border-color:#374151}.usage-history .usage-chart-container .chart-header{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}[data-theme=dark] .usage-history .usage-chart-container .chart-header{border-bottom-color:#374151}.usage-history .usage-chart-container .chart-header h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.usage-history .usage-chart-container .chart-header p{margin:0;color:var(--text-secondary);font-size:.875rem}.usage-history .usage-chart-container .chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;color:var(--text-secondary)}.usage-history .usage-chart-container .chart-loading svg{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite}.usage-history .usage-chart-container .chart-loading p{margin:0;font-size:1rem}.usage-history .usage-chart-container .chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-secondary)}.usage-history .usage-chart-container .chart-empty svg{font-size:3rem;margin-bottom:1rem;opacity:.5}.usage-history .usage-chart-container .chart-empty h4{margin:0 0 .5rem;font-size:1.125rem;font-weight:600;color:var(--text-primary)}.usage-history .usage-chart-container .chart-empty p{margin:0;font-size:.875rem;max-width:400px}.usage-history .usage-chart-container .chart-wrapper{position:relative}.usage-history .usage-chart-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #00000026}[data-theme=dark] .usage-history .usage-chart-tooltip{background:#1f2937;border-color:#374151}.usage-history .usage-chart-tooltip .tooltip-label{margin:0 0 .5rem;font-size:.875rem;font-weight:600;color:var(--text-primary)}.usage-history .usage-chart-tooltip .tooltip-minutes,.usage-history .usage-chart-tooltip .tooltip-cost{margin:.25rem 0;font-size:.875rem;display:flex;align-items:center;gap:.5rem;color:var(--text-secondary)}.usage-history .usage-chart-tooltip .tooltip-minutes .tooltip-dot,.usage-history .usage-chart-tooltip .tooltip-cost .tooltip-dot{width:8px;height:8px;border-radius:50%;display:inline-block}@media (max-width: 768px){.usage-history .usage-header{flex-direction:column;gap:1rem;align-items:stretch}.usage-history .usage-header .usage-actions{justify-content:flex-end}.usage-history .usage-controls{flex-direction:column;gap:1rem;align-items:stretch}.usage-history .usage-controls .date-range-controls{flex-direction:column}.usage-history .usage-controls .chart-type-controls{align-self:flex-start}.usage-history .usage-stats{grid-template-columns:1fr}.usage-history .usage-chart-container{padding:1rem}.usage-history .usage-chart-container .chart-wrapper{margin:0 -1rem}}html[data-theme=dark] .manage-subscription-container button:focus,html[data-theme=dark] .manage-subscription-container button:focus-visible,html[data-theme=dark] .manage-subscription-container [role=button]:focus,html[data-theme=dark] .manage-subscription-container [role=button]:focus-visible,html[data-theme=dark] .manage-subscription-container .tab-button:focus,html[data-theme=dark] .manage-subscription-container .tab-button:focus-visible,html[data-theme=dark] .manage-subscription-container .card-action-button:focus,html[data-theme=dark] .manage-subscription-container .card-action-button:focus-visible,html[data-theme=dark] .manage-subscription-container .card-action-warning-button:focus,html[data-theme=dark] .manage-subscription-container .card-action-warning-button:focus-visible{outline:none!important;box-shadow:none!important;border-color:transparent!important}html[data-theme=dark] .manage-subscription-container:before{background-image:radial-gradient(circle at 10% 10%,rgba(138,141,255,.05) 0%,transparent 50%),radial-gradient(circle at 90% 90%,rgba(46,204,113,.05) 0%,transparent 50%),radial-gradient(circle at 50% 50%,rgba(138,141,255,.03) 0%,transparent 70%)}html[data-theme=dark] .manage-subscription-container .page-header h1{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .back-button{background-color:#2c2c2c;color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .back-button:hover{background-color:#383838}html[data-theme=dark] .manage-subscription-container .loading-state{background-color:#1e1e1e;color:#8a8dff;border:1px solid #444444;box-shadow:0 4px 6px #0003}html[data-theme=dark] .manage-subscription-container .loading-spinner{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .payment-tab-content .loading-state,html[data-theme=dark] .manage-subscription-container .invoices-tab-content .loading-state,html[data-theme=dark] .manage-subscription-container .details-tab-content .loading-state{background-color:#1e1e1e;border-color:#444}html[data-theme=dark] .manage-subscription-container .payment-history-loading{background-color:#1e1e1eb3}html[data-theme=dark] .manage-subscription-container .payment-history-loading .loading-spinner{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .error-message{background-color:#e74c3c26;border-left-color:#e74c3c;color:#ed7669}html[data-theme=dark] .manage-subscription-container .error-message svg{color:#e74c3c}html[data-theme=dark] .manage-subscription-container .error-message button{background-color:transparent;border-color:#e74c3c66;color:#ed7669}html[data-theme=dark] .manage-subscription-container .error-message button:hover{background-color:#e74c3c33}html[data-theme=dark] .manage-subscription-container .success-message{background-color:#2ecc7126;border-left-color:#2ecc71;color:#54d98c}html[data-theme=dark] .manage-subscription-container .success-message svg{color:#2ecc71}html[data-theme=dark] .manage-subscription-container .subscription-summary{background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 6px #0003}html[data-theme=dark] .manage-subscription-container .subscription-summary .summary-header h2{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .subscription-summary .detail-row{border-bottom-color:#44444480}html[data-theme=dark] .manage-subscription-container .subscription-summary .detail-row:hover{background-color:#2c2c2c4d}html[data-theme=dark] .manage-subscription-container .subscription-summary .detail-label{color:#909090}html[data-theme=dark] .manage-subscription-container .subscription-summary .detail-label .detail-icon{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .subscription-summary .detail-value{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .subscription-summary .detail-value .detail-period{color:#909090}html[data-theme=dark] .manage-subscription-container .subscription-summary .billing-period-progress{background-color:#8a8dff1a;border-color:#8a8dff33}html[data-theme=dark] .manage-subscription-container .subscription-summary .billing-period-progress .progress-header{color:#909090}html[data-theme=dark] .manage-subscription-container .subscription-summary .billing-period-progress .progress-header span:last-child{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .subscription-summary .billing-period-progress:hover{border-color:#8a8dff4d;background-color:#8a8dff26}html[data-theme=dark] .manage-subscription-container .subscription-summary .key-features{border-top-color:#444}html[data-theme=dark] .manage-subscription-container .subscription-summary .key-features h4{color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .subscription-summary .key-features h4 .feature-title-icon{color:#2ecc71}html[data-theme=dark] .manage-subscription-container .subscription-summary .key-features .key-feature-item{background-color:#2c2c2c;color:#909090;border-color:transparent}html[data-theme=dark] .manage-subscription-container .subscription-summary .key-features .key-feature-item:hover{background-color:#383838;border-color:#444;color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .subscription-summary .key-features .key-feature-item .key-feature-check{color:#2ecc71}html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info{background-color:#8a8dff1a;border-color:#8a8dff33}html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info h4{color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info h4 .next-payment-icon{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info .next-payment-details .next-payment-date .label,html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info .next-payment-details .next-payment-amount .label{color:#909090}html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info .next-payment-details .next-payment-date .value,html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info .next-payment-details .next-payment-amount .value{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info .next-payment-details .next-payment-date .value:after,html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info .next-payment-details .next-payment-amount .value:after{background:linear-gradient(90deg,#8a8dff33,#8a8dff66,#8a8dff33)}html[data-theme=dark] .manage-subscription-container .subscription-summary .next-payment-info:hover{background-color:#8a8dff26;border-color:#8a8dff4d}html[data-theme=dark] .manage-subscription-container .plan-features{background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 6px #0003}html[data-theme=dark] .manage-subscription-container .plan-features h3{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category{background-color:#2c2c2c4d}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category:hover{background-color:#2c2c2c80}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .category-header{border-bottom-color:#4444444d}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .category-header svg{color:#8a8dff;background-color:#8a8dff33}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .category-header h4{color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .category-header h4:after{background:linear-gradient(90deg,#8a8dff,transparent)}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .category-header .feature-count{background-color:#2ecc7133;color:#2ecc71}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .category-header .feature-count:hover{background-color:#2ecc71;color:#1e1e1e}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .features-list li.feature-item{background-color:#38383899;border-color:#4443}html[data-theme=dark] .manage-subscription-container .plan-features .feature-category .features-list li.feature-item:hover{border-color:#2ecc714d;background-color:#383838e6}html[data-theme=dark] .manage-subscription-container .plan-features .feature-check{color:#2ecc71;background-color:#2ecc7133}html[data-theme=dark] .manage-subscription-container .subscription-actions{background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 6px #0003}html[data-theme=dark] .manage-subscription-container .subscription-actions h3{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .subscription-actions .action-row{border-bottom-color:#444}html[data-theme=dark] .manage-subscription-container .subscription-actions .action-row .action-description h4{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .subscription-actions .action-row .action-description p{color:#909090}html[data-theme=dark] .manage-subscription-container .subscription-actions .cancel-button{color:#e74c3c;border-color:#e74c3c}html[data-theme=dark] .manage-subscription-container .subscription-actions .cancel-button:hover{background-color:#e74c3c26;box-shadow:0 3px 8px #e74c3c40}html[data-theme=dark] .manage-subscription-container .subscription-actions .reactivate-button{background-color:#8a8dff}html[data-theme=dark] .manage-subscription-container .subscription-actions .reactivate-button:hover{background-color:#6d70ff}html[data-theme=dark] .manage-subscription-container .subscription-actions .subscription-support-button{color:#4db8ff;border-color:#4db8ff}html[data-theme=dark] .manage-subscription-container .subscription-actions .subscription-support-button:hover{background-color:#4db8ff26;border-color:#4db8ff}html[data-theme=dark] .manage-subscription-container .payment-methods-panel{background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 6px #0003}html[data-theme=dark] .manage-subscription-container .payment-methods-panel:before{background:radial-gradient(circle,rgba(138,141,255,.08) 0%,transparent 70%)}html[data-theme=dark] .manage-subscription-container .payment-methods-panel h2{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .no-payment-methods{color:#909090}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card{background:linear-gradient(135deg,#2c2c2c,#1e1e1e);border:none;box-shadow:0 4px 6px #0003,0 1px 3px #0000001a}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card:before{background:linear-gradient(90deg,transparent,rgba(138,141,255,.1),transparent)}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card:after{background:linear-gradient(to bottom,#8a8dff,#bdbfff)}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card:hover{box-shadow:0 10px 20px #00000040,0 6px 6px #0000002e}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card .card-icon{color:#8a8dff;background:#8a8dff26}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card.default{background:linear-gradient(135deg,#8a8dff1a,#1e1e1e);box-shadow:0 4px 15px #8a8dff33,0 1px 3px #00000040}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card.default .card-icon{background:#8a8dff40;color:#bdbfff}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card.default .default-badge{background:linear-gradient(90deg,#8a8dff,#bdbfff);color:#fff;box-shadow:0 2px 4px #0003}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card.default .default-badge:after{background:linear-gradient(45deg,#fff0,#fff3,#fff0)}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card .card-number{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card .card-expiry{color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card .card-expiry:before{color:#909090}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card .card-added-date{color:#909090}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .payment-method-card .default-badge{color:#8a8dff;background-color:#8a8dff26}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .card-action-button{background-color:#38383880;color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .card-action-button:hover{background-color:#8a8dff;color:#fff}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .card-action-warning-button{background-color:#e74c3c26;color:#ed7669}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .payment-methods-list .card-action-warning-button:hover{background-color:#e74c3c;color:#fff}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .add-payment-method{background-color:#8a8dff;color:#fff}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .add-payment-method:hover{background-color:#6d70ff}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .add-payment-method:before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .refresh-payment-methods{background-color:#2c2c2c;border-color:#444;color:#909090}html[data-theme=dark] .manage-subscription-container .payment-methods-panel .refresh-payment-methods:hover{background-color:#383838}html[data-theme=dark] .manage-subscription-container .invoices-panel{background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 6px #0003}html[data-theme=dark] .manage-subscription-container .invoices-panel h2{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .invoices-panel .no-invoices{color:#909090}html[data-theme=dark] .manage-subscription-container .invoices-list{border-color:#444;background-color:#2c2c2c}html[data-theme=dark] .manage-subscription-container .invoice-header{background-color:#383838;border-bottom-color:#444;color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .invoice-row{border-bottom-color:#44444480;color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .invoice-row:hover{background-color:#38383880}html[data-theme=dark] .manage-subscription-container .invoice-number{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .invoice-date{color:#909090}html[data-theme=dark] .manage-subscription-container .invoice-amount{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .invoice-status.status-paid{background-color:#2ecc7133;color:#2ecc71}html[data-theme=dark] .manage-subscription-container .invoice-status.status-open{background-color:#f39c1233;color:#f39c12}html[data-theme=dark] .manage-subscription-container .invoice-status.status-void{background-color:#90909033;color:#909090}html[data-theme=dark] .manage-subscription-container .invoice-status.status-uncollectible{background-color:#e74c3c33;color:#e74c3c}html[data-theme=dark] .manage-subscription-container .download-invoice{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .download-invoice:hover{background-color:#8a8dff33}html[data-theme=dark] .manage-subscription-container .section-title{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .section-title svg{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .payment-history-list .invoice-description{color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .payment-history-list .invoice-payment-method{color:#909090}html[data-theme=dark] .manage-subscription-container .subscription-tabs:after{background:linear-gradient(90deg,#4443,#444c,#4443)}html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button{color:#909090;outline:none}html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button:focus,html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button:focus-visible{outline:none;box-shadow:none;border-color:transparent}html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button:before{background:linear-gradient(90deg,#8a8dff,#2ecc71)}html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button.active{color:#8a8dff;border-bottom-color:#8a8dff}html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button.active svg{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button:active:not(.active){background-color:#3838384d}html[data-theme=dark] .manage-subscription-container .subscription-tabs .tab-button .tab-notification{background-color:#e74c3c;box-shadow:0 0 0 2px #1e1e1ecc}html[data-theme=dark] .manage-subscription-container .tab-content{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .chart-loading-overlay{background-color:#1e1e1eb3}html[data-theme=dark] .manage-subscription-container .chart-loading-overlay .loading-spinner{color:#8a8dff}html[data-theme=dark] .manage-subscription-container .chart-loading-overlay .loading-text{color:#b0b0b0}html[data-theme=dark] .manage-subscription-container .no-subscription-panel{background-color:#1e1e1e;border-color:#444;box-shadow:0 4px 6px #0003}html[data-theme=dark] .manage-subscription-container .no-subscription-panel h2{color:#e0e0e0}html[data-theme=dark] .manage-subscription-container .no-subscription-panel p{color:#909090}html[data-theme=dark] .manage-subscription-container .no-subscription-panel .primary-button{background-color:#8a8dff}html[data-theme=dark] .manage-subscription-container .no-subscription-panel .primary-button:hover{background-color:#6d70ff}.customer-payments-container{padding:0}.customer-payments-container .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:var(--text-secondary)}.customer-payments-container .loading-state .loading-spinner{font-size:2rem;margin-bottom:1rem;animation:spin 1s linear infinite;color:var(--color-primary)}.customer-payments-container .loading-state span{font-size:1.1rem;font-weight:500}.customer-payments-container .customer-payments-header{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem}.customer-payments-container .customer-payments-header .header-content{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.customer-payments-container .customer-payments-header .header-content .title-section{display:flex;align-items:center;gap:1rem}.customer-payments-container .customer-payments-header .header-content .title-section .section-icon{font-size:2rem;color:var(--color-primary);background:var(--color-primary-light);padding:.75rem;border-radius:12px}.customer-payments-container .customer-payments-header .header-content .title-section h2{margin:0 0 .25rem;font-size:1.5rem;font-weight:600;color:var(--text-primary)}.customer-payments-container .customer-payments-header .header-content .title-section p{margin:0;color:var(--text-secondary);font-size:.9rem}.customer-payments-container .customer-payments-header .header-content .header-actions{display:flex;gap:.75rem}.customer-payments-container .customer-payments-header .header-content .header-actions .filter-toggle-btn,.customer-payments-container .customer-payments-header .header-content .header-actions .refresh-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem;font-weight:500}.customer-payments-container .customer-payments-header .header-content .header-actions .filter-toggle-btn:hover,.customer-payments-container .customer-payments-header .header-content .header-actions .refresh-btn:hover{background:var(--hover-background);border-color:var(--color-primary)}.customer-payments-container .customer-payments-header .header-content .header-actions .filter-toggle-btn:disabled,.customer-payments-container .customer-payments-header .header-content .header-actions .refresh-btn:disabled{opacity:.6;cursor:not-allowed}.customer-payments-container .customer-payments-header .header-content .header-actions .filter-toggle-btn .spinning,.customer-payments-container .customer-payments-header .header-content .header-actions .refresh-btn .spinning{animation:spin 1s linear infinite}.customer-payments-container .customer-payments-header .header-content .header-actions .refresh-btn{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.customer-payments-container .customer-payments-header .header-content .header-actions .refresh-btn:hover{background:var(--color-primary-dark)}.customer-payments-container .customer-payments-header .filters-section{border-top:1px solid var(--border-color);padding-top:1.5rem}.customer-payments-container .customer-payments-header .filters-section .filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1rem}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--text-primary);font-size:.9rem}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group .search-input{position:relative;display:flex;align-items:center}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group .search-input svg{position:absolute;left:.75rem;color:var(--text-tertiary);font-size:1rem;z-index:1}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group .search-input input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.9rem}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group .search-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group .search-input input::placeholder{color:var(--text-tertiary)}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group select{width:100%;padding:.75rem;border:1px solid var(--border-color);border-radius:8px;background:var(--background);color:var(--text-primary);font-size:.9rem;cursor:pointer}.customer-payments-container .customer-payments-header .filters-section .filters-grid .filter-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.customer-payments-container .customer-payments-header .filters-section .filter-actions{display:flex;gap:.75rem}.customer-payments-container .customer-payments-header .filters-section .filter-actions .search-btn,.customer-payments-container .customer-payments-header .filters-section .filter-actions .clear-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.customer-payments-container .customer-payments-header .filters-section .filter-actions .search-btn{background:var(--color-primary);color:#fff;border:1px solid var(--color-primary)}.customer-payments-container .customer-payments-header .filters-section .filter-actions .search-btn:hover{background:var(--color-primary-dark)}.customer-payments-container .customer-payments-header .filters-section .filter-actions .clear-btn{background:var(--background);color:var(--text-secondary);border:1px solid var(--border-color)}.customer-payments-container .customer-payments-header .filters-section .filter-actions .clear-btn:hover{background:var(--hover-background);color:var(--text-primary)}.customer-payments-container .error-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-error-light);border:1px solid var(--color-error);border-radius:8px;color:var(--color-error);margin-bottom:1.5rem}.customer-payments-container .error-message svg{font-size:1.25rem;flex-shrink:0}.customer-payments-container .error-message span{flex:1;font-weight:500}.customer-payments-container .error-message button{padding:.5rem 1rem;background:var(--color-error);color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}.customer-payments-container .error-message button:hover{background:var(--color-error-dark)}.customer-payments-container .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem}.customer-payments-container .summary-stats .stat-card{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;transition:all .2s ease}.customer-payments-container .summary-stats .stat-card:hover{border-color:var(--color-primary-light);box-shadow:0 4px 12px #0000001a}.customer-payments-container .summary-stats .stat-card .stat-icon{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background:var(--color-primary-light);border-radius:10px;color:var(--color-primary);font-size:1.25rem}.customer-payments-container .summary-stats .stat-card .stat-content .stat-value{font-size:1.75rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:.25rem}.customer-payments-container .summary-stats .stat-card .stat-content .stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.customer-payments-container .payments-table-container{background:var(--card-background);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.customer-payments-container .payments-table-container .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center}.customer-payments-container .payments-table-container .empty-state svg{font-size:4rem;color:var(--text-tertiary);margin-bottom:1rem}.customer-payments-container .payments-table-container .empty-state h3{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.customer-payments-container .payments-table-container .empty-state p{margin:0;color:var(--text-secondary);max-width:400px;line-height:1.5}.customer-payments-container .payments-table-container .table-wrapper{overflow-x:auto}.customer-payments-container .payments-table-container .table-wrapper .payments-table{width:100%;border-collapse:collapse}.customer-payments-container .payments-table-container .table-wrapper .payments-table thead{background:var(--table-header-background);border-bottom:1px solid var(--border-color)}.customer-payments-container .payments-table-container .table-wrapper .payments-table thead th{padding:1rem;text-align:left;font-weight:600;color:var(--text-primary);font-size:.9rem;white-space:nowrap;border-bottom:1px solid var(--border-color)}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s ease}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr:hover{background:var(--hover-background)}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr:last-child{border-bottom:none}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td{padding:1rem;vertical-align:middle;font-size:.9rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .customer-cell{display:flex;align-items:center;gap:.5rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .customer-cell svg{color:var(--text-tertiary);font-size:1rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .customer-cell span{color:var(--text-primary);font-weight:500}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .order-id{font-family:Monaco,Menlo,monospace;background:var(--code-background);padding:.25rem .5rem;border-radius:4px;font-size:.8rem;color:var(--text-primary)}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .payment-type{background:var(--tag-background);color:var(--tag-color);padding:.25rem .75rem;border-radius:20px;font-size:.8rem;font-weight:500;white-space:nowrap}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .amount{font-weight:600;color:var(--text-primary);font-size:.95rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount{display:flex;flex-direction:column;gap:.25rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount .amount{font-weight:600;font-size:.95rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount .amount.fully-paid{color:var(--color-success)}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount .amount.partial{color:var(--color-warning)}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount .payment-count{font-size:.75rem;color:var(--text-tertiary)}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .status-cell{display:flex;align-items:center;gap:.5rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .status-cell svg{font-size:1.1rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .status-cell .status-text{font-weight:500;font-size:.9rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .date-cell{display:flex;align-items:center;gap:.5rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .date-cell svg{color:var(--text-tertiary);font-size:.9rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .date-cell span{color:var(--text-secondary);font-size:.85rem;white-space:nowrap}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .actions-cell{display:flex;gap:.5rem}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .actions-cell .action-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .actions-cell .action-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .actions-cell .action-btn svg{font-size:.9rem}.customer-payments-container .payments-table-container .pagination{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-top:1px solid var(--border-color);background:var(--table-header-background)}.customer-payments-container .payments-table-container .pagination .pagination-info{color:var(--text-secondary);font-size:.9rem}.customer-payments-container .payments-table-container .pagination .pagination-controls{display:flex;align-items:center;gap:.5rem}.customer-payments-container .payments-table-container .pagination .pagination-controls .pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-color);border-radius:6px;background:var(--background);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.customer-payments-container .payments-table-container .pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:var(--hover-background);border-color:var(--color-primary)}.customer-payments-container .payments-table-container .pagination .pagination-controls .pagination-btn:disabled{opacity:.5;cursor:not-allowed}.customer-payments-container .payments-table-container .pagination .pagination-controls .page-numbers{display:flex;gap:.25rem;margin:0 .5rem}.customer-payments-container .payments-table-container .pagination .pagination-controls .page-numbers .page-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:6px;background:var(--background);color:var(--text-primary);cursor:pointer;transition:all .2s ease;font-size:.9rem}.customer-payments-container .payments-table-container .pagination .pagination-controls .page-numbers .page-btn:hover{background:var(--hover-background);border-color:var(--color-primary)}.customer-payments-container .payments-table-container .pagination .pagination-controls .page-numbers .page-btn.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}@media (max-width: 768px){.customer-payments-container .customer-payments-header .header-content{flex-direction:column;gap:1rem;align-items:stretch}.customer-payments-container .customer-payments-header .header-content .header-actions{justify-content:flex-end}.customer-payments-container .customer-payments-header .filters-section .filters-grid{grid-template-columns:1fr}.customer-payments-container .customer-payments-header .filters-section .filter-actions{flex-direction:column}.customer-payments-container .customer-payments-header .filters-section .filter-actions .search-btn,.customer-payments-container .customer-payments-header .filters-section .filter-actions .clear-btn{justify-content:center}.customer-payments-container .summary-stats{grid-template-columns:1fr}.customer-payments-container .payments-table-container .pagination{flex-direction:column;gap:1rem;align-items:stretch}.customer-payments-container .payments-table-container .pagination .pagination-controls{justify-content:center}}[data-theme=dark] .customer-payments-container .customer-payments-header{background:var(--dark-card-background);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .customer-payments-header .title-section .section-icon{background:#6366f133;color:#a5b4fc}[data-theme=dark] .customer-payments-container .customer-payments-header .title-section h2{color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .customer-payments-header .title-section p{color:var(--dark-text-secondary)}[data-theme=dark] .customer-payments-container .customer-payments-header .header-actions .filter-toggle-btn,[data-theme=dark] .customer-payments-container .customer-payments-header .header-actions .refresh-btn{background:var(--dark-background);color:var(--dark-text-primary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .customer-payments-header .header-actions .filter-toggle-btn:hover,[data-theme=dark] .customer-payments-container .customer-payments-header .header-actions .refresh-btn:hover{background:var(--dark-hover-background);border-color:#6366f1}[data-theme=dark] .customer-payments-container .customer-payments-header .header-actions .refresh-btn{background:#6366f1;border-color:#6366f1}[data-theme=dark] .customer-payments-container .customer-payments-header .header-actions .refresh-btn:hover{background:#5b21b6}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section{border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-group label{color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-group .search-input svg{color:var(--dark-text-tertiary)}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-group .search-input input{background:var(--dark-background);color:var(--dark-text-primary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-group .search-input input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-group .search-input input::placeholder{color:var(--dark-text-tertiary)}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-group select{background:var(--dark-background);color:var(--dark-text-primary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-group select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-actions .search-btn{background:#6366f1;border-color:#6366f1}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-actions .search-btn:hover{background:#5b21b6}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-actions .clear-btn{background:var(--dark-background);color:var(--dark-text-secondary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .customer-payments-header .filters-section .filter-actions .clear-btn:hover{background:var(--dark-hover-background);color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .error-message{background:#ef44441a;border-color:#ef4444;color:#fca5a5}[data-theme=dark] .customer-payments-container .error-message button{background:#ef4444}[data-theme=dark] .customer-payments-container .error-message button:hover{background:#dc2626}[data-theme=dark] .customer-payments-container .summary-stats .stat-card{background:var(--dark-card-background);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .summary-stats .stat-card:hover{border-color:#6366f180}[data-theme=dark] .customer-payments-container .summary-stats .stat-card .stat-icon{background:#6366f133;color:#a5b4fc}[data-theme=dark] .customer-payments-container .summary-stats .stat-card .stat-content .stat-value{color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .summary-stats .stat-card .stat-content .stat-label{color:var(--dark-text-secondary)}[data-theme=dark] .customer-payments-container .payments-table-container{background:var(--dark-card-background);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .empty-state svg{color:var(--dark-text-tertiary)}[data-theme=dark] .customer-payments-container .payments-table-container .empty-state h3{color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .payments-table-container .empty-state p{color:var(--dark-text-secondary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table thead{background:var(--dark-table-header-background);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table thead th{color:var(--dark-text-primary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr{border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr:hover{background:var(--dark-hover-background)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .customer-cell svg{color:var(--dark-text-tertiary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .customer-cell span{color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .order-id{background:var(--dark-code-background);color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .payment-type{background:var(--dark-tag-background);color:var(--dark-tag-color)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .amount{color:var(--dark-text-primary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount .amount.fully-paid{color:#10b981}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount .amount.partial{color:#f59e0b}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .received-amount .payment-count{color:var(--dark-text-tertiary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .date-cell svg{color:var(--dark-text-tertiary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .date-cell span{color:var(--dark-text-secondary)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .actions-cell .action-btn{background:var(--dark-background);color:var(--dark-text-secondary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .table-wrapper .payments-table tbody tr td .actions-cell .action-btn:hover{background:#6366f1;border-color:#6366f1}[data-theme=dark] .customer-payments-container .payments-table-container .pagination{background:var(--dark-table-header-background);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .pagination .pagination-info{color:var(--dark-text-secondary)}[data-theme=dark] .customer-payments-container .payments-table-container .pagination .pagination-controls .pagination-btn{background:var(--dark-background);color:var(--dark-text-primary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .pagination .pagination-controls .pagination-btn:hover:not(:disabled){background:var(--dark-hover-background);border-color:#6366f1}[data-theme=dark] .customer-payments-container .payments-table-container .pagination .pagination-controls .page-numbers .page-btn{background:var(--dark-background);color:var(--dark-text-primary);border-color:var(--dark-border-color)}[data-theme=dark] .customer-payments-container .payments-table-container .pagination .pagination-controls .page-numbers .page-btn:hover{background:var(--dark-hover-background);border-color:#6366f1}[data-theme=dark] .customer-payments-container .payments-table-container .pagination .pagination-controls .page-numbers .page-btn.active{background:#6366f1;border-color:#6366f1}.manage-subscription-container button::-moz-focus-inner,.manage-subscription-container [role=button]::-moz-focus-inner,.manage-subscription-container .tab-button::-moz-focus-inner{border:0}.manage-subscription-container button:focus,.manage-subscription-container [role=button]:focus,.manage-subscription-container .tab-button:focus,.manage-subscription-container button:focus-visible,.manage-subscription-container [role=button]:focus-visible,.manage-subscription-container .tab-button:focus-visible{outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border-color:transparent!important}.manage-subscription-container button:focus-visible,.manage-subscription-container [role=button]:focus-visible,.manage-subscription-container .tab-button:focus-visible{outline-offset:0!important;outline-style:none!important;outline-width:0!important}@media screen and (-webkit-min-device-pixel-ratio:0){.manage-subscription-container button:focus,.manage-subscription-container [role=button]:focus,.manage-subscription-container .tab-button:focus{outline:none!important}}.session-warning-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.session-warning-modal{background:#fff;border-radius:16px;padding:32px;max-width:480px;width:90%;box-shadow:0 24px 48px #0003;animation:slideUp .3s ease-out;position:relative}.session-warning-header{display:flex;align-items:center;gap:12px;margin-bottom:24px;text-align:center;justify-content:center}.session-warning-icon{font-size:32px;color:#f59e0b;animation:pulse 2s infinite}.session-warning-header h2{margin:0;font-size:24px;font-weight:600;color:#1f2937}.session-warning-content{text-align:center;margin-bottom:32px}.session-warning-content p{margin:0 0 16px;color:#6b7280;font-size:16px;line-height:1.5}.session-countdown{font-size:48px;font-weight:700;color:#dc2626;font-family:Monaco,Menlo,Ubuntu Mono,monospace;margin:24px 0;padding:16px;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;animation:countdownPulse 1s infinite}.session-warning-message{font-size:14px!important;color:#9ca3af!important;margin-top:16px!important}.session-warning-actions{display:flex;gap:12px;justify-content:center;margin-bottom:20px}.session-warning-actions button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .2s ease;min-width:140px;justify-content:center}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-primary.loading{background:#6b7280}.btn-secondary{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.btn-secondary:hover{background:#e5e7eb;color:#4b5563;transform:translateY(-1px)}.session-warning-footer{text-align:center;padding-top:16px;border-top:1px solid #e5e7eb}.session-warning-footer small{color:#9ca3af;font-size:12px;line-height:1.4}[data-theme=dark] .session-warning-modal{background:#1f2937;color:#fff}[data-theme=dark] .session-warning-header h2{color:#fff}[data-theme=dark] .session-warning-content p{color:#d1d5db}[data-theme=dark] .session-warning-message{color:#9ca3af!important}[data-theme=dark] .session-countdown{background:#1f1f1f;border-color:#dc2626;color:#ef4444}[data-theme=dark] .btn-secondary{background:#374151;color:#d1d5db;border-color:#4b5563}[data-theme=dark] .btn-secondary:hover{background:#4b5563;color:#f3f4f6}[data-theme=dark] .session-warning-footer{border-top-color:#374151}[data-theme=dark] .session-warning-footer small{color:#6b7280}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (max-width: 640px){.session-warning-modal{padding:24px;margin:16px}.session-countdown{font-size:36px;padding:12px}.session-warning-actions{flex-direction:column}.session-warning-actions button{width:100%}}._paymentSuccessContainer_ei3dt_2{min-height:100vh;background-image:linear-gradient(to bottom right,#f0fdf4,#eff6ff,#f5f3ff);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden;position:relative}[data-theme=dark] ._paymentSuccessContainer_ei3dt_2{background-image:linear-gradient(to bottom right,#111827,#14532d33,#1e3a8a33)}._bgCircle1_ei3dt_19{position:absolute;top:5rem;left:5rem;width:8rem;height:8rem;background-color:#bbf7d04d;border-radius:9999px}._bgCircle2_ei3dt_29{position:absolute;bottom:5rem;right:5rem;width:6rem;height:6rem;background-color:#bfdbfe4d;border-radius:9999px}._bgCircle3_ei3dt_39{position:absolute;top:50%;left:2.5rem;width:4rem;height:4rem;background-color:#d8b4fe4d;border-radius:9999px}._confettiContainer_ei3dt_50{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}._confettiPiece_ei3dt_57{position:absolute;width:.75rem;height:.75rem;border-radius:9999px}._mainContent_ei3dt_65{text-align:center;max-width:28rem;margin-left:auto;margin-right:auto;position:relative;z-index:10}._successIconContainer_ei3dt_75{position:relative;margin-bottom:2rem}._successIcon_ei3dt_75{width:8rem;height:8rem;color:#10b981;margin-left:auto;margin-right:auto;filter:drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1))}._pulsingRing_ei3dt_91{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid rgb(74,222,128);border-radius:9999px}._gradientText_ei3dt_99{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:1rem;background:linear-gradient(90deg,#10b981,#3b82f6,#8b5cf6,#10b981);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=dark] ._gradientText_ei3dt_99{color:#fff}._successDescription_ei3dt_115{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}[data-theme=dark] ._successDescription_ei3dt_115{color:#d1d5db}._buttonContainer_ei3dt_126{margin-top:1rem;margin-bottom:1rem}._primaryButton_ei3dt_131{width:100%;background-image:linear-gradient(to right,#10b981,#3b82f6);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition-property:all;transition-duration:.3s;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem}._primaryButton_ei3dt_131:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}._primaryButton_ei3dt_131:active{transform:scale(.95)}._secondaryButton_ei3dt_158{width:100%;background-color:#fff;color:#1f2937;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:2px solid rgb(229,231,235);transition-property:all;transition-duration:.3s;cursor:pointer}._secondaryButton_ei3dt_158:hover{transform:scale(1.05);border-color:#d1d5db}._secondaryButton_ei3dt_158:active{transform:scale(.95)}[data-theme=dark] ._secondaryButton_ei3dt_158{background-color:#1f2937;color:#fff;border-color:#4b5563}[data-theme=dark] ._secondaryButton_ei3dt_158:hover{border-color:#6b7280}._transactionDetails_ei3dt_191{margin-top:2rem;padding:1rem;background-color:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;border:1px solid rgba(229,231,235,.5)}[data-theme=dark] ._transactionDetails_ei3dt_191{background-color:#1f293780;border-color:#4b556380}._transactionLabel_ei3dt_205{font-size:.875rem;font-weight:600;color:#4b5563;margin-bottom:.5rem}[data-theme=dark] ._transactionLabel_ei3dt_205{color:#d1d5db}._transactionId_ei3dt_216{font-size:.75rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#6b7280}[data-theme=dark] ._transactionId_ei3dt_216{color:#9ca3af}._floatingElement1_ei3dt_227{position:absolute;top:25%;right:25%;width:2rem;height:2rem;background-image:linear-gradient(to right,#4ade80,#60a5fa);border-radius:9999px;opacity:.2}._floatingElement2_ei3dt_238{position:absolute;bottom:25%;left:25%;width:1.5rem;height:1.5rem;background-image:linear-gradient(to right,#a855f7,#ec4899);border-radius:9999px;opacity:.2}._paymentFailedContainer_1kprl_2{min-height:100vh;background-image:linear-gradient(to bottom right,#fef2f2,#fff7ed,#fefce8);display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden;position:relative}[data-theme=dark] ._paymentFailedContainer_1kprl_2{background-image:linear-gradient(to bottom right,#111827,#7f1d1d33,#9a341233)}._bgCircleError1_1kprl_19{position:absolute;top:5rem;left:5rem;width:8rem;height:8rem;background-color:#fecaca33;border-radius:9999px}._bgCircleError2_1kprl_29{position:absolute;bottom:5rem;right:5rem;width:6rem;height:6rem;background-color:#fed7aa33;border-radius:9999px}._bgCircleError3_1kprl_39{position:absolute;top:50%;right:2.5rem;width:4rem;height:4rem;background-color:#fef08a33;border-radius:9999px}._mainContent_1kprl_50{text-align:center;max-width:28rem;margin-left:auto;margin-right:auto;position:relative;z-index:10}._errorIconContainer_1kprl_60{position:relative;margin-bottom:2rem;width:auto}._errorIcon_1kprl_60{width:8rem;height:8rem;color:#ef4444;margin-left:auto;margin-right:auto;filter:drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1))}._pulsingErrorRing_1kprl_77{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid rgb(248,113,113);border-radius:9999px}._errorGradientText_1kprl_85{font-size:2.25rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(90deg,#ef4444,#f97316,#eab308);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}._errorDescription_1kprl_96{font-size:1.125rem;color:#4b5563;margin-bottom:2rem}[data-theme=dark] ._errorDescription_1kprl_96{color:#d1d5db}._buttonErrorContainer_1kprl_107{margin-top:1rem;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem}._errorButton_1kprl_116{width:100%;background-image:linear-gradient(to right,#ef4444,#f97316);color:#fff;font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;transition-property:all;transition-duration:.3s;display:flex;align-items:center;justify-content:center;gap:.5rem;border:none;cursor:pointer}._errorButton_1kprl_116:hover{transform:scale(1.05);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a}._errorButton_1kprl_116:active{transform:scale(.95)}._iconSmall_1kprl_143{width:1.25rem;height:1.25rem}._errorDetails_1kprl_149{margin-top:2rem;padding:1rem;background-color:#fef2f280;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;border:1px solid rgba(254,202,202,.5)}[data-theme=dark] ._errorDetails_1kprl_149{background-color:#7f1d1d33;border-color:#dc26264d}._errorDetailsTitle_1kprl_163{font-size:.875rem;font-weight:600;color:#dc2626;margin-bottom:.5rem}[data-theme=dark] ._errorDetailsTitle_1kprl_163{color:#f87171}._errorDetailsList_1kprl_174{font-size:.75rem;color:#ef4444;display:flex;flex-direction:column;gap:.25rem;text-align:left;list-style-type:none;padding-left:0}._errorDetailsList_1kprl_174 li{position:relative;padding-left:1rem}._errorDetailsList_1kprl_174 li:before{content:"•";position:absolute;left:0}[data-theme=dark] ._errorDetailsList_1kprl_174{color:#fca5a5}._floatingErrorElement1_1kprl_201{position:absolute;top:33%;left:25%;width:2rem;height:2rem;background-image:linear-gradient(to right,#f87171,#fb923c);border-radius:9999px;opacity:.2}._floatingErrorElement2_1kprl_212{position:absolute;bottom:33%;right:25%;width:1.5rem;height:1.5rem;background-image:linear-gradient(to right,#fb923c,#facc15);border-radius:9999px;opacity:.2}._lightningEffect_1kprl_224{position:absolute;top:2.5rem;right:2.5rem;width:.25rem;height:5rem;background-image:linear-gradient(to bottom,rgb(250,204,21),transparent);opacity:.3}@keyframes slide-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes card-appear{0%{opacity:0;transform:translateY(40px) scale(.95);filter:blur(10px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0px)}}@keyframes float{0%{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(3%,8%) scale(1.08) rotate(1deg)}66%{transform:translate(-5%,-3%) scale(.95) rotate(-1deg)}to{transform:translate(2%,-6%) scale(1.02) rotate(.5deg)}}@keyframes float-light{0%{transform:translate(0) scale(1) rotate(0);opacity:.1}25%{transform:translate(2%,3%) scale(1.05) rotate(.5deg);opacity:.15}50%{transform:translate(-1%,2%) scale(.98) rotate(-.3deg);opacity:.1}75%{transform:translate(1%,-1%) scale(1.02) rotate(.2deg);opacity:.13}to{transform:translate(0) scale(1) rotate(0);opacity:.1}}@keyframes particle-rise{0%{opacity:0;transform:translateY(100vh) scale(0) rotate(0)}15%{opacity:.6}85%{opacity:.6}to{opacity:0;transform:translateY(-120px) scale(1.2) rotate(180deg)}}@keyframes pulse{0%{opacity:.2;transform:scale(.85) rotate(0)}to{opacity:.5;transform:scale(1.15) rotate(10deg)}}@keyframes text-glow{0%{opacity:.9;filter:drop-shadow(0 0 8px var(--glow-color-1))}to{opacity:1;filter:drop-shadow(0 0 20px var(--glow-color-2))}}@keyframes pulse-error{0%{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}to{opacity:.7;transform:scale(1)}}@keyframes shine{0%{transform:scale(1) rotate(0);opacity:0}25%{opacity:.5}50%{transform:scale(1.3) rotate(180deg);opacity:0}to{transform:scale(1) rotate(360deg);opacity:0}}@keyframes pulse-loading{0%{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.1) rotate(180deg);opacity:1}to{transform:scale(1) rotate(360deg);opacity:.8}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes sweep{0%{left:-100%}50%{left:100%}to{left:-100%}}@keyframes success-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes checkmark-appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes dot-bounce{0%,80%,to{transform:scale(.8) translateY(0);opacity:.7}40%{transform:scale(1.2) translateY(-8px);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-6px)}20%,40%,60%,80%{transform:translate(6px)}}.animate-slide-up{opacity:0;transform:translateY(15px);animation:slide-up .7s 0s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in{opacity:0;animation:fade-in .7s 0s both}.animate-float{animation:float 18s infinite alternate ease-in-out}.animate-shake{animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;transform-origin:center center}.animate-success{animation:success-pulse .6s ease-out}.login-container:before,.login-container:after{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;background:var(--accent-gradient);opacity:.08;filter:blur(80px);z-index:0;animation:float 18s infinite alternate ease-in-out}.login-container:after{width:40vw;height:40vw;background:radial-gradient(circle,var(--accent-primary) 0%,var(--accent-secondary) 65%);opacity:.05;filter:blur(60px)}.login-container:before{top:-25%;left:-15%;animation-delay:0s}.login-container:after{bottom:-25%;right:-15%;animation-delay:-9s}.particle{position:absolute;width:3px;height:3px;background:var(--accent-primary);border-radius:50%;opacity:0;animation:particle-rise 12s infinite linear;box-shadow:0 0 6px var(--accent-primary)}.particle:nth-child(1){left:8%;animation-delay:0s}.particle:nth-child(2){left:23%;animation-delay:2.4s}.particle:nth-child(3){left:31%;animation-delay:4.8s}.particle:nth-child(4){left:42%;animation-delay:7.2s}.particle:nth-child(5){left:58%;animation-delay:9.6s}.particle:nth-child(6){left:67%;animation-delay:1.2s}.particle:nth-child(7){left:74%;animation-delay:3.6s}.particle:nth-child(8){left:86%;animation-delay:6s}.particle:nth-child(9){left:92%;animation-delay:8.4s}.particle:nth-child(10){left:12%;animation-delay:10.8s}.particle:nth-child(11){left:28%;animation-delay:.6s}.particle:nth-child(12){left:38%;animation-delay:3s}.particle:nth-child(13){left:48%;animation-delay:5.4s}.particle:nth-child(14){left:62%;animation-delay:7.8s}.particle:nth-child(15){left:78%;animation-delay:10.2s}.login-card{width:100%;max-width:450px;padding:3rem 2.5rem 2.5rem;border-radius:2rem;position:relative;z-index:2;animation:card-appear 1s cubic-bezier(.16,1,.3,1) forwards;overflow:auto;background:rgba(var(--background-secondary-rgb),.85);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px #00000026,0 5px 15px #00000014,inset 0 1px #ffffff1a;transition:all .4s cubic-bezier(.16,1,.3,1)}.login-card:hover{transform:translateY(-5px);box-shadow:0 25px 60px #0003,0 8px 20px #0000001f,inset 0 1px #ffffff26}.login-header{text-align:center;margin-bottom:3rem;position:relative}.login-header h1{font-size:2.25rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 2px 10px var(--glow-color-1);animation:text-glow 4s infinite alternate ease-in-out;letter-spacing:-.02em;line-height:1.1}.login-subtitle{color:var(--text-secondary);font-size:1.1rem;opacity:0;animation:fade-in .7s .3s both;opacity:.8;font-weight:400;line-height:1.5}.or-divider{display:flex;align-items:center;margin:2rem 0 1.5rem;color:var(--text-secondary);opacity:0;animation:fade-in .7s 1s both;position:relative}.or-divider:before,.or-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--border-color) 20%,var(--border-color) 80%,transparent)}.or-divider span{padding:0 1.5rem;font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:1px;background:var(--background-secondary);position:relative;border-radius:20px}.signup-link{text-align:center;margin-top:1.5rem;color:var(--text-secondary);font-size:1rem;opacity:0;animation:fade-in .7s 1.4s both}.signup-link a{color:var(--accent-primary);text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.signup-link a:hover{text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:4px;filter:brightness(1.2)}.login-card .google-login-container{width:100%;display:flex;justify-content:center;opacity:0;animation:fade-in .7s 1.1s both;margin-top:0}.login-form{display:flex;flex-direction:column;gap:.5rem}.auth-form-group{display:flex;flex-direction:column;gap:.75rem;position:relative;opacity:0;transform:translateY(15px);animation:slide-up .7s 0s cubic-bezier(.16,1,.3,1) forwards}.auth-form-group:nth-child(1){animation-delay:.3s}.auth-form-group:nth-child(2){animation-delay:.5s}.auth-form-label{color:var(--text-primary);font-size:.95rem;font-weight:500;transform-origin:left;transition:all .3s cubic-bezier(.16,1,.3,1);margin-bottom:.25rem}[data-theme=dark] .auth-form-label{color:#fffffff2;font-weight:600;text-shadow:0 0 1px rgba(255,255,255,.2)}.auth-form-input{padding:1rem 1.5rem;border-radius:1rem;border:1.5px solid var(--input-border);background-color:var(--input-background);color:var(--form-input-text);font-size:1rem;transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.auth-form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1),0 8px 25px #00000014;transform:translateY(-2px);background-color:rgba(var(--input-background-rgb),.9)}.auth-form-input:-webkit-autofill,.auth-form-input:-webkit-autofill:hover,.auth-form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.05) inset!important;-webkit-text-fill-color:#ffffff!important;border:1.5px solid rgba(255,255,255,.1)!important}.auth-form-input:-moz-autofill{background-color:#ffffff0d!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.1)!important}.auth-form-input:autofill{background-color:#ffffff0d!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.1)!important}.auth-form-input:focus:-webkit-autofill{border:1.5px solid #5e60ce!important;outline:none!important}[data-theme=light] .auth-form-input:-webkit-autofill,[data-theme=light] .auth-form-input:-webkit-autofill:hover,[data-theme=light] .auth-form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 30px rgba(255,255,255,.95) inset!important;-webkit-text-fill-color:#1e293b!important;border:1.5px solid rgba(0,0,0,.2)!important}[data-theme=light] .auth-form-input:-moz-autofill{background-color:#fffffff2!important;color:#1e293b!important;border:1.5px solid rgba(0,0,0,.2)!important}[data-theme=light] .auth-form-input:autofill{background-color:#fffffff2!important;color:#1e293b!important;border:1.5px solid rgba(0,0,0,.2)!important}[data-theme=light] .auth-form-input:focus:-webkit-autofill{border:1.5px solid #6366f1!important;outline:none!important}.forgot-password{text-align:center;margin-top:.5rem}.forgot-password a{color:var(--accent-primary);text-decoration:none;font-size:.9rem;font-weight:500;transition:all .3s ease;opacity:.8}.forgot-password a:hover{opacity:1;text-decoration:underline;text-decoration-color:var(--accent-primary);text-underline-offset:3px}.form-helper-text{font-size:.85rem;color:var(--text-secondary);margin-top:.5rem;opacity:.8;line-height:1.5}.verification-code-inputs{display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.verification-code-input{width:48px;height:56px;text-align:center;font-size:1.25rem;font-weight:600;border:1.5px solid var(--border-color);border-radius:1rem;background-color:var(--input-bg);color:var(--text-primary);transition:all .3s cubic-bezier(.16,1,.3,1)}.verification-code-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.15);outline:none;transform:translateY(-2px)}.login-button{padding:1rem 1.5rem;background:var(--accent-gradient);color:#fff;border-radius:1rem;font-size:1.05rem;min-height:56px;width:100%;opacity:0;transform:translateY(15px);animation:slide-up .7s .8s cubic-bezier(.16,1,.3,1) forwards;box-shadow:0 8px 25px rgba(var(--accent-primary-rgb),.3),0 3px 10px #0000001a;display:flex;justify-content:center;align-items:center;border:none;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.login-button:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.3) 0%,transparent 65%);opacity:0;transition:all .6s cubic-bezier(.16,1,.3,1)}.login-button:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(var(--accent-primary-rgb),.4),0 6px 15px #00000026}.login-button:hover:before{opacity:1;animation:shine 2s infinite}.login-button:active{transform:translateY(-2px)}.login-button:disabled:not(.loading){opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 15px rgba(var(--accent-primary-rgb),.2)}.login-button.loading{cursor:not-allowed;pointer-events:none;background:linear-gradient(-45deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary),var(--accent-secondary));background-size:400% 400%;animation:gradient-shift 3s ease infinite}.login-button.loading .button-text{opacity:0;transform:translateY(-10px)}.login-button.loading .button-loading{opacity:1}.login-button.loading .button-overlay{left:100%;animation:sweep 1.5s infinite}.login-button.loading:before{opacity:1;animation:pulse-loading 2s infinite ease-in-out}.login-button.success{background:linear-gradient(45deg,#22c55e,#16a34a);animation:success-pulse .6s ease-out}.login-button.success .button-text:after{content:"✓";margin-left:8px;animation:checkmark-appear .3s ease-out .3s both}.button-text{position:relative;z-index:3;transition:all .3s cubic-bezier(.16,1,.3,1)}.button-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:2;transition:all .3s cubic-bezier(.16,1,.3,1)}.button-overlay{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);z-index:4;transition:left .6s ease}.loading-dots .dot{width:8px;height:8px;border-radius:50%;background:#fff;animation:dot-bounce 1.4s infinite ease-in-out;box-shadow:0 0 10px #ffffff80}.login-error{display:flex;align-items:center;padding:1rem 1.25rem;background-color:#f4433614;border:1px solid rgba(244,67,54,.2);border-radius:1rem;color:var(--error-color);margin-bottom:1.5rem;gap:.75rem;animation:shake .6s cubic-bezier(.36,.07,.19,.97) both;transform-origin:center center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-error svg{flex-shrink:0;width:22px;height:22px;animation:pulse-error 2.5s infinite}.login-success{background-color:#0aa06e1a;color:#0aa06e;margin-bottom:20px;padding:1rem 1.25rem;border-radius:1rem;display:flex;align-items:center;gap:.75rem;font-size:.95rem;border:1px solid rgba(10,160,110,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.login-success svg{flex-shrink:0}[data-theme=light] .login-container{background:radial-gradient(circle at 15% 85%,rgba(99,102,241,.03) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(14,165,233,.03) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(99,102,241,.01) 0%,transparent 60%),var(--background-primary)}[data-theme=light] .login-container:before,[data-theme=light] .login-container:after{opacity:.1;filter:blur(100px)}[data-theme=light] .login-container:after{opacity:.08;filter:blur(80px)}[data-theme=light] .login-container:before{background:linear-gradient(135deg,#6366f114,#0ea5e908);background:radial-gradient(circle at 30% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(14,165,233,.05) 0%,transparent 50%),linear-gradient(135deg,#6366f10a,#0ea5e908);animation:float-light 20s infinite ease-in-out}[data-theme=light] .login-container:after{background:radial-gradient(circle at 60% 40%,rgba(14,165,233,.1) 0%,transparent 60%),radial-gradient(circle at 20% 90%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at center,#6366f10d,#0ea5e908);animation:float-light 25s infinite ease-in-out;animation-delay:-12s}[data-theme=light] .particle{background:linear-gradient(45deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);box-shadow:0 0 8px #6366f166,0 0 16px #0ea5e933}[data-theme=light] .particle:nth-child(odd){background:var(--accent-primary);box-shadow:0 0 10px #6366f180}[data-theme=light] .particle:nth-child(2n){background:var(--accent-secondary);box-shadow:0 0 10px #0ea5e980}[data-theme=light] .login-card{background:#ffffffe6;box-shadow:0 20px 50px #6366f114,0 8px 25px #0ea5e90d,0 2px 10px #0000000d,inset 0 1px #fffc;border:1px solid rgba(99,102,241,.1)}[data-theme=light] .login-card:hover{box-shadow:0 25px 60px #6366f11a,0 12px 30px #0ea5e914,0 4px 15px #00000014,inset 0 1px #ffffffe6}[data-theme=light] .login-card:before{background:radial-gradient(transparent 80%,#6366f114,#0ea5e90d 30%,#0ea5e90d 65%);opacity:.6}@media (max-width: 768px){.login-container{padding:1rem}}@media (max-width: 480px){.login-container{padding:.5rem}}@media (max-width: 768px){.login-card{padding:2rem 1.5rem;max-width:100%;border-radius:1.5rem}}@media (max-width: 480px){.login-card{padding:1.5rem 1rem;border-radius:1.25rem}}@media (min-width: 1200px){.login-card{max-width:500px;padding:3.5rem 3rem 3rem}}@media (max-width: 768px){.login-card:hover{transform:none}}@media (max-width: 768px){.login-header h1{font-size:2rem}}@media (max-width: 480px){.login-header h1{font-size:1.75rem}}@media (min-width: 1200px){.login-header h1{font-size:2.5rem}}@media (max-width: 480px){.login-header{margin-bottom:2rem}}@media (max-width: 480px){.login-subtitle{font-size:1rem}}@media (min-width: 1200px){.login-subtitle{font-size:1.125rem}}@media (max-width: 768px){.form-input{padding:.875rem 1.25rem}}@media (max-width: 480px){.form-input{padding:.75rem 1rem;font-size:.95rem}}@media (max-width: 768px){.login-button{min-height:52px;font-size:1rem}}@media (max-width: 480px){.login-button{min-height:48px;font-size:.95rem;padding:.875rem 1.25rem}}@media (max-width: 768px){.login-button:hover:before{animation:none}}@media (max-width: 768px){[data-theme=light] .login-container:before,[data-theme=light] .login-container:after{width:80vw;height:80vw;filter:blur(60px)}}@media (max-width: 480px){[data-theme=light] .login-container:before,[data-theme=light] .login-container:after{width:100vw;height:100vw;filter:blur(40px)}}@media (min-width: 1200px){.login-container:before,.login-container:after{width:50vw;height:50vw}}@media (max-width: 768px){.particle:nth-child(n+11){display:none}}@media (max-width: 480px){.particle:nth-child(n+7){display:none}}@media (max-width: 768px){.verification-code-input{width:40px;height:52px;font-size:1.1rem}}@media (max-width: 480px){.verification-code-input{font-size:1.1rem}}@media (max-width: 768px){.verification-code-inputs{gap:.5rem}}@media (max-width: 480px){.form-group{gap:.5rem}}@media (max-width: 768px) and (orientation: landscape){.login-container{padding:.5rem}.login-card{padding:1.5rem;max-width:400px}.login-header{margin-bottom:1.5rem}.login-header h1{font-size:1.75rem}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx){.login-card{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.particle{box-shadow:0 0 8px var(--accent-primary)}}@media (prefers-reduced-motion: reduce){.login-card,.form-group,.login-button,.signup-link,.or-divider,.google-login-container{animation:none}.particle{animation:none;opacity:.15}.login-container:before,.login-container:after{animation:none}.login-button:hover{transform:none}.form-input:focus{transform:none}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--background-primary);padding:1.5rem;margin:auto;position:relative;overflow:hidden;width:100%}.login-form-label{color:#fff!important;opacity:.9;font-weight:500;text-shadow:0 0 1px rgba(255,255,255,.3)}[data-theme=light] .login-form-label{color:#1e293b!important;opacity:.95;font-weight:500;text-shadow:none}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardEntranceBounce{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:.9;transform:scale(1.05)}80%{opacity:1;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes codeInputAppear{0%{opacity:0;transform:translateY(10px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pulseError{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes successPulse{0%{transform:scale(1);box-shadow:0 0 #10b981b3}70%{transform:scale(1.05);box-shadow:0 0 0 10px #10b98100}to{transform:scale(1);box-shadow:0 0 #10b98100}}@keyframes dotBounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes shimmer{0%{transform:translate(-100%) skew(-15deg);opacity:0}50%{opacity:1}to{transform:translate(200%) skew(-15deg);opacity:0}}@keyframes floatShape1{0%{transform:translate(0);opacity:.1}50%{transform:translate(1%,1%);opacity:.15}to{transform:translate(0);opacity:.1}}@keyframes floatShape2{0%{transform:translate(0);opacity:.1}50%{transform:translate(-1%,-1%);opacity:.15}to{transform:translate(0);opacity:.1}}@keyframes floatShape3{0%{transform:translate(0) rotate(0);opacity:.2}33%{transform:translate(2%,-2%) rotate(3deg);opacity:.25}66%{transform:translate(-2%,2%) rotate(-3deg);opacity:.25}to{transform:translate(1%,-1%) rotate(1deg);opacity:.2}}@keyframes floatOrb{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(90deg)}50%{transform:translateY(-10px) rotate(180deg)}75%{transform:translateY(-20px) rotate(270deg)}}@keyframes floatEnhanced{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-10px) translate(5px) rotate(1deg)}50%{transform:translateY(-5px) translate(-3px) rotate(-1deg)}75%{transform:translateY(-12px) translate(2px) rotate(.5deg)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}@keyframes textGlow{0%,to{text-shadow:0 0 10px rgba(99,102,241,.5)}50%{text-shadow:0 0 20px rgba(99,102,241,.8)}}@keyframes buttonSweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fadeOutPage{to{opacity:0;transform:scale(.95)}}@keyframes fadeInPage{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes focusRing{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 6px #6366f100}to{box-shadow:0 0 #6366f100}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes particleDrift{0%{transform:translateY(0) translate(0);opacity:.1}50%{opacity:.3}to{transform:translateY(-100px) translate(20px);opacity:0}}@keyframes checkmarkDraw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.verification-bg-shapes .shape,.orb{animation:none!important}}.verification-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-primary);padding:1.5rem;position:relative;overflow:hidden;width:100%}.verification-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,rgba(99,102,241,.02) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.02) 0%,transparent 50%);z-index:-10}.verification-container.fade-out{animation:fadeOutPage .5s cubic-bezier(.4,0,.2,1) forwards}.verification-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.verification-bg-shapes .shape{position:absolute;border-radius:9999px;filter:blur(60px);z-index:0;animation-timing-function:cubic-bezier(.4,0,.2,1);animation-iteration-count:infinite;animation-direction:alternate;opacity:.1}.verification-bg-shapes .shape.shape-1{width:35vw;height:35vw;top:-10%;left:-10%;background:linear-gradient(45deg,rgba(99,102,241,.15),rgba(79,70,229,.1),transparent);animation:floatShape1 20s infinite}[data-theme=light] .verification-bg-shapes .shape.shape-1{background:linear-gradient(45deg,rgba(99,102,241,.1),rgba(79,70,229,.05),transparent)}.verification-bg-shapes .shape.shape-2{width:30vw;height:30vw;bottom:-15%;right:-5%;background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(37,99,235,.1),transparent);animation:floatShape2 25s infinite}[data-theme=light] .verification-bg-shapes .shape.shape-2{background:linear-gradient(135deg,rgba(59,130,246,.1),rgba(37,99,235,.05),transparent)}.verification-bg-shapes .shape.shape-3{display:none}.orb{position:absolute;border-radius:9999px;background:#ffffff4d;filter:blur(1px);animation:floatOrb 8s infinite;pointer-events:none;z-index:0;opacity:.05}[data-theme=dark] .orb{background:#6366f133;opacity:.08}[data-theme=light] .orb{background:#6366f126;opacity:.03}.orb:nth-child(3){animation-duration:7s;animation-delay:-1s}.orb:nth-child(4){animation-duration:7s;animation-delay:-1s}.orb:nth-child(5){animation-duration:12s;animation-delay:-2s}.orb:nth-child(6){animation-duration:7s;animation-delay:-3s}.orb:nth-child(7){animation-duration:10s;animation-delay:-3s}.orb:nth-child(8){animation-duration:9s;animation-delay:-3s}.orb:nth-child(9){animation-duration:9s;animation-delay:-2s}.orb:nth-child(10){animation-duration:7s;animation-delay:-3s}.orb:nth-child(11){animation-duration:7s;animation-delay:-3s}.orb:nth-child(12){animation-duration:8s;animation-delay:-3s}.orb:nth-child(13){display:none}.orb:nth-child(14){display:none}.orb:nth-child(15){display:none}.orb:nth-child(16){display:none}.orb:nth-child(17){display:none}.orb:nth-child(18){display:none}.orb:nth-child(19){display:none}.orb:nth-child(20){display:none}.orb:nth-child(21){display:none}.orb:nth-child(22){display:none}@media (max-width: 600px){.verification-container{padding:1rem}.verification-container:before{background-image:radial-gradient(circle at 20% 30%,rgba(99,102,241,.03) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(59,130,246,.03) 0%,transparent 40%)}.verification-bg-shapes .shape.shape-1,.verification-bg-shapes .shape.shape-2,.verification-bg-shapes .shape.shape-3{filter:blur(40px);opacity:.2}}@media (max-width: 400px){.verification-bg-shapes .shape,.orb{display:none}}@media (prefers-reduced-motion: reduce){.verification-container:before{animation:none}.verification-bg-shapes .shape{animation:none!important}.verification-bg-shapes:after{animation:none}.orb{animation:none!important}}.verification-card{width:100%;height:auto;max-width:500px;padding:3rem;border-radius:1rem;position:relative;z-index:10;margin:1.5rem auto;overflow:hidden;background:#ffffffe6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);animation:cardEntrance .5s cubic-bezier(.4,0,.2,1) forwards;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}[data-theme=dark] .verification-card{background:#1e293be6;border:1px solid rgba(148,163,184,.1)}.verification-card:before{content:"";position:absolute;top:-30%;left:-30%;width:160%;height:160%;background:radial-gradient(circle at center,rgba(99,102,241,.1),transparent);opacity:.3;z-index:-1}.verification-card:hover{transform:translateY(-4px);box-shadow:0 25px 50px -12px #00000040,0 10px 25px #6366f126}.verification-card.floating-card{animation:cardEntrance .5s cubic-bezier(.4,0,.2,1) forwards}.verification-card.success-animation{animation:successPulse .5s cubic-bezier(.4,0,.2,1) forwards}.verification-header{text-align:center;margin-bottom:2.5rem;position:relative;opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .1s forwards}.verification-header h1{font-size:2.25rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700;background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em;line-height:1.1;position:relative}@media (max-width: 600px){.verification-header h1{font-size:1.875rem}}.verification-subtitle{color:var(--text-secondary);font-size:1.125rem;opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .2s forwards;opacity:1;font-weight:400;line-height:1.6;max-width:90%;margin:0 auto}@media (max-width: 600px){.verification-subtitle{font-size:1rem;max-width:100%}}.verification-error{display:flex;align-items:center;padding:1rem 1.25rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.5rem;color:#991b1b;margin-bottom:1.25rem;gap:.75rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .1s forwards;border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important;animation:shake .6s cubic-bezier(.34,1.56,.64,1)}.verification-error svg{flex-shrink:0;width:22px;height:22px;animation:pulseError 2.5s infinite}.verification-error span{font-weight:500;line-height:1.4}[data-theme=dark] .verification-error{background-color:#ef444426;border-color:#ef44444d;color:#fca5a5}.verification-success{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.5rem 1.25rem;background-color:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:.5rem;color:#065f46;margin-bottom:1.25rem;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .1s forwards;border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important}.verification-success svg{flex-shrink:0;width:48px;height:48px;color:#10b981}.verification-success svg path{stroke-dasharray:20;stroke-dashoffset:20;animation:checkmarkDraw .5s cubic-bezier(.4,0,.2,1) forwards}.verification-success svg polyline{stroke-dasharray:20;stroke-dashoffset:20;animation:checkmarkDraw .5s cubic-bezier(.4,0,.2,1) forwards;animation-delay:.2s}.verification-success span{font-weight:600;font-size:1.125rem;line-height:1.4}[data-theme=dark] .verification-success{background-color:#10b98126;border-color:#10b9814d;color:#6ee7b7}.alert-info{background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:.5rem;padding:.75rem 1rem;margin-top:.75rem;color:#92400e;font-size:.875rem;line-height:1.4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .3s forwards;position:relative}.alert-info:before{content:"ℹ️";font-size:1.125rem;margin-right:.5rem}[data-theme=dark] .alert-info{background-color:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}@media (max-width: 600px){.verification-card{padding:2rem 1.5rem;margin:1.25rem auto;max-width:95%}.verification-card:before{top:-40%;left:-40%;width:180%;height:180%}.verification-header{margin-bottom:2rem}.verification-header h1:after{width:40px;height:2px}}@media (max-width: 400px){.verification-card{padding:1.5rem 1rem;border-radius:1rem}.verification-card:before{opacity:.2;filter:blur(30px)}.verification-error,.verification-success{padding:.75rem;font-size:.875rem}.verification-error svg,.verification-success svg{width:18px;height:18px}}.verification-card:focus-visible{outline-offset:2px;outline:2px solid var(--input-focus);outline-offset:4px}@media (prefers-contrast: high){.verification-card{border:2px solid var(--text-primary)}.verification-card:before{opacity:.1}.verification-error,.verification-success{border-width:2px}}.verification-form{opacity:0;transform:translateY(20px);animation:slideUp .5s cubic-bezier(.4,0,.2,1) .2s forwards}.form-group{margin-bottom:2rem;position:relative}.form-group:focus-within .form-label{color:var(--input-focus);transform:scale(1.05)}.form-label{display:block;margin-bottom:.75rem;color:var(--text-secondary);font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.form-label:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--input-focus);transition:width .3s cubic-bezier(.4,0,.2,1)}.form-group:focus-within .form-label:after{width:30px}.phone-input-container{display:flex;gap:.5rem;position:relative}.phone-input-container:focus-within .country-code-select,.phone-input-container:focus-within .phone-input-with-country-code{border-color:var(--input-focus);box-shadow:0 0 0 3px #6366f11a}.country-code-select{width:100%;height:3.5rem;padding:1rem 1.25rem;color:var(--text-primary);font-size:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:auto;min-width:100px;padding:1rem .75rem;background:var(--input-bg);border:1px solid var(--input-border);border-radius:.5rem;font-size:1rem;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.country-code-select::placeholder{color:var(--text-tertiary)}.country-code-select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #6366f11a;background:#ffffffe6}[data-theme=dark] .country-code-select:focus{background:#0f172ae6}.country-code-select option{background:var(--input-bg);color:var(--text-primary);padding:.5rem}[data-theme=dark] .country-code-select option{background:#1e293b}.country-code-select:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #6366f11a;animation:focusRing .3s cubic-bezier(.4,0,.2,1)}.phone-input-with-country-code{width:100%;height:3.5rem;padding:1rem 1.25rem;border:1px solid var(--input-border);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);font-size:1.125rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1;font-family:monospace;letter-spacing:1px}.phone-input-with-country-code::placeholder{color:var(--text-tertiary)}.phone-input-with-country-code:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #6366f11a;background:#ffffffe6}[data-theme=dark] .phone-input-with-country-code:focus{background:#0f172ae6}.phone-input-with-country-code::placeholder{letter-spacing:normal;font-family:inherit}.phone-input-with-country-code:focus{transform:scale(1.02);animation:focusRing .3s cubic-bezier(.4,0,.2,1)}.phone-verification-info{margin-top:.75rem;color:var(--text-tertiary);font-size:.875rem;line-height:1.5;opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .3s forwards;padding:.75rem;background:#6366f10d;border-radius:.375rem;border-left:3px solid var(--input-focus)}[data-theme=dark] .phone-verification-info{background:#6366f11a}.code-input-container{display:flex;justify-content:center;gap:.75rem;margin:1.25rem 0;flex-wrap:nowrap;align-items:center;padding:.25rem!important}.code-input-container input:nth-child(1){animation:codeInputAppear .5s cubic-bezier(.34,1.56,.64,1) .05s forwards;opacity:0}.code-input-container input:nth-child(2){animation:codeInputAppear .5s cubic-bezier(.34,1.56,.64,1) .1s forwards;opacity:0}.code-input-container input:nth-child(3){animation:codeInputAppear .5s cubic-bezier(.34,1.56,.64,1) .15s forwards;opacity:0}.code-input-container input:nth-child(4){animation:codeInputAppear .5s cubic-bezier(.34,1.56,.64,1) .2s forwards;opacity:0}.code-input-container input:nth-child(5){animation:codeInputAppear .5s cubic-bezier(.34,1.56,.64,1) .25s forwards;opacity:0}.code-input-container input:nth-child(6){animation:codeInputAppear .5s cubic-bezier(.34,1.56,.64,1) .3s forwards;opacity:0}.code-input{width:3.5rem;height:3.5rem;text-align:center;font-size:1.5rem;font-weight:600;border:2px solid var(--input-border);border-radius:.5rem;background:var(--input-bg);color:var(--text-primary);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;padding:.25rem!important}.code-input:focus{outline:none;border-color:var(--input-focus);box-shadow:0 0 0 3px #6366f133;transform:scale(1.05);background:#fffffff2}[data-theme=dark] .code-input:focus{background:#0f172af2}.code-input::-webkit-outer-spin-button,.code-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.code-input[type=number]{-moz-appearance:textfield}.code-input:focus{z-index:20}.code-input:focus:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca);border-radius:.5rem;z-index:-1;opacity:.3}.code-input:valid:not(:placeholder-shown){border-color:#10b981;background:#10b9810d}[data-theme=dark] .code-input:valid:not(:placeholder-shown){background:#10b9811a}.resend-code{text-align:center;margin:1.25rem 0;color:var(--text-secondary);font-size:.875rem;opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .4s forwards}.resend-code span{margin-right:.5rem}.resend-button{background:none;border:none;color:var(--input-focus);font-size:.875rem;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;padding:.5rem .75rem;border-radius:.25rem}.resend-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--input-focus);opacity:0;border-radius:.25rem;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:-1}.resend-button:hover:not(:disabled){color:#fff;text-decoration:none;transform:translateY(-1px)}.resend-button:hover:not(:disabled):before{opacity:1}.resend-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.resend-button:disabled:hover{color:var(--text-tertiary);text-decoration:none}.resend-button:disabled:hover:before{opacity:0}.back-link{text-align:center;margin-top:1.25rem;opacity:0;animation:fadeIn .5s cubic-bezier(.4,0,.2,1) .4s forwards}.back-link a,.back-link button{color:var(--text-secondary);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);padding:.5rem 1rem;border-radius:.375rem;border:none;background:none;cursor:pointer;position:relative}.back-link a:before,.back-link button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--input-focus);opacity:0;border-radius:.375rem;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:-1}.back-link a:hover,.back-link button:hover{color:#fff;transform:translateY(-1px)}.back-link a:hover:before,.back-link button:hover:before{opacity:.9}.code-back-link{margin-top:1rem;display:flex;justify-content:center;align-items:center;gap:1rem;flex-wrap:wrap}.code-back-link button,.code-back-link a{font-size:.75rem}.code-back-link button:hover,.code-back-link a:hover{opacity:1}.code-back-link button+a:before{content:"•";color:var(--text-tertiary);font-size:.75rem}.form-group.has-error .form-label{color:#ef4444}.form-group.has-error input{border-color:#ef4444!important;box-shadow:0 0 0 3px #ef444433!important;animation:shake .6s cubic-bezier(.34,1.56,.64,1)}.form-group.has-success .form-label{color:#10b981}.form-group.has-success input{border-color:#10b981!important;box-shadow:0 0 0 3px #10b98133!important}.form-loading{pointer-events:none;opacity:.6}.form-loading input{cursor:not-allowed}@media (max-width: 600px){.phone-input-container{flex-direction:column;gap:.75rem}.country-code-select{width:100%;min-width:auto}.code-input-container{gap:.5rem;flex-wrap:nowrap}.code-input-container .code-input{width:2.8rem;height:2.8rem;font-size:1.25rem;flex-shrink:0}.phone-verification-info{font-size:.75rem;padding:.5rem}}@media (max-width: 400px){.code-input-container{gap:.4rem}.code-input-container .code-input{width:2.45rem;height:2.45rem;font-size:1.125rem;flex-shrink:0}.form-group{margin-bottom:1.5rem}}@media (prefers-contrast: high){.code-input{border-width:2px}.code-input:focus{border-width:3px}.phone-input-container input,.country-code-select{border-width:2px}}.code-input:focus-visible,.country-code-select:focus-visible,.phone-input-with-country-code:focus-visible,.resend-button:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px}.verification-button{display:flex;justify-content:center;align-items:center;border:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;text-decoration:none;color:#fff;border-radius:.5rem;font-size:1.125rem;height:3.5rem;padding:1rem 1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;width:100%;margin-top:1.25rem;opacity:0;transform:translateY(20px);animation:slideUp .5s cubic-bezier(.4,0,.2,1) .3s forwards;position:relative;background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca)}.verification-button:focus{outline:none;box-shadow:0 0 0 3px #6366f166}.verification-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:all .5s cubic-bezier(.4,0,.2,1)}.verification-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 10px 25px #6366f166}.verification-button:hover:not(:disabled):before{left:100%}.verification-button:disabled{opacity:.4;cursor:not-allowed;transform:none}.verification-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 10px 25px #6366f14d}.verification-button:active:not(:disabled){transform:translateY(0)}.verification-button.loading{background:linear-gradient(-45deg,var(--input-focus),rgb(114.6,117.3,242.4),var(--input-focus),rgb(114.6,117.3,242.4));background-size:400% 400%;animation:gradientShift 3s ease infinite}.verification-button.loading .button-text{opacity:0}.verification-button.loading .button-loading{opacity:1}.verification-button:disabled:not(.loading){opacity:.6;cursor:not-allowed;transform:none}.verification-button.success{background:linear-gradient(135deg,#10b981,#059669);animation:successPulse .5s cubic-bezier(.4,0,.2,1) forwards}.verification-button .button-text{position:relative;z-index:20;transition:all .15s cubic-bezier(.4,0,.2,1);font-weight:600}.verification-button .button-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;z-index:10;transition:all .15s cubic-bezier(.4,0,.2,1)}.verification-button .button-overlay{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2) 50%,transparent);z-index:30;transition:left .6s ease}.loading-dots{display:flex;gap:6px;align-items:center}.loading-dots .dot{width:8px;height:8px;border-radius:9999px;background:#fff;animation:dotBounce 1.4s infinite ease-in-out;box-shadow:0 0 10px #ffffff80}.loading-dots .dot:nth-child(1){animation-delay:-.32s}.loading-dots .dot:nth-child(2){animation-delay:-.16s}.loading-dots .dot:nth-child(3){animation-delay:0s}.loading-spinner{display:inline-block;width:1.5rem;height:1.5rem;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:9999px;animation:spin 1s linear infinite;margin:0 auto}.verification-button.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5,#4338ca)}.verification-button.btn-primary:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 15px 35px #6366f166}.verification-button.btn-secondary{background:transparent;border:2px solid var(--input-focus);color:var(--input-focus)}.verification-button.btn-secondary:hover:not(:disabled){background:var(--input-focus);color:#fff;transform:translateY(-2px)}.verification-button.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.verification-button.btn-danger:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 15px 35px #ef444466}.verification-button.btn-success{background:linear-gradient(135deg,#10b981,#059669)}.verification-button.btn-success:hover:not(:disabled){box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a,0 15px 35px #10b98166}.verification-button.btn-large{height:4.5rem;font-size:1.25rem;padding:1.25rem 2rem}.verification-button.btn-small{height:2.75rem;font-size:1rem;padding:.75rem 1.25rem}.verification-button.btn-xs{height:2.5rem;font-size:.875rem;padding:.5rem 1rem}.verification-button.loading{pointer-events:none}.verification-button.loading span{opacity:0;transform:translateY(-10px)}.verification-button.loading .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.verification-button.processing{background:linear-gradient(-45deg,var(--input-focus),rgb(122.4,124.95,243.1),var(--input-focus),rgb(122.4,124.95,243.1));background-size:400% 400%;animation:gradientShift 2s ease infinite;cursor:wait}.verification-button.error{background:linear-gradient(135deg,#ef4444,#dc2626);animation:shake .3s cubic-bezier(.34,1.56,.64,1)}.verification-button.error:hover{transform:none}.button-group{display:flex;gap:.75rem;margin-top:1.25rem}.button-group .verification-button{flex:1;margin-top:0}.button-group.vertical{flex-direction:column}.button-group.vertical .verification-button{width:100%}.verification-button .icon{margin-right:.5rem;width:1.2em;height:1.2em}.verification-button .icon.icon-right{margin-right:0;margin-left:.5rem}.verification-button .icon.icon-only{margin:0}@media (max-width: 600px){.verification-button{height:4rem;font-size:1.125rem;padding:1rem 1.5rem}.verification-button.btn-large{height:4.75rem;font-size:1.25rem}.verification-button.btn-small,.verification-button.btn-xs{height:3.5rem;font-size:1rem}.button-group{flex-direction:column;gap:.5rem}}@media (max-width: 400px){.verification-button{height:3.5rem;font-size:1rem;padding:1rem;border-radius:.375rem}.verification-button .loading-spinner{width:1.2rem;height:1.2rem}}.verification-button:focus-visible{outline:2px solid var(--input-focus);outline:3px solid rgba(99,102,241,.5);outline-offset:2px}@media (prefers-contrast: high){.verification-button{border:2px solid white}.verification-button:disabled{border-color:gray}.verification-button.btn-secondary{border-width:3px}}@media (prefers-reduced-motion: reduce){.verification-button:hover{transform:none}.verification-button:after{display:none}.verification-button:disabled{animation:none}.verification-button.processing{animation:none}}@media print{.verification-button{background:none!important;color:#000!important;border:2px solid black!important;box-shadow:none!important}.verification-button:before,.verification-button:after{display:none!important}}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--card-bg: rgba(255, 255, 255, .9);--text-primary: #1e293b;--text-secondary: #475569;--text-tertiary: #64748b;--border-color: rgba(226, 232, 240, .8);--input-bg: rgba(255, 255, 255, .8);--input-border: rgba(203, 213, 225, .8);--input-focus: #6366f1;--glow-color-1: rgba(99, 102, 241, .4);--glow-color-2: rgba(59, 130, 246, .3);--shadow-color: rgba(0, 0, 0, .1);--accent-primary: #6366f1;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, #6366f1, #4f46e5, #4338ca);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}[data-theme=dark]{--bg-primary: #0f172a;--bg-secondary: #1e293b;--card-bg: rgba(30, 41, 59, .85);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: rgba(148, 163, 184, .15);--input-bg: rgba(15, 23, 42, .8);--input-border: rgba(148, 163, 184, .2);--input-focus: #6366f1;--glow-color-1: rgba(99, 102, 241, .6);--glow-color-2: rgba(59, 130, 246, .4);--shadow-color: rgba(0, 0, 0, .3);--accent-primary: #6366f1;--accent-secondary: #3b82f6;--accent-gradient: linear-gradient(135deg, #6366f1, #4f46e5, #4338ca);--success-color: #10b981;--error-color: #ef4444;--warning-color: #f59e0b}[data-theme=light] .verification-container{background:var(--bg-primary)}[data-theme=light] .verification-card{background:#ffffffe6;border:1px solid var(--border-color);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=light] .verification-card:hover{box-shadow:0 25px 50px -12px #00000040,0 10px 25px #6366f11a}[data-theme=light] .code-input{background:#fffffff2;border:2px solid rgba(203,213,225,.6);box-shadow:0 2px 4px #0000000a,inset 0 1px 2px #ffffff1a}[data-theme=light] .code-input:focus{background:#fff;box-shadow:0 0 0 3px #6366f126,0 4px 8px #00000014}[data-theme=light] .phone-input-with-country-code,[data-theme=light] .country-code-select{background:#ffffffe6;border:1px solid rgba(203,213,225,.6)}[data-theme=light] .phone-input-with-country-code:focus,[data-theme=light] .country-code-select:focus{background:#fff;box-shadow:0 0 0 3px #6366f11a}[data-theme=light] .verification-button{box-shadow:0 10px 25px #6366f140,0 4px 8px #00000014}[data-theme=light] .verification-button:hover:not(:disabled){box-shadow:0 15px 35px #6366f159,0 8px 15px #0000001f}[data-theme=dark] .verification-container{background:var(--bg-primary)}[data-theme=dark] .verification-card{background:#1e293be6;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}[data-theme=dark] .verification-card:hover{box-shadow:0 25px 50px -12px #00000040,0 10px 25px #6366f126}[data-theme=dark] .code-input{background:#0f172ae6;border:2px solid rgba(148,163,184,.2);box-shadow:0 2px 4px #0003,inset 0 1px 2px #ffffff0d}[data-theme=dark] .code-input:focus{background:#0f172af2;box-shadow:0 0 0 3px #6366f140,0 4px 8px #0000004d}[data-theme=dark] .phone-input-with-country-code,[data-theme=dark] .country-code-select{background:#0f172acc;border:1px solid rgba(148,163,184,.2)}[data-theme=dark] .phone-input-with-country-code:focus,[data-theme=dark] .country-code-select:focus{background:#0f172ae6;box-shadow:0 0 0 3px #6366f133}[data-theme=dark] .verification-button{box-shadow:0 10px 25px #0000004d,0 0 20px #6366f133}[data-theme=dark] .verification-button:hover:not(:disabled){box-shadow:0 15px 35px #0006,0 0 30px #6366f14d}[data-theme=dark] .verification-bg-shapes .shape.shape-1{background:linear-gradient(45deg,#6366f180,#4f46e566,#4338ca4d)}[data-theme=dark] .verification-bg-shapes .shape.shape-2{background:linear-gradient(135deg,#3b82f680,#2563eb66,#1d4ed84d)}[data-theme=dark] .verification-bg-shapes .shape.shape-3{background:linear-gradient(225deg,#6366f166,#3b82f64d,#9333ea33)}[data-theme=dark] .orb{background:#6366f1cc;box-shadow:0 0 20px #6366f166}[data-theme=light] .verification-error{background:#ef444414;border-color:#ef444433;color:#dc2626}[data-theme=light] .alert-info{background:#f59e0b14;border-color:#f59e0b33;color:#d97706}[data-theme=dark] .verification-error{background:#ef444426;border-color:#ef44444d;color:#fca5a5}[data-theme=dark] .alert-info{background:#f59e0b26;border-color:#f59e0b4d;color:#fbbf24}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-primary: #0f172a;--bg-secondary: #1e293b;--card-bg: rgba(30, 41, 59, .85);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--border-color: rgba(148, 163, 184, .15);--input-bg: rgba(15, 23, 42, .8);--input-border: rgba(148, 163, 184, .2);--glow-color-1: rgba(99, 102, 241, .6);--glow-color-2: rgba(59, 130, 246, .4);--shadow-color: rgba(0, 0, 0, .3)}}*{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}@media (prefers-reduced-motion: reduce){*{transition:none!important}}[data-theme=light] ::selection{background:#6366f133;color:var(--text-primary)}[data-theme=dark] ::selection{background:#6366f166;color:var(--text-primary)}[data-theme=light] ::-webkit-scrollbar{width:8px}[data-theme=light] ::-webkit-scrollbar-track{background:#e2e8f080}[data-theme=light] ::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#6366f180}[data-theme=dark] ::-webkit-scrollbar{width:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b80}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#6366f166;border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#6366f199}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.skip-nav{position:absolute;top:-40px;left:6px;background:var(--accent-primary);color:#fff;padding:8px;text-decoration:none;border-radius:4px;z-index:1000}.skip-nav:focus{top:6px}@media (prefers-reduced-motion: no-preference){:focus-visible{outline:2px solid var(--input-focus);outline-offset:2px;transition:outline-offset .2s ease}}@media (prefers-contrast: high){.verification-container:before{display:none}.verification-bg-shapes,.orb{display:none}}@media print{.verification-container{background:#fff!important;color:#000!important;padding:1rem!important}.verification-container:before{display:none!important}.verification-bg-shapes,.orb{display:none!important}.verification-card{background:#fff!important;border:2px solid black!important;box-shadow:none!important}.verification-card:before,.verification-card:after{display:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-0{margin-top:0}.mb-0{margin-bottom:0}.mt-1{margin-top:.25rem}.mb-1{margin-bottom:.25rem}.mt-2{margin-top:.5rem}.mb-2{margin-bottom:.5rem}.mt-3{margin-top:.75rem}.mb-3{margin-bottom:.75rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-inline{display:inline}.d-inline-block{display:inline-block}.justify-center{justify-content:center}.align-center{align-items:center}.flex-column{flex-direction:column}.flex-wrap{flex-wrap:wrap}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.sms-consent-text{font-size:.875rem;line-height:1.5;color:#6b7280;margin-top:1rem;padding:.75rem;background-color:#f3f4f680;border-radius:.5rem;border-left:3px solid #d1d5db}.sms-consent-text .consent-link{color:#6366f1;text-decoration:none;font-weight:500;transition:color .2s ease}.sms-consent-text .consent-link:hover{color:#4f46e5;text-decoration:underline}.sms-consent-text .consent-link:focus{outline:2px solid #6366f1;outline-offset:2px;border-radius:2px}[data-theme=dark] .sms-consent-text{color:#9ca3af;background-color:#1f293780;border-left-color:#4b5563}[data-theme=dark] .sms-consent-text .consent-link{color:#a5b4fc}[data-theme=dark] .sms-consent-text .consent-link:hover{color:#c7d2fe}[data-theme=dark] .sms-consent-text .consent-link:focus{outline-color:#a5b4fc}.verify-email-container{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:20px;position:relative;overflow:hidden;box-sizing:border-box;margin:0 auto}.verify-email-card{width:100%;max-width:480px;background:#fff;border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;padding:40px;position:relative;z-index:1;overflow:hidden}.verify-email-header{text-align:center;margin-bottom:30px}.verify-email-header h1{font-size:28px;font-weight:700;color:#1e293b;margin:0}.verify-email-content{display:flex;flex-direction:column;align-items:center;min-height:200px;justify-content:center}.loading-state,.success-state,.error-state{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding:20px 0}.loading-spinner{display:inline-block;width:50px;height:50px;border:5px solid rgba(79,70,229,.2);border-radius:50%;border-top-color:#4f46e5;animation:spin 1s linear infinite;margin-bottom:20px}.success-icon,.error-icon{margin-bottom:20px}.success-icon svg{color:#10b981;animation:scale-in .5s ease-out}.error-icon svg{color:#ef4444}.redirect-message{margin-top:20px;color:#6b7280;font-size:14px}.verify-email-button{margin-top:20px;padding:10px 20px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s}.verify-email-button:hover{background-color:#4338ca}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scale-in{0%{transform:scale(0)}to{transform:scale(1)}}.verification-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.shape{position:absolute;border-radius:50%;filter:blur(60px);opacity:.6}.shape-1{background:#4f46e566;width:300px;height:300px;top:-100px;right:-50px;animation:float 8s ease-in-out infinite}.shape-2{background:#ec48994d;width:200px;height:200px;bottom:-100px;left:-50px;animation:float 7s ease-in-out infinite 1s}.shape-3{background:#10b9814d;width:250px;height:250px;top:50%;left:50%;transform:translate(-50%,-50%);animation:float 9s ease-in-out infinite .5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.email-sent-message{margin-top:15px;color:#4b5563;line-height:1.5}.email-sent-message strong{color:#4f46e5;font-weight:600;display:inline-block;padding:5px 10px;background:#4f46e514;border-radius:5px;margin-top:5px}.email-instructions{text-align:center;padding:20px 0;width:100%}.email-icon{margin-bottom:20px;color:#4f46e5;animation:bounce 2s ease infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}.email-note{margin-top:15px;font-size:14px;color:#6b7280;font-style:italic}.email-verification-actions{margin-top:25px;display:flex;flex-direction:column;gap:15px;align-items:center;width:100%}.logout-button{background:transparent;border:1px solid #cbd5e1;color:#4b5563;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.verification-message{margin:20px auto 0;padding:12px 16px;border-radius:8px;font-size:14px;max-width:100%;text-align:left;line-height:1.5}.verification-message:not([class*=error]){background:#10b9811a;border-left:3px solid #10b981;color:#047857}.verification-message[class*=error],.verification-message:contains("Error:"){background:#ef44441a;border-left:3px solid #ef4444;color:#b91c1c}.verification-message:empty{display:none}.verification-message.error{background:#ef44441a;border-left:3px solid #ef4444;color:#b91c1c}.send-verification-button{padding:10px 20px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%;max-width:280px}.send-verification-button:hover{background-color:#4338ca}.send-verification-button:disabled{background-color:#6b7280;cursor:not-allowed;opacity:.7}.logout-button{background:transparent;border:1px solid #cbd5e1;color:#4b5563;padding:10px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s;width:100%;max-width:280px}.logout-button:hover{background-color:#f1f5f9;border-color:#94a3b8}@media (max-width: 576px){.verify-email-card{padding:25px}.verify-email-header h1{font-size:24px}.email-sent-message strong{word-break:break-all}}.verification-code-form{width:100%;display:flex;flex-direction:column;align-items:center;margin:20px 0}.verification-code-inputs{display:flex;justify-content:center;gap:8px;margin-bottom:20px;width:100%}.verification-code-input{width:50px;height:60px;border:2px solid #cbd5e1;border-radius:8px;font-size:24px;font-weight:700;text-align:center;color:#4f46e5;background-color:#f8fafc;transition:all .2s}.verification-code-input:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e533;outline:none}.verification-code-input:disabled{background-color:#f1f5f9;color:#94a3b8}.verify-email-button{padding:10px 20px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s;width:100%;max-width:280px}.verify-email-button:hover:not(:disabled){background-color:#4338ca}.verify-email-button:disabled{background-color:#cbd5e1;cursor:not-allowed}@media (max-width: 480px){.verification-code-input{width:40px;height:50px;font-size:20px}}.theme-toggle-container{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:center;gap:10px}.theme-toggle{background:none;border:none;cursor:pointer;width:60px;height:60px;position:relative;outline:none;padding:0;transition:transform .3s ease;display:flex;justify-content:center;align-items:center}.theme-toggle:hover{transform:scale(1.1)}.toggle-wrapper{position:relative;width:50px;height:50px;border-radius:50%;overflow:hidden;background:linear-gradient(40deg,#202124,#3c4043);box-shadow:0 0 15px #0000004d;transition:all .5s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .toggle-wrapper{background:linear-gradient(40deg,#e8eaed,#f8fafc);box-shadow:0 0 15px #0000001a}.toggle-scene{position:relative;width:100%;height:100%;transition:transform .6s cubic-bezier(.34,1.56,.64,1)}.sun-moon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:#5e60ce;box-shadow:0 0 20px #5e60ce99;transition:all .6s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .sun-moon{background:#ffba08;box-shadow:0 0 25px #ffba08cc}.ray{position:absolute;top:50%;left:50%;width:0;height:0;opacity:0;background:#ffba08;transform-origin:0 0;transition:all .6s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .ray{width:2px;height:12px;opacity:1;border-radius:2px}.ray1{transform:rotate(0) translate(-50%,-50%) translate(-18px)}.ray2{transform:rotate(45deg) translate(-50%,-50%) translate(-18px)}.ray3{transform:rotate(90deg) translate(-50%,-50%) translate(-18px)}.ray4{transform:rotate(135deg) translate(-50%,-50%) translate(-18px)}.ray5{transform:rotate(180deg) translate(-50%,-50%) translate(-18px)}.ray6{transform:rotate(225deg) translate(-50%,-50%) translate(-18px)}.ray7{transform:rotate(270deg) translate(-50%,-50%) translate(-18px)}.ray8{transform:rotate(315deg) translate(-50%,-50%) translate(-18px)}.crater{position:absolute;background:#ffffff26;border-radius:50%;opacity:0;transition:opacity .6s ease}[data-theme=dark] .crater{opacity:1}.crater1{width:6px;height:6px;top:25%;left:25%}.crater2{width:4px;height:4px;top:60%;left:40%}.crater3{width:5px;height:5px;top:45%;left:70%}.cloud{position:absolute;background:#ffffffe6;border-radius:10px;opacity:0;transition:all .6s ease}[data-theme=light] .cloud{opacity:1}.cloud1{width:18px;height:6px;bottom:10px;left:10px;transform:scale(0)}.cloud2{width:12px;height:4px;bottom:22px;right:15px;transform:scale(0)}[data-theme=light] .cloud1,[data-theme=light] .cloud2{transform:scale(1)}.star{position:absolute;background:#fff;opacity:0;border-radius:50%;box-shadow:0 0 4px #fffc;transition:all .6s ease}[data-theme=dark] .star{opacity:1;animation:twinkle 3s infinite alternate}.star1{width:2px;height:2px;top:15px;left:15px;animation-delay:0s}.star2{width:3px;height:3px;top:10px;right:12px;animation-delay:.5s}.star3{width:2px;height:2px;bottom:15px;right:20px;animation-delay:1s}.star4{width:2px;height:2px;bottom:10px;left:20px;animation-delay:1.5s}@keyframes twinkle{0%{opacity:.4}50%{opacity:1}to{opacity:.4}}.theme-label{color:var(--text-primary);font-size:14px;font-weight:500;opacity:.8;transition:color .3s ease}[data-theme=light] .theme-label{color:var(--text-primary)}.dashboard .theme-toggle-container{z-index:1001}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;width:100%;overflow:hidden}#root{height:100%;width:100%;margin:0;padding:0;display:flex;overflow:hidden}:root,[data-theme=dark]{--background-primary: #121212;--background-secondary: #1a1a1a;--background-secondary-rgb: 26, 26, 26;--border-color: rgba(255, 255, 255, .1);--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .7);--accent-primary: #5e60ce;--accent-secondary: #64dfdf;--accent-gradient: linear-gradient(90deg, #5e60ce, #64dfdf);--input-background: rgba(255, 255, 255, .05);--input-border: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .5);--success-color: #4caf50;--error-color: #f44336;--warning-color: #ff9800;--tooltip-background: rgba(20, 20, 20, .8);--tooltip-text-color: #ffffff;--tooltip-border: rgba(100, 223, 223, .2);--button-hover: rgba(255, 255, 255, .1);--back-button-hover: rgba(255, 255, 255, .15);--glow-color-1: rgba(94, 96, 206, .2);--glow-color-2: rgba(100, 223, 223, .2);--field-assistant-background: rgba(30, 30, 30, .8);--field-assistant-border: #5e60ce;--backdrop-filter: blur(10px);--step-text-color: white;--back-button-text: white;--form-input-text: #ffffff;--logo-text-color: #a0a0a0;--subtitle-color: #a0a0a0;--required-indicator: #ff8080;--field-description-color: rgba(255, 255, 255, .6);--field-status-icon-bg: rgba(255, 255, 255, .1);--field-status-icon-color: rgba(255, 255, 255, .5);--form-group-active-border: rgba(94, 96, 206, .1);--step-marker-after-bg: #1a1a1a;--form-error: #ff6b6b;--summary-section-bg: rgba(30, 30, 30, .5);--summary-section-hover-bg: rgba(40, 40, 40, .5);--summary-section-active-bg: rgba(94, 96, 206, .15);--category-header-bg: rgba(255, 255, 255, .02);--category-header-hover-bg: rgba(255, 255, 255, .05);--field-item-hover-bg: rgba(255, 255, 255, .03);--field-item-highlighted-bg: rgba(94, 96, 206, .1);--guide-bg: rgba(16, 20, 30, .95);--guide-header-border: rgba(255, 255, 255, .1);--guide-text-color: #fff;--stat-bg: rgba(94, 96, 206, .1);--stat-border: rgba(94, 96, 206, .3);--stat-value-color: #64dfdf;--stat-label-color: rgba(255, 255, 255, .6);--field-name-color: #ffffff;--rule-label-color: rgba(100, 223, 223, .8);--rule-value-color: rgba(255, 255, 255, .5);--field-count-color: rgba(255, 255, 255, .5);--completion-check-color: #64dfdf;--form-progress-text: rgba(255, 255, 255, .6);--form-progress-bg: rgba(255, 255, 255, .1);--form-group-active-bg: linear-gradient(90deg, rgba(94, 96, 206, .1), rgba(100, 223, 223, .1));--field-requirement-shadow: rgba(100, 223, 223, .6);--field-item-active-shadow: rgba(100, 223, 223, .2);--active-pulse-bg: rgba(100, 223, 223, .2);--field-details-bg: rgba(0, 0, 0, .2);--field-details-border: rgba(94, 96, 206, .2);--sidebar-bg: rgba(16, 20, 30, .95);--sidebar-shadow: rgba(0, 0, 0, .2);--sidebar-item-border: rgba(255, 255, 255, .03);--summary-header-bg: rgba(20, 20, 20, .5);--summary-label-color: rgba(255, 255, 255, .6);--summary-value-color: white;--summary-description-bg: rgba(20, 20, 20, .3);--summary-file-color: #ff9f43;--summary-url-color: #54a0ff;--summary-logo-bg: #2a2a2a;--summary-section-icon-color: #64dfdf;--summary-progress-bar-bg: rgba(255, 255, 255, .1);--summary-progress-fill: linear-gradient(90deg, #5e60ce, #64dfdf);--summary-progress-text: #64dfdf;--success-icon-color: #64dfdf;--result-details-bg: rgba(255, 255, 255, .1);--result-details-border: rgba(255, 255, 255, .2);--result-item-border: rgba(255, 255, 255, .2);--result-item-title: rgba(255, 255, 255, .7);--result-item-text: white;--result-item-link: #64dfdf;--result-item-link-hover: #90e0ef;--password-field-bg: rgba(0, 0, 0, .2);--copy-button-bg: #64dfdf;--copy-button-color: #14213d;--copy-button-hover: #90e0ef;--restart-button-border: #64dfdf;--restart-button-color: #64dfdf;--restart-button-hover-bg: #64dfdf;--restart-button-hover-color: #14213d;--scroll-indicator-text-color: rgba(255, 255, 255, .7);--scroll-indicator-text-bg: rgba(0, 0, 0, .4);--scroll-indicator-text-border: rgba(94, 96, 206, .3);--scroll-indicator-bg: rgba(0, 0, 0, .4);--scroll-indicator-border: rgba(94, 96, 206, .5);--scroll-indicator-shadow: rgba(100, 223, 223, .2);--scroll-dot-bg: linear-gradient(135deg, #5e60ce, #64dfdf);--scroll-dot-shadow: rgba(100, 223, 223, .8);--scroll-arrow-color: rgba(255, 255, 255, .8);--scroll-arrow-shadow: rgba(100, 223, 223, .5);--next-button-shadow: rgba(94, 96, 206, .3);--back-button-shadow: rgba(0, 0, 0, .3);--step-marker-active-glow: rgba(100, 223, 223, .2);--step-marker-active-box-shadow: rgba(100, 223, 223, .5)}[data-theme=light]{--background-primary: #f8fafc;--background-secondary: #ffffff;--background-secondary-rgb: 255, 255, 255;--border-color: rgba(0, 0, 0, .1);--text-primary: #1e293b;--text-secondary: #64748b;--accent-primary: #6366f1;--accent-secondary: #0ea5e9;--accent-gradient: linear-gradient(90deg, #6366f1, #0ea5e9);--input-background: rgba(0, 0, 0, .02);--input-border: rgba(0, 0, 0, .2);--shadow-color: rgba(0, 0, 0, .1);--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--tooltip-background: rgba(36, 49, 70, .95);--tooltip-text-color: #ffffff;--tooltip-border: rgba(99, 102, 241, .3);--button-hover: rgba(0, 0, 0, .05);--back-button-hover: rgba(99, 102, 241, .15);--glow-color-1: rgba(99, 102, 241, .2);--glow-color-2: rgba(14, 165, 233, .2);--field-assistant-background: rgba(255, 255, 255, .9);--field-assistant-border: #6366f1;--backdrop-filter: blur(10px);--step-text-color: #4b5563;--step-marker-border: rgba(99, 102, 241, .5);--step-progress-bar-bg: rgba(99, 102, 241, .2);--back-button-text: #1e293b;--form-input-text: #1e293b;--logo-text-color: #64748b;--subtitle-color: #64748b;--required-indicator: #ef4444;--field-description-color: #64748b;--field-status-icon-bg: rgba(0, 0, 0, .1);--field-status-icon-color: rgba(0, 0, 0, .5);--form-group-active-border: rgba(99, 102, 241, .1);--step-marker-after-bg: #ffffff;--form-error: #ef4444;--summary-section-bg: #f1f5f9;--summary-section-hover-bg: #e2e8f0;--summary-section-active-bg: rgba(99, 102, 241, .1);--category-header-bg: rgba(0, 0, 0, .02);--category-header-hover-bg: rgba(0, 0, 0, .05);--field-item-hover-bg: rgba(0, 0, 0, .03);--field-item-highlighted-bg: rgba(99, 102, 241, .1);--guide-bg: #f1f5f9;--guide-header-border: rgba(0, 0, 0, .1);--guide-text-color: #1e293b;--stat-bg: rgba(99, 102, 241, .1);--stat-border: rgba(99, 102, 241, .3);--stat-value-color: #6366f1;--stat-label-color: #64748b;--field-name-color: #1e293b;--rule-label-color: #0ea5e9;--rule-value-color: #64748b;--field-count-color: #64748b;--completion-check-color: #0ea5e9;--form-progress-text: #64748b;--form-progress-bg: rgba(0, 0, 0, .1);--form-group-active-bg: linear-gradient(90deg, rgba(99, 102, 241, .05), rgba(14, 165, 233, .05));--field-requirement-shadow: rgba(14, 165, 233, .6);--field-item-active-shadow: rgba(14, 165, 233, .2);--active-pulse-bg: rgba(14, 165, 233, .1);--field-details-bg: rgba(0, 0, 0, .05);--field-details-border: rgba(99, 102, 241, .2);--sidebar-bg: #e2e8f0;--sidebar-shadow: rgba(0, 0, 0, .05);--sidebar-item-border: rgba(0, 0, 0, .05);--summary-header-bg: #e2e8f0;--summary-label-color: #64748b;--summary-value-color: #1e293b;--summary-description-bg: rgba(0, 0, 0, .05);--summary-file-color: #c2410c;--summary-url-color: #0369a1;--summary-logo-bg: #f1f5f9;--summary-section-icon-color: #0ea5e9;--summary-progress-bar-bg: rgba(0, 0, 0, .1);--summary-progress-fill: linear-gradient(90deg, #6366f1, #0ea5e9);--summary-progress-text: #0ea5e9;--success-icon-color: #0ea5e9;--result-details-bg: rgba(224, 231, 255, .2);--result-details-border: rgba(99, 102, 241, .2);--result-item-border: rgba(99, 102, 241, .2);--result-item-title: #64748b;--result-item-text: #1e293b;--result-item-link: #0ea5e9;--result-item-link-hover: #3b82f6;--password-field-bg: rgba(0, 0, 0, .05);--copy-button-bg: #0ea5e9;--copy-button-color: white;--copy-button-hover: #3b82f6;--restart-button-border: #0ea5e9;--restart-button-color: #0ea5e9;--restart-button-hover-bg: #0ea5e9;--restart-button-hover-color: white;--scroll-indicator-text-color: #4b5563;--scroll-indicator-text-bg: rgba(255, 255, 255, .9);--scroll-indicator-text-border: rgba(99, 102, 241, .4);--scroll-indicator-bg: rgba(255, 255, 255, .9);--scroll-indicator-border: rgba(99, 102, 241, .6);--scroll-indicator-shadow: rgba(14, 165, 233, .3);--scroll-dot-bg: linear-gradient(135deg, #6366f1, #0ea5e9);--scroll-dot-shadow: rgba(14, 165, 233, .8);--scroll-arrow-color: #4b5563;--scroll-arrow-shadow: rgba(14, 165, 233, .4);--next-button-shadow: rgba(99, 102, 241, .3);--back-button-shadow: rgba(99, 102, 241, .25);--step-marker-active-glow: rgba(14, 165, 233, .2);--step-marker-active-box-shadow: rgba(14, 165, 233, .4)}body{background-color:var(--background-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}.onboarding-container{background:var(--background-primary);color:var(--text-primary)}.onboarding-wrapper{background:var(--background-secondary);border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color)}.step-progress-bar{background:var(--step-progress-bar-bg, var(--input-border))}.step-progress-fill{background:var(--accent-gradient)}.step-marker{background:var(--background-secondary);border:2px solid var(--step-marker-border, var(--input-border));color:var(--step-text-color)}.step-marker.active{border-color:var(--accent-secondary);background:var(--accent-primary);color:#fff}.step-marker.completed{background:var(--accent-gradient);border-color:var(--accent-primary);color:#fff}.step-marker:after{background:var(--step-marker-after-bg)}.step-tooltip{background:var(--tooltip-background);color:var(--tooltip-text-color)}.form-input,.form-textarea{background-color:var(--input-background);border:1px solid var(--input-border);color:var(--form-input-text)}.form-input:focus,.form-textarea:focus{border-color:var(--accent-secondary)}.form-label{color:var(--text-secondary)}.next-button{background:var(--accent-gradient);color:#fff}.back-button{background:var(--input-background);color:var(--back-button-text);border:1px solid var(--input-border)}.logo-text,.file-upload-text{color:var(--logo-text-color)}.onboarding-subtitle{color:var(--subtitle-color)}.required-indicator{color:var(--required-indicator)}.field-description{color:var(--field-description-color)}.field-assistant-container{background:var(--field-assistant-background);-webkit-backdrop-filter:var(--backdrop-filter);backdrop-filter:var(--backdrop-filter);border-left:2px solid var(--field-assistant-border);box-shadow:-5px 0 15px var(--shadow-color)}.field-assistant-header,.assistant-icon{color:var(--accent-secondary)}.field-status-icon{background:var(--field-status-icon-bg);color:var(--field-status-icon-color)}.form-group.active:before{background:linear-gradient(90deg,var(--form-group-active-border),var(--form-group-active-border))}.bg-glow{background:radial-gradient(circle at center,var(--glow-color-1),transparent 70%)}.glow-2{background:radial-gradient(circle at center,var(--glow-color-2),transparent 70%)}.summary-section{background:var(--background-secondary);border:1px solid var(--border-color)}.summary-section:hover{border-color:var(--accent-secondary)}.summary-section.active{border-color:var(--accent-primary)}.summary-section-title{color:var(--text-primary)}.summary-label{color:var(--text-secondary)}.summary-value{color:var(--text-primary)}.success-container{background:var(--background-secondary);border:1px solid var(--border-color)}.signup-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:var(--background-primary);padding:1rem;margin:auto;position:relative;overflow-y:auto;overflow-x:hidden;width:100%;box-sizing:border-box}@media (max-height: 800px){.signup-container{padding:.5rem}}@media (max-height: 600px){.signup-container{padding:.25rem}}.signup-container:before,.signup-container:after{content:"";position:absolute;width:60vw;height:60vw;border-radius:50%;background:var(--accent-gradient);opacity:.1;filter:blur(60px);animation:float 15s infinite alternate ease-in-out;z-index:0}.signup-container:before{top:-20%;left:-10%;animation-delay:0s}.signup-container:after{bottom:-40%;right:-10%;animation-delay:-7s}@keyframes float{0%{transform:translate(0) scale(1)}50%{transform:translate(5%,5%) scale(1.05)}to{transform:translate(-5%,-5%) scale(.95)}}.particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent-primary);border-radius:50%;opacity:0;animation:particle-rise 10s infinite linear}@keyframes particle-rise{0%{opacity:0;transform:translateY(100vh) scale(0)}10%{opacity:.5}90%{opacity:.5}to{opacity:0;transform:translateY(-100px) scale(1)}}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:20%;animation-delay:2s}.particle:nth-child(3){left:30%;animation-delay:4s}.particle:nth-child(4){left:40%;animation-delay:6s}.particle:nth-child(5){left:50%;animation-delay:8s}.particle:nth-child(6){left:60%;animation-delay:1s}.particle:nth-child(7){left:70%;animation-delay:3s}.particle:nth-child(8){left:80%;animation-delay:5s}.particle:nth-child(9){left:90%;animation-delay:7s}.particle:nth-child(10){left:15%;animation-delay:9s}.particle:nth-child(11){left:25%;animation-delay:.5s}.particle:nth-child(12){left:35%;animation-delay:2.5s}.particle:nth-child(13){left:45%;animation-delay:4.5s}.particle:nth-child(14){left:55%;animation-delay:6.5s}.particle:nth-child(15){left:65%;animation-delay:8.5s}.signup-card{width:100%;max-width:480px;padding:1.5rem;background-color:rgba(var(--background-secondary-rgb),.8);border-radius:1.5rem;box-shadow:0 15px 40px var(--shadow-color);border:1px solid var(--border-color);position:relative;z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:card-appear .8s ease-out forwards;overflow:visible;margin:2rem 0;box-sizing:border-box}@media (max-width: 600px){.signup-card{padding:1rem;max-width:95%}}@media (max-height: 700px){.signup-card{padding:1rem;margin:1rem 0}}@media (max-height: 600px){.signup-card{padding:.75rem;margin:.5rem 0}}@keyframes card-appear{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{opacity:.3;transform:scale(.8)}to{opacity:.6;transform:scale(1.1)}}.signup-header{text-align:center;margin-bottom:1.5rem}.signup-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--text-primary);animation:text-glow 3s infinite alternate;letter-spacing:-.5px}@keyframes text-glow{0%{text-shadow:0 0 5px rgba(var(--accent-primary-rgb),0)}to{text-shadow:0 0 10px rgba(var(--accent-primary-rgb),.5)}}.signup-subtitle{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.4}.signup-form{display:flex;flex-direction:column}.auth-form-row{display:flex;gap:1rem}@media (max-width: 600px){.auth-form-row{flex-direction:column;gap:0rem}}.auth-form-group.half{width:50%}.auth-form-group{display:flex;flex-direction:column;margin-bottom:.5rem;position:relative;width:100%;animation:slide-up .4s ease-out forwards;opacity:0;transform:translateY(10px)}.auth-form-group:nth-child(1){animation-delay:.1s}.auth-form-group:nth-child(2){animation-delay:.2s}.auth-form-group:nth-child(3){animation-delay:.3s}.auth-form-group:nth-child(4){animation-delay:.4s}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-form-label{font-size:.9rem;margin-bottom:.25rem;color:var(--text-secondary);transition:all .2s ease}.auth-form-input{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:rgba(var(--background-input-rgb),.8);color:var(--text-primary);font-size:1rem;transition:all .2s ease;width:100%;box-sizing:border-box}.auth-form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px rgba(var(--accent-primary-rgb),.2);outline:none}.auth-form-input.error{border-color:var(--error-color);background-color:rgba(var(--error-rgb),.05)}.auth-form-input.error:focus{box-shadow:0 0 0 2px rgba(var(--error-rgb),.2)}.auth-form-input.valid{border-color:var(--success-color)}.auth-form-input.valid:focus{box-shadow:0 0 0 2px rgba(var(--success-rgb),.2)}.input-error{color:var(--error-color);font-size:.8rem;margin-top:.25rem;animation:fade-in .2s ease-out}.password-strength{margin-top:.5rem;animation:fade-in .3s ease-out}.strength-meter{height:4px;background-color:rgba(var(--text-secondary-rgb),.2);border-radius:2px;overflow:hidden;margin-bottom:.25rem}.strength-meter-fill{height:100%;border-radius:2px;transition:width .3s ease,background-color .3s ease}.strength-meter-fill[data-strength=weak]{background-color:var(--error-color)}.strength-meter-fill[data-strength=medium]{background-color:var(--warning-color)}.strength-meter-fill[data-strength=strong]{background-color:var(--success-color)}.strength-text{font-size:.75rem;color:var(--text-secondary)}.signup-button{padding:.75rem 1.5rem;border-radius:.5rem;background:var(--accent-gradient);color:#fff;font-weight:600;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;margin-top:.5rem;position:relative;overflow:hidden;height:3rem;display:flex;align-items:center;justify-content:center}.button-text{position:relative;z-index:2;transition:all .3s ease}.button-loading{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.loading-dots{display:flex;align-items:center;gap:.25rem}.dot{width:.5rem;height:.5rem;background-color:#fff;border-radius:50%;animation:dot-pulse 1.5s infinite ease-in-out}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes dot-pulse{0%,to{transform:scale(.8);opacity:.6}50%{transform:scale(1.2);opacity:1}}.button-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.signup-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%)}.signup-button:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(var(--accent-primary-rgb),.4)}.signup-button:hover:before{animation:shine 1.5s infinite}.signup-button.loading .button-text{opacity:0}.signup-button.loading .button-loading{opacity:1}.signup-button.success{background:var(--success-gradient)}@keyframes shine{0%{transform:translate(-100%)}20%{transform:translate(100%)}to{transform:translate(100%)}}.signup-button:active{transform:translateY(0)}.signup-button:disabled{opacity:.7;cursor:not-allowed}.signup-error{display:flex;align-items:center;padding:.75rem 1rem;background-color:rgba(var(--error-rgb),.1);border-left:3px solid var(--error-color);border-radius:.5rem;margin-bottom:1rem;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.signup-error svg{min-width:24px;margin-right:.75rem;stroke:var(--error-color);animation:pulse-error 2s infinite}@keyframes pulse-error{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.loading-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login-link{text-align:center;margin-top:1.5rem;font-size:.9rem;color:var(--text-secondary);animation:fade-in .6s ease-out forwards;animation-delay:.6s;opacity:0}.login-link a{color:var(--accent-primary);text-decoration:none;font-weight:500;transition:all .2s ease}.login-link a:hover{text-decoration:underline;color:var(--accent-secondary)}.google-login-container{margin-top:1rem;display:flex;justify-content:center;animation:fade-in .6s ease-out forwards;animation-delay:.5s;opacity:0}.or-divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:var(--text-secondary);font-size:.9rem}.or-divider:before,.or-divider:after{content:"";flex:1;border-bottom:1px solid var(--border-color)}.or-divider span{margin:0 10px;padding:0 10px;background-color:rgba(var(--background-secondary-rgb),.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.terms-container{margin-top:.5rem;margin-bottom:1rem;animation:fade-in .6s ease-out forwards;animation-delay:.4s;opacity:0}.terms-text{font-size:.8rem;color:var(--text-secondary);text-align:center;line-height:1.4}.terms-text a{color:var(--accent-primary);text-decoration:none;transition:all .2s ease}.terms-text a:hover{text-decoration:underline;color:var(--accent-secondary)}@media (max-width: 600px){.signup-header h1{font-size:1.75rem}.signup-subtitle{font-size:.9rem}.form-label{font-size:.85rem}.form-input{font-size:.95rem;padding:.7rem .9rem}.signup-button{padding:.7rem 1.25rem;font-size:.95rem}.terms-text{font-size:.75rem}}@media (max-height: 700px){.signup-header{margin-bottom:1rem}}@media (max-width: 600px){.signup-header{margin-bottom:1rem}.signup-header h1{margin-bottom:.25rem}}@media (max-height: 700px){.signup-form{gap:.75rem}.form-group{margin-bottom:.25rem}.form-input{padding:.6rem .8rem}.signup-button{margin-top:.25rem}.or-divider{margin:1rem 0}.google-login-container{margin-top:.75rem}.login-link{margin-top:1rem}.terms-container{margin-top:.25rem;margin-bottom:.75rem}}@media (max-height: 600px){.signup-form{gap:.5rem}.form-group{margin-bottom:.2rem}.form-input{padding:.5rem .7rem;font-size:.9rem}.form-label{font-size:.8rem}.signup-button{padding:.6rem 1rem;font-size:.9rem;height:2.5rem}.or-divider{margin:.75rem 0}.google-login-container{margin-top:.5rem}.login-link{margin-top:.75rem}.terms-container{margin-top:.2rem;margin-bottom:.5rem}.terms-text{font-size:.7rem}}@media (max-width: 600px){.or-divider{margin:1rem 0}}.phone-input-container{display:flex;gap:.5rem;width:100%}.country-code-select{flex:0 0 auto;min-width:100px;padding:.75rem;font-size:.95rem;border:2px solid var(--border-color);border-radius:12px;background-color:var(--background-secondary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-family:inherit;outline:none}.country-code-select:hover{border-color:var(--accent-primary);background-color:var(--background-primary)}.country-code-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.phone-input-with-country-code{flex:1;min-width:0}@media (max-width: 480px){.phone-input-container{gap:.375rem}.country-code-select{min-width:85px;padding:.625rem;font-size:.875rem}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;padding:0;min-width:100vw;min-height:100vh;width:100%;height:100%;overflow:hidden}html{width:100%;height:100%}.form-fields{display:flex;flex-direction:column;gap:10px}