body{font-family:Inter,sans-serif;margin:0}.btn{background-color:#4f46e5;color:#fff}.mobile-menu-toggle{background:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:var(--shadow-md);position:fixed;right:1rem;top:1rem;transition:var(--transition);z-index:1001}.mobile-menu-toggle:hover{background:var(--primary-light);color:var(--primary-color)}.mobile-menu-toggle:active{transform:scale(.95)}.user-profile{align-items:center;display:flex;gap:12px;padding:0 1.5rem 1rem}.user-avatar{border-radius:999px;height:40px;object-fit:cover;width:40px}.user-info{flex-direction:column;min-width:0}.user-info h4{color:var(--text-color);font-size:.95rem;margin:0;max-width:100%}.user-email,.user-info h4{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:var(--text-light);font-size:.82rem;margin:2px 0 0;max-width:170px}@media (max-width:1280px){.user-email{max-width:140px}}@media (max-width:1024px){.user-email{max-width:120px}}.nav-menu ul{list-style:none;margin:0;padding:0}.nav-section-header{border-bottom:1px solid #e5e7eb;color:#374151;font-size:.95rem;font-weight:700;letter-spacing:0;margin-bottom:.5rem;margin-top:1.5rem;padding:.75rem 1.5rem .5rem;position:relative;text-transform:none}.nav-section-header:first-of-type{margin-top:.5rem}.nav-section-header:before{background:linear-gradient(90deg,#0000,#e5e7eb,#0000);content:"";height:1px;left:1.5rem;position:absolute;right:1.5rem;top:0}.nav-menu ul>li:not(:has(.nav-section-header)){position:relative}.nav-menu ul>li:not(:has(.nav-section-header)):before{background:#f3f4f6;bottom:0;content:"";left:1.5rem;opacity:.5;position:absolute;top:0;width:2px}.nav-section-header.active-section{border-bottom-color:var(--primary-color);color:var(--primary-color)}.nav-section-header.active-section:before{background:linear-gradient(to right,#0000,var(--primary-color),#0000)}.nav-menu ul>li:nth-child(2n):not(:has(.nav-section-header)){background-color:#f9fafb80}.nav-menu ul>li:nth-child(odd):not(:has(.nav-section-header)){background-color:initial}.nav-menu a:hover{background-color:var(--primary-light);color:var(--primary-color);transform:translateX(2px)}.nav-section-header{box-shadow:0 1px 3px 0 #0000000d}.nav-dropdown-header,.nav-menu a{font-size:.875rem}.nav-dropdown-header:hover{background-color:var(--primary-light);color:var(--primary-color)}.dropdown-menu a:before{background-color:currentColor;border-radius:50%;content:"";height:4px;left:.5rem;opacity:.7;position:absolute;top:50%;transform:translateY(-50%);width:4px}.sidebar-overlay{cursor:pointer}@media (max-width:768px){.mobile-menu-toggle{align-items:center;display:flex;justify-content:center}.sidebar-overlay{animation:fadeIn .2s ease-out;display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar{transform:translateX(-100%);width:250px;width:var(--sidebar-width,250px);z-index:1000}.dashboard.sidebar-open .sidebar,.sidebar.open{transform:translateX(0)}.logo-container{justify-content:space-between;padding:1rem 1.5rem}.nav-dropdown-header,.nav-menu a{padding:.75rem 1rem}.dropdown-menu{padding-left:2rem}}@media (max-width:480px){.sidebar{width:280px}.nav-dropdown-header,.nav-menu a{font-size:.875rem;padding:.65rem .875rem}.logo-container{padding:.875rem 1rem}.user-info h4{font-size:.875rem}.user-email{font-size:.75rem}}.sidebar-footer{background-color:#f9fafb;border-top:1px solid #e5e7eb;margin-top:auto;padding:1.5rem}.current-plan{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:12px}.current-plan .plan-label{color:var(--text-light);font-size:.85rem}.current-plan .plan-badge{background:var(--primary-light);border:1px solid var(--primary-color);border-radius:999px;color:var(--primary-color);font-size:.75rem;font-weight:600;padding:2px 8px}.logout-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;color:#374151;justify-content:flex-start;padding:.5rem 1rem;transition:all .2s ease-in-out}.logout-btn:hover{background-color:#f3f4f6;border-color:#d1d5db}.logout-btn .nav-icon{color:#6b7280;font-size:1.25rem;margin-right:.75rem}:root{--color-1:#fff;--color-2:#fa6b82;--color-3:#303030;--color-4:#9a9a9a;--color-5:#e5cbcf;--primary-color:var(--color-2);--primary-hover:#e75670;--bg-light:#fff7f8;--white:var(--color-1);--text-color:var(--color-3);--text-light:var(--color-4);--border-color:var(--color-5);--error-color:#d14343;--success-color:#2fbf71;--shadow-sm:0 1px 2px 0 #fa6b8214;--shadow-md:0 6px 14px #fa6b821f;--shadow-lg:0 18px 30px #fa6b8229}*{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.login-container{align-items:center;background:linear-gradient(135deg,#e5cbcf,#fff 60%);background:linear-gradient(135deg,var(--color-5) 0,var(--white) 60%);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.login-container:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#fa6b821f 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;border:1px solid #e5cbcf;border:1px solid var(--border-color);border-radius:1.25rem;box-shadow:0 18px 30px #fa6b8229;box-shadow:var(--shadow-lg);max-width:28rem;overflow:hidden;padding:3rem 2.5rem;position:relative;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:100%;z-index:1}.login-card:hover{box-shadow:0 20px 40px #fa6b8233;transform:translateY(-5px)}.login-illustration{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.login-illustration img{border-radius:1rem;filter:drop-shadow(0 12px 25px rgba(250,107,130,.25));height:auto;max-width:12rem;width:100%}.login-header{margin-bottom:2.5rem;padding-bottom:1rem;position:relative}.login-header:after{border-radius:2px;bottom:0;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.login-header h1,.login-header:after{background:linear-gradient(90deg,#fa6b82,#e5cbcf);background:linear-gradient(90deg,var(--primary-color),var(--color-5))}.login-header h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.25rem;font-weight:800;letter-spacing:-.5px;margin-bottom:.75rem}.login-header p{color:#9a9a9a;color:var(--text-light);font-size:1rem;font-weight:400;line-height:1.6;margin:0 auto;max-width:85%}.login-form{margin-top:1.5rem}.form-group{margin-bottom:1.75rem;position:relative;text-align:left}.form-group label{color:#303030;color:var(--text-color);font-size:.875rem;padding-left:.25rem;transition:all .3s ease}.input-wrapper{background:#fff;background:var(--white);border:2px solid #e5cbcf;border:2px solid var(--border-color);border-radius:.75rem;overflow:hidden;transition:all .3s ease}.input-wrapper:focus-within{border-color:#fa6b82;border-color:var(--primary-color);box-shadow:0 0 0 3px #fa6b8226}.input-wrapper i{color:#9a9a9a;color:var(--text-light);margin-right:.01rem;order:2;padding:1 .75rem;transition:all .3s ease}.input-wrapper:focus-within i{color:#fa6b82;color:var(--primary-color)}.form-control{background:#0000;border:none;color:#303030;color:var(--text-color);font-size:.9375rem;margin-right:.5rem;order:1;padding:.875rem .5rem .875rem 1rem}.form-control:focus{box-shadow:none}.form-control::placeholder{color:#9a9a9a;color:var(--text-light);opacity:.85}#email.form-control,#password.form-control{color:#000}.form-control:hover{border-color:#c7d2fe}.form-options{align-items:center;display:flex;font-size:.875rem;justify-content:space-between;margin:1.5rem 0}.checkbox-container{align-items:center;color:#9a9a9a;color:var(--text-light);cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{align-items:center;background-color:#fff;background-color:var(--white);border:1px solid #e5cbcf;border:1px solid var(--border-color);border-radius:.25rem;display:flex;height:18px;justify-content:center;margin-right:.5rem;transition:all .3s ease;transition:var(--transition);width:18px}.checkbox-container:hover input~.checkmark{background-color:#fff7f8;background-color:var(--bg-light)}.checkbox-container input:checked~.checkmark{background-color:#fa6b82;background-color:var(--primary-color);border-color:#fa6b82;border-color:var(--primary-color)}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:8px;margin-top:-2px;transform:rotate(45deg);width:4px}.checkbox-container input:checked~.checkmark:after{display:block}.forgot-password{color:#fa6b82;color:var(--primary-color);text-decoration:none;transition:all .3s ease;transition:var(--transition)}.forgot-password:hover{text-decoration:underline}.btn{border-radius:.5rem;font-size:.9375rem;padding:.75rem 1.5rem}.btn-block{width:100%}.btn-primary{background:#fa6b82;background:var(--primary-color);box-shadow:0 4px 6px -1px #fa6b8240,0 2px 4px -1px #fa6b8233;font-size:1rem;overflow:hidden;padding:.875rem 1.5rem;position:relative;transition:all .3s ease;transition:var(--transition);width:100%;z-index:1}.btn-primary:before{background:#e75670;background:var(--primary-hover);content:"";height:100%;left:0;position:absolute;top:0;transition:width .3s ease;width:0;z-index:-1}.btn-primary:hover:before{width:100%}.btn-primary:active{transform:translateY(1px)}.alert{border-radius:.5rem;font-size:.875rem;margin-bottom:1.5rem;text-align:left}.alert-error{background-color:#fef2f2;border-left:3px solid #dc2626;color:#dc2626}.error-message{animation:slideIn .3s ease-out;background:#ef44440d;border-left:3px solid #d14343;border-left:3px solid var(--error-color);border-radius:0 .25rem .25rem 0;color:#d14343;color:var(--error-color);margin-top:.5rem;padding:.5rem .75rem;text-align:left}@keyframes slideIn{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.login-footer{color:#9a9a9a;color:var(--text-light);font-size:.875rem;margin-top:2.5rem;padding-top:1.5rem;position:relative}.login-footer:before{background:linear-gradient(90deg,#0000,#e5cbcf,#0000);background:linear-gradient(90deg,#0000,var(--border-color),#0000);content:"";height:1px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:80%}.login-footer a{border-radius:.25rem;color:#fa6b82;color:var(--primary-color);font-weight:600;margin:0 -.5rem;padding:.25rem .5rem;position:relative;text-decoration:none;transition:all .3s ease}.login-footer a:hover{background:#fa6b821a;text-decoration:none}.password-toggle{height:2.5rem;top:50%;transform:translateY(-50%);width:2.5rem}.password-toggle i{color:#000!important;font-size:1.1rem}.btn-loading{color:#0000;pointer-events:none;position:relative}.btn-loading:after{animation:spin .8s ease-in-out infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;content:"";height:20px;left:50%;margin:-10px 0 0 -10px;position:absolute;top:50%;width:20px}@media (max-width:480px){.login-container{padding:1rem}.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.5rem}.form-control{padding:.675rem 1rem .675rem 2.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}.forgot-password{margin-top:.5rem}}.login-card{animation:fadeIn .3s ease-out forwards}.btn-google{align-items:center;background:#fff;border:2px solid #e5cbcf;border:2px solid var(--border-color);border-radius:.75rem;box-shadow:0 1px 3px #0000001a;color:#3c4043;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:.875rem 1.5rem;transition:all .3s ease;width:100%}.btn-google:hover:not(:disabled){background:#f8f9fa;border-color:#dadce0;box-shadow:0 2px 6px #00000026;transform:translateY(-1px)}.btn-google:active:not(:disabled){box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.btn-google:disabled{cursor:not-allowed;opacity:.6}.btn-google svg{flex-shrink:0}.login-divider{align-items:center;color:#9a9a9a;color:var(--text-light);display:flex;font-size:.875rem;font-weight:500;margin:1.5rem 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid #e5cbcf;border-bottom:1px solid var(--border-color);content:"";flex:1 1}.login-divider span{padding:0 1rem}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-top-color:#fff;display:inline-block;margin-right:.5rem}.btn-google .spinner{border:2px solid #3c40434d;border-top-color:#3c4043}.success-message{animation:slideIn .3s ease-out;background:#2fbf710d;border-left:3px solid #2fbf71;border-left:3px solid var(--success-color);border-radius:0 .25rem .25rem 0;color:#2fbf71;color:var(--success-color);font-size:.875rem;margin-top:.5rem;padding:.5rem .75rem;text-align:left}.subscription-plans{margin:0 auto;max-width:1400px;padding:2rem}.subscription-plans-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:3rem;text-align:center}.subscription-plans-loading .spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#6366f1;height:40px;margin-bottom:1rem;width:40px}.subscription-plans-error{color:#ef4444;padding:3rem;text-align:center}.retry-btn{background:#6366f1;border-radius:8px;font-size:.9rem;margin-top:1rem;padding:.75rem 1.5rem;transition:background-color .2s}.retry-btn:hover{background:#5855eb}.plans-header{margin-bottom:3rem;text-align:center}.plans-header h2{color:#1f2937;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.plans-header p{color:#6b7280;font-size:1.1rem;margin:0}.plans-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:1400px}.plan-card{border:2px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;cursor:pointer;min-height:500px;padding:2.5rem;position:relative;transition:all .3s ease}.plan-card:hover{box-shadow:0 20px 25px -5px #0000001a}.plan-card.selected,.plan-card:hover{border-color:#6366f1;transform:translateY(-4px)}.plan-card.selected{background:linear-gradient(135deg,#f8faff,#eef2ff);box-shadow:0 22px 30px -10px #6366f140}.plan-card.popular{border-color:#10b981;position:relative}.plan-card.popular:before{border-radius:18px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.plan-card.popular:before,.popular-badge{background:linear-gradient(135deg,#10b981,#059669)}.popular-badge{box-shadow:0 4px 12px #10b9814d;top:-12px}.plan-header{margin-bottom:1.5rem}.plan-title-line{align-items:center;display:flex;justify-content:center}.plan-title-line h3{color:#111827;font-size:1.35rem;font-weight:800;letter-spacing:.2px;margin:0 0 .5rem}.plan-subtitle{color:#6b7280;font-size:.98rem}.plan-features{margin-bottom:1.75rem}.plan-features ul{list-style:none;margin:0;padding:0}.plan-features li{color:#374151;font-size:.95rem;line-height:1.5;padding:.6rem 0}.plan-features li i{color:#10b981;flex-shrink:0;font-size:1.1rem;margin-right:.75rem}.plan-action{text-align:center}.select-plan-btn{background:linear-gradient(135deg,#6366f1,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.9rem 2rem;transition:all .2s ease;width:100%}.select-plan-btn:hover{background:linear-gradient(135deg,#5855eb,#6d28d9);transform:translateY(-1px)}.selected-indicator{align-items:center;color:#10b981;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:1rem}.selected-indicator i{font-size:1.25rem;margin-right:.5rem}.plans-footer{border-top:1px solid #e5e7eb;padding:2rem 0;text-align:center}.plans-footer p{align-items:center;color:#6b7280;display:flex;font-size:.9rem;gap:.5rem;justify-content:center;margin:0}.plans-footer i{color:#10b981;font-size:1.1rem}@media (max-width:1024px){.plans-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.plan-card{padding:1.5rem}}@media (max-width:768px){.subscription-plans{padding:1rem}.plans-header h2{font-size:2rem}.plans-grid{gap:1.5rem;grid-template-columns:1fr}.plan-card{padding:1.5rem}.plan-price .amount{font-size:2.5rem}.plans-footer p{flex-direction:column;gap:.25rem}}@media (min-width:769px) and (max-width:1023px){.plans-grid{gap:1rem;grid-template-columns:repeat(3,1fr)}.plan-card{padding:1.25rem}.plan-price .amount{font-size:2.25rem}}.signup-with-subscription{align-items:center;background:linear-gradient(135deg,var(--primary-light) 0,#ef444426 35%,var(--primary-color) 85%);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.signup-container{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;margin:0 auto;max-width:1200px;overflow:hidden;width:100%}.step-indicator{background:var(--bg-color);border-bottom:1px solid var(--border-color);justify-content:center;padding:2rem}.step,.step-indicator{align-items:center;display:flex}.step{flex-direction:column;position:relative}.step-number{align-items:center;background:var(--primary-light);border-radius:50%;color:var(--primary-color);display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;margin-bottom:.5rem;transition:all .3s ease;width:40px}.step.active .step-number{background:var(--primary-color);box-shadow:0 6px 18px #ef444459;color:#fff}.step.completed .step-number{background:#b91c1c;color:#fff}.step.completed .step-number:before{content:"✓";font-size:.9rem}.step-label{color:var(--text-light);font-size:.875rem;font-weight:500;text-align:center}.step.active .step-label{color:var(--primary-color);font-weight:600}.step.completed .step-label{color:#b91c1c;font-weight:600}.step-connector{background:var(--border-color);height:2px;margin:0 1rem 1.5rem;width:80px}.signup-content{padding:2rem}.signup-step{margin:0 auto;max-width:800px}.step-header{margin-bottom:2rem;text-align:center}.step-header h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:.5rem}.step-header p{color:#6b7280;font-size:1.1rem;margin:0}.step-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary{gap:.5rem}.btn-primary:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-primary:disabled{background:#9ca3af;transform:none}.login-form{margin:0 auto;max-width:400px}.form-group{margin-bottom:1.5rem}.form-group label{color:#374151;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-wrapper{align-items:center;position:relative}.input-wrapper i{color:#9ca3af;font-size:1.1rem;position:absolute;right:1rem;z-index:1}.form-control{background:#fff;border:2px solid #e5e7eb;border-radius:8px;font-size:.9rem;padding:.75rem 2.75rem .75rem 1rem;transition:all .2s ease}.form-control:focus{border-color:#ef4444}.password-toggle{align-items:center;background:none;border:none;border-radius:.5rem;color:#000!important;cursor:pointer;display:flex;font-size:1.2rem;justify-content:center;line-height:1;padding:.5rem;position:absolute;right:1rem;transition:all .3s ease;z-index:1}.password-toggle:hover{background:#0000000f;color:#000!important}.password-toggle .ri-eye-line,.password-toggle .ri-eye-line:before,.password-toggle .ri-eye-off-line,.password-toggle .ri-eye-off-line:before,.password-toggle i,.password-toggle i:before{color:#000!important;font-size:1.2rem!important;line-height:1!important}.error-message{background:#ef44441a;border-left:3px solid #dc2626}.alert{font-size:.9rem;margin-bottom:1rem}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.signup-footer{background:#f8fafc;border-top:1px solid #e2e8f0;color:#6b7280;font-size:.9rem;padding:2rem;text-align:center}.signup-footer a{color:#ef4444;font-weight:500;text-decoration:none}.signup-footer a:hover{text-decoration:underline}@media (max-width:768px){.signup-with-subscription{padding:1rem}.signup-container{border-radius:16px}.step-indicator{padding:1.5rem 1rem}.step-connector{margin:0 .5rem;width:60px}.step-label{font-size:.75rem}.signup-content{padding:1.5rem}.step-header h1{font-size:1.75rem}.step-header p{font-size:1rem}.step-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}@media (max-width:480px){.step-indicator{flex-direction:column;gap:1rem}.step-connector{height:30px;margin:0;width:2px}.step{flex-direction:row;gap:.75rem}.step-number{margin-bottom:0}}.payment-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem 1rem}.payment-success-card{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;max-width:500px;padding:3rem;text-align:center;width:100%}.payment-status h1{color:#1f2937;font-size:2rem;font-weight:700;margin-bottom:1rem}.payment-status p{color:#6b7280;font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.spinner.large{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#6366f1;height:60px;margin:0 auto 2rem;width:60px}.success-icon{margin-bottom:2rem}.success-icon i{color:#10b981;font-size:4rem}.error-icon{margin-bottom:2rem}.error-icon i{color:#ef4444;font-size:4rem}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.btn-primary{align-items:center;background:#6366f1;display:inline-flex;font-size:.9rem;justify-content:center;text-decoration:none}.btn-primary:hover{background:#5855eb;transform:translateY(-1px)}.btn-secondary{align-items:center;background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;display:inline-flex;font-size:.9rem;font-weight:500;justify-content:center;text-decoration:none}.btn-secondary:hover{background:#e5e7eb;border-color:#9ca3af;transform:translateY(-1px)}@media (max-width:768px){.payment-success-card{margin:1rem;padding:2rem}.payment-status h1{font-size:1.75rem}.error-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.plans-page{padding:4rem 2rem}.plans-page,.plans-page-loading{background:linear-gradient(135deg,var(--primary-light) 0,#ef444433 35%,var(--primary-color) 85%);min-height:100vh}.plans-page-loading{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center}.plans-page-loading .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:40px;margin-bottom:1rem;width:40px}.plans-page-loading p{font-size:1.1rem}.plans-page-header{color:#fff;margin-bottom:4rem;text-align:center}.plans-page-header h1{font-size:3rem;font-weight:800;margin-bottom:1rem;text-shadow:0 2px 10px #0003}.plans-page-header p{font-size:1.25rem;opacity:.95}.plans-page-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto 4rem;max-width:1400px}.plans-page-card{background:#fff;border:2px solid var(--border-color);border-radius:20px;box-shadow:0 10px 30px #00000026;display:flex;flex-direction:column;padding:2.5rem;position:relative;transition:all .3s ease}.plans-page-card:hover{border-color:var(--primary-color);box-shadow:0 20px 40px #ef444426;transform:translateY(-8px)}.plans-page-card.popular{border-color:var(--primary-color);box-shadow:0 15px 40px #ef444440;transform:scale(1.05)}.plans-page-card.popular:hover{transform:scale(1.05) translateY(-8px)}.plans-page-card.popular:before{border-radius:22px;bottom:-2px;content:"";left:-2px;position:absolute;right:-2px;top:-2px;z-index:-1}.plans-page-card.popular:before,.popular-badge{background:linear-gradient(135deg,var(--primary-color),#b91c1c)}.popular-badge{border-radius:20px;box-shadow:0 4px 12px #ef444466;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.plan-title{color:var(--text-color);font-size:1.75rem;font-weight:800;letter-spacing:.3px;margin:0 0 1rem}.plans-page-card.popular .feature-list li,.plans-page-card.popular .feature-list li strong,.plans-page-card.popular .feature-list li.highlight,.plans-page-card.popular .feature-list li.highlight:before,.plans-page-card.popular .feature-list li:before,.plans-page-card.popular .get-started-btn,.plans-page-card.popular .get-started-btn span,.plans-page-card.popular .plan-features,.plans-page-card.popular .plan-header,.plans-page-card.popular .plan-price .amount,.plans-page-card.popular .plan-price .currency,.plans-page-card.popular .plan-price .period,.plans-page-card.popular .plan-subtitle,.plans-page-card.popular .plan-title{color:#fff}.plan-price{align-items:baseline;display:flex;justify-content:center}.plan-price .currency{color:var(--text-light);font-size:1.5rem;font-weight:700}.plan-price .amount{color:var(--text-color);font-size:3.5rem;font-weight:900;line-height:1;margin:0 .25rem}.plan-price .period{color:var(--text-light);font-size:1.1rem;font-weight:600}.plan-subtitle{color:var(--text-light);font-size:1rem;font-weight:500;margin:0}.plan-features{flex-grow:1;margin-bottom:2rem}.feature-list{list-style:none;margin:0;padding:0}.feature-list li{color:var(--text-color);font-size:1rem;line-height:1.6;padding:.75rem 0 .75rem 1.75rem;position:relative}.feature-list li:before{content:"•";font-size:1.5rem;left:0;line-height:1.3;position:absolute}.feature-list li.highlight,.feature-list li:before{color:var(--primary-color);font-weight:700}.feature-list li.highlight:before{color:var(--primary-color)}.get-started-btn{background:linear-gradient(135deg,var(--primary-color),#b91c1c);border:none;border-radius:12px;box-shadow:0 4px 15px #6366f14d;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:1rem 2rem;text-transform:uppercase;transition:all .3s ease;width:100%}.get-started-btn:hover{background:linear-gradient(135deg,#dc2626,#991b1b);box-shadow:0 6px 20px #ef444466;transform:translateY(-2px)}.get-started-btn:active{transform:translateY(0)}.plans-page-footer{color:#fff;margin:0 auto;max-width:800px;text-align:center}.plans-page-footer p{align-items:center;display:flex;font-size:1rem;gap:1rem;justify-content:center;opacity:.95}.plans-page-footer i{font-size:1.5rem}@media (max-width:1024px){.plans-page-grid{gap:1.5rem;grid-template-columns:repeat(3,1fr)}.plan-title{font-size:1.5rem}.plan-price .amount{font-size:3rem}}@media (max-width:768px){.plans-page{padding:2rem 1rem}.plans-page-header h1{font-size:2rem}.plans-page-header p{font-size:1rem}.plans-page-grid{gap:2rem;grid-template-columns:1fr}.plans-page-card.popular{transform:scale(1)}.plans-page-card.popular:hover{transform:translateY(-8px)}.plan-title{font-size:1.5rem}.plan-price .amount{font-size:2.5rem}.plans-page-footer p{flex-direction:column;gap:.5rem}}:root{--coral:#f25a67;--pink:#e64d80;--purple:#8c42d7;--blue:#4db3e6;--teal:#42d7be;--gradient-brand:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7)}.landing-new{background:#fff;color:#2b303b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0;min-height:100vh;overflow-x:hidden;padding:0;width:100%}.landing-new-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #e2e4e9;position:sticky;top:0;width:100%;z-index:50}.landing-new-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem;width:100%}.mobile-menu-toggle{background:#0000;border:none;color:#2b303b;cursor:pointer;display:none;padding:.5rem;z-index:101}.mobile-menu-toggle span{background:#2b303b;border-radius:2px;display:block;height:3px;margin:5px 0;transition:all .3s;width:25px}.mobile-menu-toggle.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.mobile-menu-toggle.active span:nth-child(2){opacity:0}.mobile-menu-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(-6px,6px)}.mobile-menu-close{display:none}.nav-link-btn,.nav-links a{background:none;border:none;color:#1e293b;cursor:pointer;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s}.nav-link-btn:hover,.nav-links a:hover{color:#6366f1}.btn-ghost-new{background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.btn-ghost-new:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.container-new{box-sizing:border-box;margin:0 auto;max-width:1400px;padding:0 2rem;width:100%}.hero-new{overflow:hidden;padding:3rem 0 5rem;position:relative;width:100%}.floating-bubbles-new{inset:0;overflow:hidden;position:absolute;z-index:-1}.bubble-new{border-radius:50%;filter:blur(60px);opacity:.2;position:absolute}.bubble-1-new{animation:float-new 6s ease-in-out infinite;background:linear-gradient(135deg,#f25a67,#e64d80);background:linear-gradient(135deg,var(--coral),var(--pink));height:8rem;left:10%;top:5rem;width:8rem}.bubble-2-new{animation:float-new 8s ease-in-out infinite;animation-delay:1s;background:linear-gradient(135deg,#8c42d7,#4db3e6);background:linear-gradient(135deg,var(--purple),var(--blue));height:10rem;right:15%;top:10rem;width:10rem}.bubble-3-new{animation:float-new 7s ease-in-out infinite;background:linear-gradient(135deg,#4db3e6,#42d7be);background:linear-gradient(135deg,var(--blue),var(--teal));bottom:5rem;height:9rem;left:20%;width:9rem}.bubble-4-new{animation:float-new 5s ease-in-out infinite;animation-delay:2s;background:linear-gradient(135deg,#e64d80,#8c42d7);background:linear-gradient(135deg,var(--pink),var(--purple));height:6rem;right:35%;top:15rem;width:6rem}@keyframes float-new{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero-grid-new{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.hero-content-new{animation:fadeIn-new .8s ease-out}.hero-title-new{font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.1;margin-bottom:1.5rem}.gradient-text-new{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text}.hero-subtitle-new{color:#737b8c;font-size:1.25rem;line-height:1.6;margin-bottom:1rem}.hero-tagline-new{color:#737b8c;font-size:1rem;font-weight:600;margin-bottom:2rem}.hero-microcopy-new{color:#737b8c;font-size:.875rem;line-height:1.6;margin-bottom:2rem;margin-top:1rem}.social-platforms-logos{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;margin:2rem 0}.platform-logo{filter:grayscale(0);height:40px;object-fit:contain;opacity:.8;transition:opacity .3s,transform .3s;width:auto}.platform-logo:hover{opacity:1;transform:translateY(-3px)}.hero-buttons-new{display:flex;gap:1rem;margin-bottom:1.5rem}.btn-gradient-new{background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);border:none;border-radius:.5rem;box-shadow:0 20px 60px -10px #8c42d74d;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:opacity .3s}.btn-gradient-new:hover{color:#fff!important;opacity:.9}.btn-outline-new{align-items:center;background:#0000;border:2px solid #e2e4e9;border-radius:.5rem;color:#2b303b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;transition:border-color .3s}.btn-outline-new:hover{border-color:#a7afbe}.hero-features-new{display:flex;flex-wrap:wrap;gap:.75rem}.feature-badge-new{background:#f0f2f4;border:1px solid #e2e4e9;border-radius:50px;font-size:.9rem;font-weight:500;padding:.5rem 1rem}.hero-image-new{animation:fadeIn-new .8s ease-out .2s both}.image-wrapper-new{border:1px solid #e2e4e9;border-radius:1.5rem;box-shadow:0 20px 60px -10px #8c42d74d;overflow:hidden;position:relative}.image-wrapper-new img{display:block;height:auto;width:100%}@keyframes fadeIn-new{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-benefits-section{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);overflow:hidden;padding:5rem 0;position:relative;width:100%}.demo-benefits-section:before{background:radial-gradient(circle,#8c42d71a 0,#0000 70%);height:600px;right:-20%;top:-50%;width:600px}.demo-benefits-section:after,.demo-benefits-section:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.demo-benefits-section:after{background:radial-gradient(circle,#f25a671a 0,#0000 70%);bottom:-30%;height:400px;left:-10%;width:400px}.demo-benefits-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;position:relative;z-index:1}.video-side{position:relative}.video-wrapper-new{border:3px solid #fffc;border-radius:1.5rem;box-shadow:0 25px 80px -15px #8c42d766;max-height:900px;overflow:hidden;position:relative}.video-sound-toggle{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;bottom:1.5rem;color:#fff;cursor:pointer;display:flex;height:3rem;justify-content:center;position:absolute;right:1.5rem;transition:all .3s ease;width:3rem;z-index:10}.video-sound-toggle:hover{background:#000000e6;border-color:#ffffff80;transform:scale(1.1)}.demo-video-player{display:block;height:auto;max-height:800px;object-fit:cover;width:100%}.video-wrapper-new:before{background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);border-radius:1.6rem;content:"";inset:-3px;opacity:.5;position:absolute;z-index:-1}.benefits-side{padding:2rem}.benefits-title{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:2.5rem}.benefits-list{display:flex;flex-direction:column;gap:1.25rem}.benefit-item{align-items:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fffc;border-radius:1rem;box-shadow:0 4px 20px #0000000d;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.benefit-item:hover{border-color:#8c42d7;border-color:var(--purple);box-shadow:0 8px 30px #667eea33;transform:translateX(10px)}.benefit-content{flex:1 1}.benefit-content h4{color:#2b303b;font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:.5rem}.benefit-content p{color:#676f7e;font-size:.875rem;font-weight:400;line-height:1.6;margin:0}.benefit-icon-new{align-items:center;border-radius:.75rem;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;transition:transform .3s;width:3rem}.benefit-item:hover .benefit-icon-new{transform:scale(1.1) rotate(5deg)}.engagement-stats-new{background:#fff;padding:5rem 0;width:100%}.stats-showcase-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.stat-showcase-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:2.5rem;transition:all .3s ease}.stat-showcase-card:hover{box-shadow:0 20px 60px #667eea4d;transform:translateY(-10px)}.stat-chart{margin-bottom:2rem}.bar-chart{align-items:flex-end;background:linear-gradient(180deg,#faf7fd,#fff);border-radius:1rem;display:flex;gap:1rem;height:200px;justify-content:space-around;padding:1rem}.bar-item{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem}.bar{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:.5rem .5rem 0 0;box-shadow:0 4px 12px #667eea4d;transition:all .3s ease;width:100%}.stat-showcase-card:hover .bar{transform:scaleY(1.05)}.bar-label{color:#64748b;font-size:.875rem;font-weight:600}.stat-number-display{background:linear-gradient(135deg,#faf7fd,#f2f9fd);border-radius:1rem;display:flex;gap:2rem;justify-content:center;margin-bottom:2rem;padding:2rem}.big-stat{align-items:center;display:flex;flex-direction:column;gap:.5rem}.stat-value{font-size:3.5rem}.stat-desc{color:#64748b;font-size:1rem;font-weight:600}.growth-chart{background:linear-gradient(135deg,#fdf2f5,#faf7fd);border-radius:1rem;margin-bottom:2rem;padding:2rem}.growth-line{height:200px;position:relative}.growth-point{background:#667eea;border-radius:50%;box-shadow:0 0 0 4px #667eea33;height:12px;position:absolute;transition:all .3s ease;width:12px}.stat-showcase-card:hover .growth-point{box-shadow:0 0 0 8px #667eea4d;transform:scale(1.3)}.growth-svg{height:100%;left:0;position:absolute;top:0;width:100%}.growth-svg polyline{fill:none;stroke:#667eea;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.stat-info h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.stat-info p{color:#64748b;line-height:1.6}.who-is-this-for-new{background:linear-gradient(180deg,#fff,#f8f9fb);padding:5rem 0;position:relative;width:100%}.who-is-this-for-new:before{background:linear-gradient(90deg,#0000,#8c42d74d,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.who-content-new{margin:0 auto;max-width:800px;text-align:center}.who-intro-new{color:#737b8c;font-size:1.125rem;font-weight:500;margin-bottom:2rem}.who-list-new{display:flex;flex-direction:column;gap:1rem;margin:0 auto;max-width:600px}.who-item-new{background:#fff;border:1px solid #e2e4e9;border-radius:.75rem;box-shadow:0 4px 12px #0000000d;color:#2b303b;font-size:1.125rem;font-weight:500;padding:1.25rem 2rem;text-align:left;transition:all .3s}.who-item-new:hover{border-color:#8c42d7;border-color:var(--purple);box-shadow:0 8px 20px #0000001a;transform:translateX(10px)}.who-item-new:before{color:#8c42d7;color:var(--purple);content:"•";font-size:1.5rem;font-weight:700;margin-right:1rem}.social-proof-new{background:linear-gradient(180deg,#fff,#faf7fd);padding:5rem 0;width:100%}.social-proof-content-new{margin:0 auto;max-width:800px;text-align:center}.social-proof-text-new{color:#737b8c;font-size:1.25rem;line-height:1.8;margin-bottom:1.5rem}.social-proof-supporting-new{color:#737b8c;font-size:1.125rem;font-weight:500;margin-bottom:2rem}.trusted-platforms{margin-top:3rem;text-align:center}.trusted-label{color:#737b8c;font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:1.5rem;text-transform:uppercase}.platforms-row{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.platform-logo-small{filter:grayscale(20%);height:35px;object-fit:contain;opacity:.7;transition:opacity .3s,transform .3s;width:auto}.platform-logo-small:hover{filter:grayscale(0);opacity:1;transform:scale(1.1)}.social-proof-cta-new{align-items:center;display:flex;flex-direction:column;gap:1rem}.social-proof-microcopy-new{color:#737b8c;font-size:.875rem;line-height:1.6}.final-cta-new{background:#fff;padding:5rem 0;width:100%}.final-cta-content-new{margin:0 auto;max-width:800px;text-align:center}.final-cta-text-new{color:#2b303b;font-size:1.5rem;font-weight:600;line-height:1.4;margin-bottom:2rem}.final-cta-button-wrapper-new{align-items:center;display:flex;flex-direction:column;gap:1rem}.final-cta-microcopy-new{color:#737b8c;font-size:.875rem;line-height:1.6}.vision-new{background:linear-gradient(180deg,#fff,#faf7fd);padding:5rem 0;width:100%}.vision-grid-new{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.vision-image-new img{border-radius:1.5rem;box-shadow:0 10px 40px -5px #2b303b1a;height:auto;width:100%}.section-label-new{color:#8c42d7;color:var(--purple);font-size:.875rem;font-weight:600;letter-spacing:.1em;margin-bottom:1rem;text-transform:uppercase}.section-title-new{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.section-description-new{color:#737b8c;font-size:1.125rem;line-height:1.6;margin-bottom:2rem}.vision-features-new{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.vision-feature-item-new{align-items:start;display:flex;gap:1rem}.vision-icon-new{align-items:center;border-radius:.75rem;box-shadow:0 4px 12px #0000001a;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.vision-feature-item-new h4{font-size:1rem;font-weight:600;margin-bottom:.25rem}.vision-feature-item-new p{color:#737b8c;font-size:.875rem;line-height:1.5}.features-new{padding:5rem 0;width:100%}.section-header-new{margin-bottom:4rem;text-align:center}.features-grid-new{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1400px}.feature-card-new{background:#fff;border:1px solid #e2e4e9;border-radius:1rem;box-shadow:0 10px 40px -5px #2b303b1a;padding:1.5rem;transition:all .3s}.feature-card-new:hover{box-shadow:0 20px 60px -10px #8c42d74d;transform:translateY(-5px)}.feature-icon-new{align-items:center;border-radius:.75rem;box-shadow:0 4px 12px #00000026;color:#fff;display:inline-flex;height:3rem;justify-content:center;margin-bottom:1rem;transition:transform .3s;width:3rem}.feature-card-new:hover .feature-icon-new{transform:scale(1.1)}.feature-label-new{color:#8c42d7;color:var(--purple);font-size:.75rem;font-weight:600;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.feature-title-new{font-size:1.25rem;font-weight:700;line-height:1.3;margin-bottom:.75rem}.feature-description-new{color:#737b8c;font-size:.875rem;line-height:1.6}.gradient-coral-pink{background:linear-gradient(135deg,var(--coral),var(--pink))}.gradient-purple-blue{background:linear-gradient(135deg,var(--purple),var(--blue))}.gradient-blue-teal{background:linear-gradient(135deg,var(--blue),var(--teal))}.gradient-pink-purple{background:linear-gradient(135deg,var(--pink),var(--purple))}.gradient-coral-purple{background:linear-gradient(135deg,var(--coral),var(--purple))}.gradient-teal-blue{background:linear-gradient(135deg,var(--teal),var(--blue))}.community-new{background:linear-gradient(180deg,#fff,#faf7fd);padding:5rem 0;width:100%}.community-grid-new{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin-bottom:3rem}.community-image-new img{border:1px solid #e2e4e9;border-radius:1.5rem;box-shadow:0 20px 60px -10px #8c42d74d;height:auto;width:100%}.community-features-new{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.community-feature-card-new{background:#fff;border:1px solid #e2e4e9;border-radius:1rem;display:flex;gap:1rem;padding:1.5rem;transition:all .3s}.community-feature-card-new:hover{box-shadow:0 10px 40px -5px #2b303b1a;transform:translateY(-2px)}.community-icon-new{align-items:center;background:linear-gradient(135deg,#8c42d7,#4db3e6);background:linear-gradient(135deg,var(--purple),var(--blue));border-radius:.75rem;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.community-feature-card-new h3{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.community-feature-card-new p{color:#737b8c;font-size:.875rem;line-height:1.5}.stats-card-new{background:linear-gradient(135deg,#fff,#faf7fd);border:1px solid #e2e4e9;border-radius:1.5rem;box-shadow:0 10px 40px -5px #2b303b1a;padding:3rem}.stats-grid-new{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.stat-item-new{text-align:center}.stat-icon-new{align-items:center;border-radius:1rem;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;height:4rem;justify-content:center;margin:0 auto 1rem;width:4rem}.stat-icon-new,.stat-number-new{background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand)}.stat-number-new{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label-new{color:#737b8c;font-size:.875rem;font-weight:500}.stats-cta-new{border-top:1px solid #e2e4e9;padding-top:2rem;text-align:center}.stats-cta-new p{font-size:1.125rem;font-weight:600;margin-bottom:1rem}.cta-new{padding:5rem 0;width:100%}.cta-card-new{background:#fff;border:1px solid #e2e4e9;border-radius:2rem;box-shadow:0 10px 40px -5px #2b303b1a;padding:4rem;text-align:center}.cta-title-new{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-description-new{color:#737b8c;font-size:1.125rem;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px}.cta-form-new{display:flex;gap:1rem;margin:0 auto 1.5rem;max-width:500px}.cta-input-new{border:2px solid #e2e4e9;border-radius:.5rem;flex:1 1;font-size:1rem;padding:1rem 1.5rem;transition:border-color .3s}.cta-input-new:focus{border-color:#8c42d7;border-color:var(--purple);outline:none}.btn-cta-new{background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);border:none;border-radius:.5rem;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:opacity .3s;white-space:nowrap}.btn-cta-new:hover{color:#fff!important;opacity:.9}.cta-features-new{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.cta-feature-new{align-items:center;color:#737b8c;display:flex;font-size:.875rem;gap:.5rem}.cta-feature-new span{color:#8c42d7;color:var(--purple);font-weight:600}.landing-new-footer{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);border-top:1px solid #0000001a;padding:3rem 0 1.5rem;width:100%}.footer-brand-new p,.footer-column-new a,.footer-link-new,.landing-new-footer,.landing-new-footer *,.landing-new-footer a,.landing-new-footer a:active,.landing-new-footer a:hover,.landing-new-footer a:link,.landing-new-footer a:visited,.landing-new-footer button,.landing-new-footer h4,.landing-new-footer p{color:#1e293b!important}.footer-grid-new{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 3fr;margin-bottom:2rem}.footer-brand-new img{height:40px;margin-bottom:1rem}.footer-brand-new p{color:#64748b!important}.footer-links-new{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-column-new h4{color:#1e293b!important;font-size:1rem;font-weight:600;margin-bottom:1rem}.footer-column-new a,.footer-column-new a:link,.footer-column-new a:visited,.footer-link-new{background:none;border:none;color:#475569!important;cursor:pointer;display:block;font-family:inherit;font-size:inherit;margin-bottom:.75rem;padding:0;text-align:left;text-decoration:none;transition:color .3s}.footer-column-new a:active,.footer-column-new a:hover,.footer-link-new:hover{color:#1e293b!important}.footer-bottom-new{border-top:1px solid #0000001a;padding-top:2rem;text-align:center}.footer-bottom-new p{color:#64748b!important;font-size:.875rem}@media (max-width:1024px){.community-grid-new,.demo-benefits-grid,.hero-grid-new,.vision-grid-new{grid-template-columns:1fr}.benefits-side{padding:1rem 0}.benefits-title{font-size:2rem;text-align:center}.benefit-item:hover{transform:translateX(5px)}.features-grid-new{grid-template-columns:repeat(2,1fr)}.hero-title-new{font-size:2.5rem}.section-title-new{font-size:2rem}}@media (max-width:768px){.benefits-grid-new,.community-features-new,.features-grid-new,.stats-grid-new,.stats-showcase-grid,.vision-features-new{grid-template-columns:1fr}.demo-video-new{padding:2rem 0}.video-wrapper-new{border-radius:1rem}.mobile-menu-toggle{display:block}.nav-links{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;box-shadow:0 4px 20px #0000001a;display:none;flex-direction:column;gap:1rem;height:100vh;left:0;overflow-y:auto;padding:4rem 2rem 2rem;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:100}.nav-links.active{display:flex;transform:translateY(0)}.mobile-menu-close{display:block}.nav-links a{border-bottom:1px solid #e2e4e9;color:#2b303b;font-size:1.1rem;font-weight:500;padding:1rem 0;text-decoration:none;transition:color .3s}.nav-links a:hover{color:var(--primary-color)}.nav-links .btn-ghost-new{background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);border:none;border-radius:12px;box-shadow:0 4px 12px #4f46e54d;color:#fff;display:block;font-size:1.2rem;font-weight:700;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:250px;padding:1.25rem 2rem;position:relative;text-align:center;width:100%}.nav-links .btn-ghost-new:hover{box-shadow:0 6px 20px #4f46e566;opacity:.9;transform:translateY(-2px)}.cta-form-new{flex-direction:column}.footer-grid-new{grid-template-columns:1fr}}.waitlist-modal-overlay{align-items:center;animation:fadeInModal .2s ease-out;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.waitlist-modal{animation:slideUpModal .3s ease-out;background:#fff;border-radius:1rem;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2.5rem;position:relative;width:90%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{background:#0000;color:#576175;font-size:2rem;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.modal-close:hover{color:#2b303b}.waitlist-modal h2{color:#2b303b;font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.waitlist-modal p{color:#576175;line-height:1.6;margin-bottom:1.5rem}.waitlist-modal form{display:flex;flex-direction:column;gap:1rem}.waitlist-modal input{border:2px solid #e2e4e9;border-radius:.5rem;font-size:1rem;outline:none;padding:.875rem 1rem;transition:border-color .2s}.waitlist-modal input:focus{border-color:#f25a67;border-color:var(--coral)}.waitlist-modal input:disabled{background:#f0f2f4;cursor:not-allowed}.waitlist-modal button[type=submit]{background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1.5rem;transition:transform .2s,box-shadow .2s}.waitlist-modal button[type=submit]:hover:not(:disabled){box-shadow:0 10px 25px #ff5c7c4d;transform:translateY(-2px)}.waitlist-modal button[type=submit]:disabled{cursor:not-allowed;opacity:.6}.waitlist-status{border-radius:.5rem;font-size:.9375rem;font-weight:500;margin-top:1rem;padding:.875rem 1rem}.waitlist-status.success{background:#e9fbf0;border:1px solid #bef4d2;color:#1a9948}.waitlist-status.error{background:#fbe9e9;border:1px solid #f4bebe;color:#c42121}.early-access-popup-overlay{align-items:center;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:flex;height:100%;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100%;z-index:1000}.early-access-popup{animation:slideUp .4s ease-out;background:#fff;border-radius:1.25rem;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:2.5rem;position:relative;width:100%}.popup-close{background:#0000;border:none;color:#8a94a8;cursor:pointer;font-size:2rem;line-height:1;padding:.25rem .5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.popup-close:hover,.popup-title{color:#2b303b}.popup-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.popup-body{color:#4c5567;font-size:1rem;line-height:1.6;margin-bottom:1.75rem}.popup-form{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.popup-email-input{border:2px solid #e2e4e9;border-radius:.625rem;font-size:1rem;outline:none;padding:1rem 1.25rem;transition:border-color .2s}.popup-email-input:focus{border-color:#f25a67;border-color:var(--coral)}.popup-email-input:disabled{background:#f0f2f4;cursor:not-allowed}.popup-submit-btn{background:linear-gradient(135deg,#f25a67,#e64d80 25%,#8c42d7);background:var(--gradient-brand);border:none;border-radius:.625rem;box-shadow:0 4px 15px #ff5c7c40;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 1.5rem;transition:transform .2s,box-shadow .2s}.popup-submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #ff5c7c59;transform:translateY(-2px)}.popup-submit-btn:disabled{cursor:not-allowed;opacity:.6}.popup-status{border-radius:.5rem;font-size:.9375rem;font-weight:500;margin-bottom:1rem;padding:.875rem 1rem}.popup-status.success{background:#e9fbf0;border:1px solid #bef4d2;color:#1a9948}.popup-status.error{background:#fbe9e9;border:1px solid #f4bebe;color:#c42121}.popup-trust-line{color:#6c7993;font-size:.8125rem;font-style:italic;margin:0;text-align:center}@media (max-width:640px){.early-access-popup{margin:1rem;padding:2rem 1.5rem}.popup-title{font-size:1.5rem}.popup-body{font-size:.9375rem}.popup-email-input,.popup-submit-btn{font-size:.9375rem;padding:.875rem 1rem}}.legal-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh}.legal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.legal-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem}.btn-ghost-legal{background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s ease}.btn-ghost-legal:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.legal-content{padding:4rem 2rem}.legal-container{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:900px;padding:3rem}.legal-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.legal-text{color:#475569;font-size:1rem;line-height:1.8}.legal-text p{margin-bottom:1.5rem}.legal-text h2{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.75rem;font-weight:700;margin-bottom:1rem;margin-top:3rem;padding-bottom:.5rem}.legal-text h3{color:#334155;font-size:1.25rem;font-weight:600;margin-bottom:1rem;margin-top:2rem}.legal-text ul{list-style-type:disc;margin:1rem 0 1.5rem 2rem}.legal-text li{color:#475569;margin-bottom:.75rem}.legal-text strong{color:#1e293b;font-weight:600}.legal-footer{border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:2rem;text-align:center}.btn-back{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 2rem;transition:all .3s ease}.btn-back:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}@media (max-width:768px){.legal-container{padding:2rem 1.5rem}.legal-title{font-size:2rem}.legal-text h2{font-size:1.5rem}.legal-text h3{font-size:1.1rem}.legal-nav{padding:1rem}.legal-content{padding:2rem 1rem}}.pricing-page{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);min-height:100vh}.pricing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.pricing-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.btn-ghost-pricing{background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.btn-ghost-pricing:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.pricing-content{padding:4rem 2rem}.pricing-container{margin:0 auto;max-width:1200px}.pricing-hero{margin-bottom:4rem;text-align:center}.pricing-title{color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:1rem}.gradient-text-pricing{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.pricing-subtitle{color:#64748b;font-size:1.25rem}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:4rem}.pricing-card{background:#fff;border:2px solid #0000;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:2.5rem;position:relative;transition:all .3s ease}.pricing-card:hover{box-shadow:0 20px 60px #667eea4d;transform:translateY(-10px)}.pricing-card.popular{border-color:#6366f1;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-10px)}.popular-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 4px 15px #667eea66;color:#fff;font-size:.875rem;font-weight:600;left:50%;padding:.5rem 1.5rem;position:absolute;top:-15px;transform:translateX(-50%)}.plan-header{border-bottom:1px solid #e2e8f0;margin-bottom:2rem;padding-bottom:2rem;text-align:center}.plan-name{color:#1e293b}.plan-name,.plan-price{margin-bottom:1rem}.price{color:#1e293b;font-size:3rem;font-weight:700}.period{color:#64748b;font-size:1rem}.plan-description{color:#64748b;font-size:.95rem}.plan-features{list-style:none;margin:0 0 2rem;padding:0}.plan-features li{align-items:center;color:#475569;display:flex;gap:.75rem;padding:.75rem 0}.check-icon{color:#10b981;flex-shrink:0}.btn-plan{border:none;border-radius:.75rem;box-shadow:0 4px 15px #0000001a;color:#fff!important;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease;width:100%}.btn-plan:hover{box-shadow:0 6px 20px #00000026;transform:translateY(-2px)}.btn-plan.gradient-coral-pink{background:linear-gradient(135deg,#f25a67,#e64d80)}.btn-plan.gradient-purple-blue{background:linear-gradient(135deg,#8c42d7,#4db3e6)}.btn-plan.gradient-blue-teal{background:linear-gradient(135deg,#4db3e6,#42d7be)}.pricing-faq{margin-top:4rem;text-align:center}.pricing-faq h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:2rem}.faq-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);text-align:left}.faq-item{background:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000000d;padding:2rem}.faq-item h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.faq-item p{color:#64748b;line-height:1.6}.pricing-footer{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);border-top:1px solid #0000001a;margin-top:4rem;padding:3rem 2rem 1.5rem}@media (max-width:1024px){.pricing-grid{grid-template-columns:1fr}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-10px)}.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1rem}.footer-content{align-items:center;flex-direction:column;gap:1rem}}.about-page{background:linear-gradient(135deg,#faf7fd,#f2f9fd);min-height:100vh}.about-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.about-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.btn-ghost-about{background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.btn-ghost-about:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.about-content{padding:4rem 2rem}.about-container{margin:0 auto;max-width:1000px}.about-hero{margin-bottom:4rem;text-align:center}.about-title{color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:1rem}.gradient-text-about{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.about-subtitle{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:700px}.about-story{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;margin-bottom:4rem;padding:3rem}.about-story h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.about-story p{color:#475569;font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.about-story p:last-child{margin-bottom:0}.about-values{margin-bottom:4rem}.about-values h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:3rem;text-align:center}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.value-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:2.5rem;text-align:center;transition:all .3s ease}.value-card:hover{box-shadow:0 20px 60px #667eea4d;transform:translateY(-10px)}.value-icon{align-items:center;border-radius:1rem;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;height:5rem;justify-content:center;margin:0 auto 1.5rem;width:5rem}.value-card h3{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.value-card p{color:#64748b;font-size:1rem;line-height:1.6}.about-cta{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:3rem;text-align:center}.about-cta h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:1rem}.about-cta p{color:#64748b;font-size:1.125rem;margin-bottom:2rem}.btn-cta-about{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff!important;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-cta-about:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.about-footer{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);border-top:1px solid #0000001a;margin-top:4rem;padding:3rem 2rem 1.5rem}@media (max-width:768px){.about-title{font-size:2rem}.about-subtitle{font-size:1rem}.values-grid{grid-template-columns:1fr}.about-cta,.about-story{padding:2rem}.footer-content{align-items:center;flex-direction:column;gap:1rem}}.features-page{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);min-height:100vh}.features-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.features-nav{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.features-nav,.nav-actions{align-items:center;display:flex}.nav-actions{gap:1.5rem}.btn-ghost-features{background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.btn-ghost-features:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.features-content{padding:4rem 2rem}.features-container{margin:0 auto;max-width:1200px}.features-hero{margin-bottom:5rem;text-align:center}.features-title{color:#1e293b;font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.gradient-text-features{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.features-subtitle{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:700px}.main-features-section{margin-bottom:5rem}.feature-detail-card{grid-gap:3rem;align-items:center;background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;display:grid;gap:3rem;grid-template-columns:1fr 2fr;margin-bottom:4rem;padding:3rem;transition:all .3s ease}.feature-detail-card:hover{box-shadow:0 20px 60px #667eea33;transform:translateY(-5px)}.feature-detail-card.reverse{grid-template-columns:2fr 1fr}.feature-detail-card.reverse .feature-detail-icon-wrapper{order:2}.feature-detail-card.reverse .feature-detail-content{order:1}.feature-detail-icon,.feature-detail-icon-wrapper{align-items:center;display:flex;justify-content:center}.feature-detail-icon{border-radius:1.5rem;box-shadow:0 10px 40px #0003;color:#fff;height:120px;width:120px}.feature-detail-content h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:1rem}.feature-detail-description{color:#64748b;font-size:1.125rem;line-height:1.8;margin-bottom:1.5rem}.feature-detail-list{list-style:none;margin:0;padding:0}.feature-detail-list li{align-items:center;color:#475569;display:flex;font-size:1rem;gap:.75rem;padding:.75rem 0}.list-icon{color:#6366f1;flex-shrink:0}.gradient-pink-purple{background:linear-gradient(135deg,#e64d80,#8c42d7)}.gradient-coral-purple{background:linear-gradient(135deg,#f25a67,#8c42d7)}.gradient-teal-blue{background:linear-gradient(135deg,#42d7be,#4db3e6)}.additional-features-section{margin-bottom:5rem}.section-title{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:3rem;text-align:center}.additional-features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.additional-feature-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:2.5rem;text-align:center;transition:all .3s ease}.additional-feature-card:hover{box-shadow:0 20px 60px #667eea4d;transform:translateY(-10px)}.additional-feature-icon{align-items:center;border-radius:1rem;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;height:4rem;justify-content:center;margin:0 auto 1.5rem;width:4rem}.additional-feature-card h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin-bottom:1rem}.additional-feature-card p{color:#64748b;font-size:1rem;line-height:1.6}.features-cta{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:4rem;text-align:center}.features-cta h2{color:#1e293b;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.features-cta p{color:#64748b;font-size:1.25rem;margin-bottom:2.5rem}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.btn-primary-features{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff!important;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-primary-features:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-secondary-features{background:#0000;border:2px solid #6366f1;border-radius:.75rem;color:#6366f1;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-secondary-features:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.features-footer{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);border-top:1px solid #0000001a;margin-top:4rem;padding:3rem 2rem 1.5rem}@media (max-width:1024px){.feature-detail-card,.feature-detail-card.reverse{grid-template-columns:1fr}.feature-detail-card.reverse .feature-detail-content,.feature-detail-card.reverse .feature-detail-icon-wrapper{order:0}.additional-features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.features-title{font-size:2.5rem}.features-subtitle{font-size:1rem}.additional-features-grid{grid-template-columns:1fr}.feature-detail-card{padding:2rem}.feature-detail-content h2{font-size:1.5rem}.cta-buttons,.footer-content{flex-direction:column}.footer-content{align-items:center;gap:1rem}}.contact-page{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);min-height:100vh}.contact-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #0000001a;box-shadow:0 2px 10px #0000000d;position:sticky;top:0;z-index:1000}.contact-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.nav-logo img{height:40px;width:auto}.nav-links{align-items:center;display:flex;gap:2rem}.nav-link-btn{background:none;border:none;color:#1e293b;cursor:pointer;font-size:.95rem;font-weight:500;transition:color .3s}.nav-link-btn:hover{color:#6366f1}.btn-ghost-contact{background:#0000;border:2px solid #6366f1;border-radius:8px;color:#6366f1;cursor:pointer;font-weight:600;padding:.5rem 1.5rem;transition:all .3s}.btn-ghost-contact:hover{background:#6366f1;color:#fff;transform:translateY(-2px)}.contact-content{padding:4rem 2rem}.contact-container{margin:0 auto;max-width:1200px}.contact-hero{margin-bottom:4rem;text-align:center}.contact-title{color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:1rem}.gradient-text-contact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text}.contact-subtitle{color:#64748b;font-size:1.25rem;margin:0 auto;max-width:700px}.contact-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 1.5fr}.contact-info{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;height:fit-content;padding:3rem}.contact-info h2{color:#1e293b;font-size:2rem;font-weight:700;margin-bottom:1rem}.contact-info-text{color:#64748b;line-height:1.6;margin-bottom:2rem}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-detail-item{align-items:start;display:flex;gap:1rem}.contact-icon{align-items:center;border-radius:.75rem;box-shadow:0 4px 12px #00000026;color:#fff;display:flex;flex-shrink:0;height:3rem;justify-content:center;width:3rem}.contact-detail-item h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.25rem}.contact-detail-item a,.contact-detail-item p{color:#64748b;text-decoration:none}.contact-detail-item a:hover{color:#6366f1}.gradient-purple-blue{background:linear-gradient(135deg,#8c42d7,#4db3e6)}.gradient-coral-pink{background:linear-gradient(135deg,#f25a67,#e64d80)}.gradient-blue-teal{background:linear-gradient(135deg,#4db3e6,#42d7be)}.contact-form-wrapper{background:#fff;border-radius:1.5rem;box-shadow:0 10px 40px #0000001a;padding:3rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{gap:.5rem}.form-group label{color:#1e293b;font-size:.95rem}.form-group input,.form-group textarea{border:2px solid #e2e8f0;border-radius:.5rem;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:#6366f1;outline:none}.form-group textarea{min-height:150px}.form-status{color:#10b981;font-weight:500;text-align:center}.btn-submit-contact{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:.75rem;box-shadow:0 4px 15px #667eea66;color:#fff!important;cursor:pointer;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;transition:all .3s ease}.btn-submit-contact:hover{box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.contact-footer{background:linear-gradient(135deg,#faf7fd,#f2f9fd 50%,#fdf2f5);border-top:1px solid #0000001a;margin-top:4rem;padding:3rem 2rem 1.5rem}.footer-grid{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:2fr 3fr;margin-bottom:2rem}.footer-brand img{height:40px;margin-bottom:1rem}.footer-brand p{color:#64748b!important}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.footer-column{display:flex;flex-direction:column}.footer-link{background:none;border:none;color:#475569!important;cursor:pointer;font-size:1rem;margin-bottom:.75rem;padding:0;text-align:left;text-decoration:none;transition:color .3s}.footer-link:hover{color:#1e293b!important}.footer-bottom{border-top:1px solid #0000001a;padding-top:2rem;text-align:center}.footer-bottom p{color:#64748b!important;font-size:.875rem}@media (max-width:1024px){.contact-grid{grid-template-columns:1fr}}@media (max-width:768px){.contact-title{font-size:2rem}.contact-subtitle{font-size:1rem}.contact-form-wrapper,.contact-info{padding:2rem}}.sidebar li,.sidebar ul{list-style:none!important;list-style-type:none!important;margin-left:0!important;padding-left:0!important}.sidebar li::marker{content:""!important;display:none!important}.sidebar{-ms-overflow-style:none;background-color:var(--white);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;scrollbar-width:none;top:0;transition:var(--transition);width:var(--sidebar-width);z-index:100}.logo-container{align-items:center;display:flex;flex-shrink:0;height:var(--topnav-height);justify-content:flex-start;padding:1.5rem}.logo-container h2{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--primary-color),#7c3aed);-webkit-background-clip:text;background-clip:text;color:var(--primary-color);font-size:1.5rem;font-weight:700;margin:0}.nav-menu{-ms-overflow-style:none;flex:1 1;overflow-y:auto;padding:1.5rem 0;scrollbar-width:none}.sidebar .nav-menu ul{list-style:none!important;margin:0;padding:0}.sidebar .nav-menu ul,.sidebar .nav-menu ul li{list-style:none!important;list-style-type:none!important;padding-left:0!important}.sidebar .nav-menu li::marker{content:""!important;display:none!important;font-size:0!important}.sidebar .nav-menu a:before,.sidebar .nav-menu li:before{content:none!important;display:none!important}.nav-menu li{list-style:none!important;list-style-type:none!important;margin:.25rem 0;padding-left:0!important}.nav-dropdown-header,.nav-menu a{align-items:center;color:var(--text-light);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:var(--transition)}.nav-dropdown-header:hover,.nav-menu a.active,.nav-menu a:hover{background-color:var(--primary-light);color:var(--primary-color)}.nav-menu a.active{border-right:3px solid var(--primary-color)}.nav-menu a.active .nav-icon{color:var(--primary-color)}.logout-icon,.nav-icon{color:inherit;display:inline-block;flex-shrink:0;font-size:20px;margin-right:.75rem;min-width:20px;vertical-align:middle}.nav-dropdown{position:relative}.dropdown-menu{background-color:var(--bg-light);max-height:0;padding-left:2.5rem;transition:max-height .3s ease-out}.nav-dropdown.active .dropdown-menu{max-height:500px}.dropdown-menu a{color:var(--text-light);display:block;font-size:.875rem;padding:.6rem 1.5rem .6rem 1rem;position:relative;transition:var(--transition)}.dropdown-menu a:before{content:none!important}.dropdown-menu a.active,.dropdown-menu a:hover{background-color:#00000005;border-right:none;color:var(--primary-color);padding-left:1.2rem}@media (max-width:768px){.sidebar{transform:translateX(-100%);width:var(--mobile-sidebar-width);z-index:1000}.admin-container.sidebar-open .sidebar,.sidebar.open{transform:translateX(0)}.logo-container{justify-content:space-between;padding:1rem 1.5rem}.nav-dropdown-header,.nav-menu a{padding:.75rem 1rem}.dropdown-menu{padding-left:2rem}}@media (max-width:480px){.sidebar{width:280px}.nav-dropdown-header,.nav-menu a{font-size:.875rem;padding:.65rem .875rem}.logo-container{padding:.875rem 1rem}}.nav-menu::-webkit-scrollbar,.sidebar::-webkit-scrollbar{height:0;width:0}.nav-menu::-webkit-scrollbar-thumb,.nav-menu::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-thumb,.sidebar::-webkit-scrollbar-track{background:#0000}.nav-dropdown-header svg{margin-left:auto;transition:transform .2s ease}.nav-dropdown.active .nav-dropdown-header svg{transform:rotate(180deg)}.sidebar-footer{border-top:1px solid var(--border-color);flex-shrink:0;padding:1rem 1.5rem}.logout-btn{align-items:center;background-color:initial;border:none;border-radius:.5rem;color:var(--text-light);cursor:pointer;display:flex;font-size:.9375rem;font-weight:500;padding:.75rem 1rem;transition:var(--transition);width:100%}.logout-btn:hover{background-color:#ef44441a;color:#ef4444}.logout-btn:hover .logout-icon{color:#ef4444}.top-nav{background-color:var(--white);border-bottom:1px solid var(--border-color);box-shadow:0 1px 2px 0 #0000000d;height:var(--topnav-height);justify-content:space-between;left:var(--sidebar-width);padding:0 2rem;position:fixed;right:0;top:0;transition:var(--transition);z-index:90}.nav-left,.top-nav{align-items:center;display:flex}.nav-left{gap:1rem}.menu-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;display:none;font-size:1.5rem;margin-right:.5rem;padding:.5rem}.search-bar{max-width:100%;position:relative;width:300px}.search-bar .search-icon{color:var(--text-light);font-size:1.1rem;left:.875rem;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{background-color:var(--bg-light);border-radius:.375rem;padding:.625rem 1rem .625rem 2.5rem;transition:var(--transition)}.search-bar input:focus{background-color:var(--white);box-shadow:0 0 0 3px #4f46e51a;outline:none}.nav-right{gap:1.25rem}.nav-icon,.nav-right{align-items:center;display:flex}.nav-icon{background:none;border:none;border-radius:.375rem;color:var(--text-light);cursor:pointer;font-size:1.25rem;justify-content:center;padding:.5rem;position:relative;transition:var(--transition)}.nav-icon:hover{background-color:var(--primary-light);color:var(--primary-color)}.badge{align-items:center;background-color:#ef4444;border:2px solid var(--white);color:#fff;display:flex;font-size:.625rem;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .25rem;position:absolute;right:-2px;top:-2px}.profile-dropdown{margin-left:.5rem;position:relative}.profile-info{align-items:center;border-radius:9999px;cursor:pointer;display:flex;gap:.75rem;padding:.25rem .5rem .25rem .25rem;transition:var(--transition)}.avatar,.profile-info:hover{background-color:var(--primary-light)}.avatar{align-items:center;border:2px solid var(--border-color);border-radius:50%;display:flex;height:2.5rem;justify-content:center;overflow:hidden;width:2.5rem}.avatar img{height:100%;object-fit:cover;width:100%}.profile-details{display:flex;flex-direction:column;line-height:1.25}.profile-details .name{color:var(--text-color);font-size:.875rem;font-weight:500}.profile-details .role{color:var(--text-light);font-size:.75rem}.notifications-dropdown{position:relative}.notifications-menu{background-color:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:320px;z-index:1000}.notifications-header{align-items:center;background-color:var(--bg-light);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem}.notifications-header h3{color:var(--text-color);font-size:1rem;font-weight:600;margin:0}.notifications-count{color:var(--text-light);font-size:.75rem}.notifications-list{max-height:300px;overflow-y:auto}.notification-item{align-items:flex-start;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;position:relative;transition:var(--transition)}.notification-item:hover{background-color:var(--bg-light)}.notification-item.unread{background-color:#f0f9ff}.notification-content{flex:1 1}.notification-title{color:var(--text-color);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.notification-message{color:var(--text-light);font-size:.75rem;margin-bottom:.25rem}.notification-time{color:var(--text-light);font-size:.7rem}.unread-dot{background-color:#3b82f6;border-radius:50%;height:8px;margin-top:.25rem;width:8px}.no-notifications{color:var(--text-light);font-size:.875rem;padding:2rem 1rem;text-align:center}.notifications-footer{background-color:var(--bg-light);border-top:1px solid var(--border-color);padding:.75rem 1rem}.view-all-btn{background:none;border:none;border-radius:.25rem;color:var(--primary-color);cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem;transition:var(--transition);width:100%}.view-all-btn:hover{background-color:var(--primary-light)}.dropdown-menu{background-color:var(--white);border:1px solid var(--border-color);border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);width:240px;z-index:1000}.dropdown-header{align-items:center;background-color:var(--bg-light);border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:1rem}.dropdown-avatar{background-color:var(--primary-light);border:2px solid var(--border-color);border-radius:50%;height:2.5rem;overflow:hidden;width:2.5rem}.dropdown-avatar img{height:100%;object-fit:cover;width:100%}.dropdown-user-info{flex:1 1}.dropdown-name{color:var(--text-color);font-size:.875rem;font-weight:600;margin-bottom:.125rem}.dropdown-email{color:var(--text-light);font-size:.75rem}.dropdown-item{align-items:center;background:none;border:none;color:var(--text-color);cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:var(--transition);width:100%}.dropdown-item:hover{background-color:var(--bg-light);color:var(--primary-color)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background-color:#fef2f2;color:#dc2626}.dropdown-icon{flex-shrink:0;font-size:1rem}.dropdown-divider{background-color:var(--border-color);height:1px;margin:.25rem 0}@media (max-width:1024px){.top-nav{padding:0 1.5rem}.search-bar{width:250px}}@media (max-width:768px){.top-nav{left:0;padding:0 1rem}.menu-toggle{display:block}.search-bar{display:none}.nav-right{gap:.75rem}.profile-details{display:none}.profile-info{padding:0}.dropdown-menu{right:-1rem;width:180px}}.dropdown-menu{animation:fadeIn .2s ease-out forwards}:root{--sidebar-width:250px;--topnav-height:70px;--mobile-sidebar-width:250px;--primary-color:#4f46e5;--primary-light:#eef2ff;--text-color:#1f2937;--text-light:#6b7280;--bg-light:#f9fafb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--transition:all 0.3s ease}*{margin:0;padding:0}body{background-color:#f9fafb;background-color:var(--bg-light);color:#1f2937;color:var(--text-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.admin-container{display:flex;min-height:100vh}.main-content{background-color:#f9fafb;background-color:var(--bg-light);flex:1 1;margin-left:250px;margin-left:var(--sidebar-width);transition:all .3s ease;transition:var(--transition)}.content-wrapper{margin-top:70px;margin-top:var(--topnav-height);min-height:calc(100vh - 70px);min-height:calc(100vh - var(--topnav-height));padding:2rem}.sidebar-overlay{animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}@media (max-width:1024px){.content-wrapper{padding:1.5rem}}@media (max-width:768px){.main-content{margin-left:0}.content-wrapper{margin-top:70px;margin-top:var(--topnav-height);padding:1rem}.sidebar-overlay{display:block}}@media (max-width:480px){.content-wrapper{padding:.75rem}.card{padding:1rem}}.card{box-shadow:0 1px 2px 0 #0000000d;padding:1.5rem}.btn{border-radius:.375rem;font-size:.875rem;line-height:1.25rem;padding:.5rem 1rem;transition:all .3s ease;transition:var(--transition)}.btn-primary{background-color:#4f46e5;background-color:var(--primary-color)}.btn-primary:hover{background-color:#4338ca}.btn-outline{background-color:initial;border-color:#e5e7eb;border-color:var(--border-color);color:#1f2937}.btn-outline:hover{background-color:#f9fafb;background-color:var(--bg-light)}.form-label{color:#1f2937}.form-control{border:1px solid #e5e7eb;transition:all .3s ease}.form-control:focus{border-color:#4f46e5}.table{border-collapse:collapse;font-size:.875rem}.table td,.table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:1rem;text-align:left}.table th{color:#6b7280;color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.table tr:hover td{background-color:#eef2ff;background-color:var(--primary-light)}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.text-gray-500{color:#6b7280;color:var(--text-light)}.font-medium{font-weight:500}.rounded-lg{border-radius:.5rem}.shadow{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}@media (max-width:768px){.text-sm-mobile{font-size:.8125rem}.hidden-mobile{display:none}}.admin-container .main-content{margin-left:var(--sidebar-width)!important;max-width:none!important;width:auto!important}@media (max-width:768px){.admin-container .main-content{margin-left:0!important}}.dashboard{background-color:initial;box-sizing:border-box;display:flex;flex-direction:column;padding:0;width:100%}.dashboard .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.dashboard .page-header h1{color:var(--text-color);font-size:1.75rem;font-weight:700;margin:0}.dashboard .stats-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:2rem}.dashboard .stat-card{align-items:center;background:var(--white);border-left:4px solid var(--primary-color);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;padding:1.5rem;transition:var(--transition)}.dashboard .stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dashboard .stat-icon-container{align-items:center;background:linear-gradient(135deg,var(--primary-color),#6366f1);border-radius:12px;box-shadow:0 4px 12px #4f46e526;display:flex;flex-shrink:0;height:56px;justify-content:center;margin-right:1rem;width:56px}.dashboard .stat-icon{color:#fff;font-size:1.5rem}.dashboard .stat-details{flex:1 1}.dashboard .stat-title{color:var(--text-light);display:block;font-size:.8125rem;margin-bottom:.25rem}.dashboard .stat-value-row{align-items:center;display:flex;justify-content:space-between}.dashboard .stat-value{color:var(--text-color);font-size:1.25rem;font-weight:600}.dashboard .stat-change{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.dashboard .stat-change.positive{background-color:#ecfdf5;color:#059669}.dashboard .stat-change.negative{background-color:#fef2f2;color:#dc2626}.dashboard .dashboard-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.dashboard .chart-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;grid-column:1/2;grid-row:1/2;padding:1.5rem}.dashboard .chart-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard .chart-card .card-header h2{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0}.dashboard .chart-legend{display:flex;gap:1rem}.dashboard .legend-item{align-items:center;color:var(--text-light);display:flex;font-size:.8125rem}.dashboard .legend-dot{border-radius:50%;height:10px;margin-right:.5rem;width:10px}.dashboard .legend-dot.visitors{background-color:var(--primary-color)}.dashboard .legend-dot.page-views{background-color:#8b5cf6}.dashboard .chart-container{align-items:center;background-color:var(--bg-light);border-radius:.5rem;display:flex;height:300px;justify-content:center;overflow:hidden;position:relative}.dashboard .chart-placeholder{color:var(--text-light);text-align:center}.dashboard .chart-icon{color:var(--primary-light);font-size:3rem;margin-bottom:1rem}.dashboard .activity-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;grid-column:2/3;grid-row:1/2;padding:1.5rem}.dashboard .activity-card .card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.dashboard .activity-card .card-header h2{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0}.dashboard .activity-list{list-style:none;margin:0;padding:0}.dashboard .activity-item{border-bottom:1px solid var(--border-color);display:flex;padding:.75rem 0}.dashboard .activity-item:last-child{border-bottom:none}.dashboard .activity-avatar{align-items:center;background-color:var(--primary-light);border-radius:50%;color:var(--primary-color);display:flex;flex-shrink:0;font-weight:600;height:36px;justify-content:center;margin-right:.75rem;width:36px}.dashboard .activity-details{flex:1 1}.dashboard .activity-text{font-size:.875rem;line-height:1.4;margin:0 0 .25rem}.dashboard .activity-time{color:var(--text-light);font-size:.75rem}.dashboard .metrics-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;grid-column:1/2;grid-row:2/3;padding:1.5rem}.dashboard .metrics-card .card-header h2{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.dashboard .metrics-container{display:flex;flex-direction:column;gap:1rem}.dashboard .metric-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;padding:.75rem 0}.dashboard .metric-item:last-child{border-bottom:none}.dashboard .metric-icon{align-items:center;background-color:var(--primary-light);border-radius:.5rem;color:var(--primary-color);display:flex;flex-shrink:0;font-size:1.25rem;height:40px;justify-content:center;margin-right:1rem;width:40px}.dashboard .metric-value{color:var(--text-color);display:block;font-weight:600;margin-bottom:.125rem}.dashboard .metric-label{color:var(--text-light);font-size:.8125rem}.dashboard .quick-actions-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;grid-column:2/3;grid-row:2/3;padding:1.5rem}.dashboard .quick-actions-card .card-header h2{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0 0 1rem}.dashboard .quick-actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.dashboard .quick-action{align-items:center;background-color:var(--bg-light);border:1px dashed var(--border-color);border-radius:.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:center;padding:1.5rem .5rem;text-align:center;transition:var(--transition)}.dashboard .quick-action:hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.dashboard .action-icon{align-items:center;background-color:var(--white);border-radius:50%;box-shadow:0 2px 4px #0000000d;color:var(--primary-color);display:flex;font-size:1.25rem;height:40px;justify-content:center;margin-bottom:.75rem;width:40px}@media (max-width:1200px){.dashboard .stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard .dashboard-grid{grid-template-columns:1fr}.dashboard .activity-card,.dashboard .chart-card,.dashboard .metrics-card,.dashboard .quick-actions-card{grid-column:1/-1;grid-row:auto}}@media (max-width:768px){.dashboard .page-header{align-items:flex-start;flex-direction:column;gap:1rem}.dashboard .stats-grid{grid-template-columns:1fr}.dashboard .quick-actions-grid{grid-template-columns:repeat(2,1fr)}}.dashboard .stat-card{animation:fadeIn .3s ease-out forwards;opacity:0}.dashboard .stat-card:first-child{animation-delay:.1s}.dashboard .stat-card:nth-child(2){animation-delay:.2s}.dashboard .stat-card:nth-child(3){animation-delay:.3s}.dashboard .stat-card:nth-child(4){animation-delay:.4s}.user-table{border-collapse:collapse;font-size:.875rem;width:100%}.user-table td,.user-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;text-align:left}.user-table th{color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.user-table tbody tr:hover{background-color:var(--primary-light)}.user-info{gap:.75rem}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background-color:var(--primary-light);border-radius:50%;color:var(--primary-color);flex-shrink:0;font-weight:600;height:36px;justify-content:center;width:36px}.user-name{color:var(--text-color);font-weight:500}.user-id{color:var(--text-light);font-size:.75rem}.role-badge.admin,.status-badge.active{background-color:#ecfdf5;color:#059669}.status-badge.inactive{background-color:#fef3c7;color:#d97706}.role-badge.subscriber,.status-badge.suspended{background-color:#fee2e2;color:#dc2626}.role-badge.editor{background-color:#e0f2fe;color:#0369a1}.role-badge.author{background-color:#f3e8ff;color:#7e22ce}.action-buttons .action-btn:not(.edit):not(.delete){background-color:var(--white);border:1px solid var(--border-color);border-radius:9999px;color:var(--text-color);font-size:.8125rem;font-weight:500;height:32px;line-height:1rem;padding:.375rem .75rem;width:auto}.action-buttons .action-btn:not(.edit):not(.delete):hover{background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.checkbox{appearance:none;-webkit-appearance:none;border:1px solid var(--border-color);border-radius:.25rem;cursor:pointer;height:16px;margin:0;position:relative;transition:var(--transition);width:16px}.checkbox:checked{background-color:var(--primary-color);border-color:var(--primary-color)}.checkbox:checked:after{color:#fff;content:"✓";font-size:.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.bulk-actions{align-items:center;display:flex;gap:.5rem}.bulk-select{min-width:150px}.pagination-info{margin-left:1rem}@media (max-width:1024px){.card-footer,.card-header{padding:1rem}.user-table td,.user-table th{padding:.75rem 1rem}.search-filter{align-items:stretch;flex-direction:column;gap:1rem}.search-box{width:100%}.filter-options{flex-wrap:wrap;width:100%}.filter-options .form-control{flex:1 1;min-width:120px}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header .btn{width:100%}.card-footer{align-items:stretch;flex-direction:column;gap:1rem}.bulk-actions{justify-content:space-between;width:100%}.pagination{justify-content:center;width:100%}.pagination-info{display:none}.user-table{display:block}.user-table thead{display:none}.user-table tbody,.user-table td,.user-table tr{display:block;width:100%}.user-table tr{padding:.75rem 0;position:relative}.user-table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:.5rem 1rem}.user-table td:before{color:var(--text-light);content:attr(data-label);flex:1 1;font-weight:600;margin-right:1rem}.user-table td>*{flex:2 1}.action-buttons{justify-content:flex-end}}.page-header{margin-bottom:1.5rem}.page-header h1{font-size:1.75rem}.page-header .btn{align-items:center;font-size:.875rem;gap:.5rem;line-height:1rem;min-width:0;padding:.5rem .875rem;width:auto}.btn-group,.page-header .btn{border-radius:.375rem;display:inline-flex}.btn-group{box-shadow:0 1px 2px #0000000d;overflow:hidden}.btn-group .btn{border-radius:0;border-right:1px solid #fff3}.btn-group .btn:first-child{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.btn-group .btn:last-child{border-bottom-right-radius:.375rem;border-right:none;border-top-right-radius:.375rem}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.card{background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;overflow:hidden}.card-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.card-body{padding:1.5rem}.card-footer{border-top:1px solid var(--border-color);justify-content:space-between;padding:1rem 1.5rem}.card-footer,.search-filter{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.search-box{flex:1 1;min-width:250px;position:relative}.search-icon{color:var(--text-light);left:.875rem}.search-input{border:1px solid var(--border-color);border-radius:.375rem;font-size:.875rem;padding:.625rem 1rem .625rem 2.5rem;transition:var(--transition)}.search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e51a}.filter-options{display:flex;flex-wrap:wrap;gap:.75rem}.filter-options .form-control{min-width:150px}.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.team-table{border-collapse:collapse;font-size:.875rem;width:100%}.team-table td,.team-table th{border-bottom:1px solid var(--border-color);padding:1rem 1.5rem;text-align:left}.team-table th{color:var(--text-light);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.team-table tbody tr:hover{background-color:var(--primary-light)}.member-info{gap:.75rem}.member-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;position:relative;width:40px}.member-avatar img{height:100%;object-fit:cover;width:100%}.online-status{background-color:#10b981;border:2px solid var(--white);border-radius:50%;bottom:0;height:10px;position:absolute;right:0;width:10px}.member-name{color:var(--text-color);font-weight:500;margin-bottom:.125rem}.member-email{color:var(--text-light);font-size:.8125rem}.role-badge,.status-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:500;min-width:80px;padding:.25rem .75rem;text-align:center}.status-badge.active{background-color:#ecfdf5;color:#059669}.status-badge.pending{background-color:#fef3c7;color:#d97706}.status-badge.suspended{background-color:#fee2e2;color:#dc2626}.role-badge{min-width:90px}.role-badge.admin{background-color:#e0f2fe;color:#0369a1}.role-badge.manager{background-color:#f3e8ff;color:#7e22ce}.role-badge.member{background-color:#ecfdf5;color:#059669}.role-badge.viewer{background-color:#f1f5f9;color:#64748b}.action-btn.edit{background-color:var(--primary-light);color:var(--primary-color)}.pagination{flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-left:auto}.pagination,.pagination-button{align-items:center;display:flex}.pagination-button{background-color:var(--white);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-color);cursor:pointer;height:36px;justify-content:center;transition:var(--transition);width:36px}.pagination-button:hover:not(:disabled){background-color:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button.active{background-color:var(--primary-color);border-color:var(--primary-color);color:#fff}.pagination-ellipsis{color:var(--text-light);padding:0 .5rem}.pagination-info{color:var(--text-light);font-size:.875rem;white-space:nowrap}.no-results{color:var(--text-light);padding:2rem;text-align:center}.modal-overlay{background-color:#00000080;padding:1rem}.modal{animation:modalFadeIn .2s ease-out;background-color:var(--white);border-radius:.5rem;box-shadow:0 10px 25px #0000001a;max-width:500px;overflow-y:auto;width:100%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-color);padding:1.25rem 1.5rem}.modal-header h3{color:var(--text-color);font-size:1.25rem}.modal-close{color:var(--text-light);font-size:1.5rem;line-height:1;padding:.25rem;transition:var(--transition)}.modal-close:hover{color:var(--text-color)}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{color:var(--text-color);display:block;font-weight:500;margin-bottom:.5rem}.form-control{border-radius:.375rem;font-size:.875rem;line-height:1.25rem;padding:.625rem .875rem;transition:var(--transition)}.form-control:focus{box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-actions{border-top:1px solid var(--border-color);gap:.75rem;margin-top:1.5rem;padding-top:1rem}.invite-form-container{margin:0 auto;max-width:800px;padding:1rem}.invite-form-container h2{color:var(--text-color);margin-bottom:.5rem;margin-top:0}.text-muted{color:var(--text-light);display:block;margin-bottom:2rem}.input-group{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-light);left:.875rem;pointer-events:none;position:absolute}.input-group .form-control{padding-left:2.5rem}.role-permissions{margin-top:3rem}.role-permissions h3{color:var(--text-color);font-size:1.125rem;margin-bottom:1.5rem;margin-top:0}.permissions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.permission-item{background-color:var(--bg-light);border:1px solid var(--border-color);border-radius:.5rem;padding:1.25rem}.permission-item h4{color:var(--text-color);font-size:.9375rem;margin-bottom:.75rem;margin-top:0}.permission-item ul{color:var(--text-light);font-size:.875rem;line-height:1.5;list-style-type:disc;margin:0;padding-left:1.25rem}.permission-item li{margin-bottom:.25rem}.modal .profile-picture-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:1.5rem;margin-bottom:1.5rem;padding:1rem}.modal .current-avatar{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0000001a;height:80px;overflow:hidden;position:relative;width:80px}.modal .avatar-image{background-color:#f3f4f6;height:100%;object-fit:cover;width:100%}.modal .avatar-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;font-size:.75rem;font-weight:500;justify-content:center;left:0;position:absolute;right:0;top:0}.modal .upload-spinner{align-items:center;display:flex;gap:.5rem}.modal .upload-spinner:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:12px;width:12px}.modal .avatar-controls{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.modal .avatar-controls .btn{align-self:flex-start;font-size:.875rem;min-width:140px;padding:.5rem 1rem}.modal .avatar-info{color:#6b7280;font-size:.75rem}.modal .avatar-info small{display:block;margin-top:.25rem}@media (max-width:1024px){.card-footer,.card-header{padding:1rem}.team-table td,.team-table th{padding:.75rem 1rem}.search-filter{align-items:stretch;flex-direction:column;gap:1rem}.search-box{width:100%}.filter-options{flex-wrap:wrap;width:100%}.filter-options .form-control{flex:1 1;min-width:120px}.permissions-grid{grid-template-columns:repeat(2,1fr)}.team-management{margin-left:1rem}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-header .btn{width:100%}.card-footer{align-items:stretch;flex-direction:column;gap:1rem}.pagination{justify-content:center;width:100%}.pagination-info{text-align:center;width:100%}.team-table{display:block}.team-table thead{display:none}.team-table tbody,.team-table td,.team-table tr{display:block;width:100%}.team-table tr{border-bottom:1px solid var(--border-color);padding:1rem 0;position:relative}.team-table td{align-items:center;border:none;display:flex;justify-content:space-between;padding:.5rem 0}.team-table td:before{color:var(--text-light);content:attr(data-label);flex:1 1;font-weight:600;margin-right:1rem}.team-table td>:not(.action-buttons){flex:2 1}.action-buttons{position:absolute;right:0;top:.5rem}.permissions-grid{grid-template-columns:1fr}}.post-scheduling .page-title{color:#111827}.post-scheduling .page-header .btn{width:auto}.post-scheduling .page-header .btn,.post-scheduling>.flex .btn{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;gap:.5rem;line-height:1rem;min-width:0;padding:.5rem .875rem}.post-scheduling>.flex .btn{align-self:flex-start;max-width:max-content;width:auto!important}.post-scheduling .card{border:1px solid #e5e7eb}.post-scheduling table{border-collapse:initial;border-spacing:0;table-layout:fixed;width:100%}.post-scheduling table thead th{background:#f9fafb;color:#6b7280;font-size:.85rem;font-weight:600;padding:.75rem 1rem;white-space:nowrap}.post-scheduling table thead th:nth-child(2),.post-scheduling table thead th:nth-child(3){text-align:center}.post-scheduling table thead th:nth-child(4),.post-scheduling table thead th:nth-child(5){text-align:right}.post-scheduling table tbody td{border-top:1px solid #e5e7eb;color:#374151;font-size:.9rem;padding:.75rem 1rem;vertical-align:middle}.post-scheduling table tbody td:nth-child(2),.post-scheduling table tbody td:nth-child(3){text-align:center}.post-scheduling table tbody td:nth-child(4),.post-scheduling table tbody td:nth-child(5){text-align:right}.post-scheduling table td:first-child>div{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis}.post-scheduling table td:nth-child(2),.post-scheduling table td:nth-child(3),.post-scheduling table td:nth-child(4),.post-scheduling table td:nth-child(5){white-space:nowrap}.post-scheduling .action-buttons{justify-content:flex-end}.post-scheduling .status-badge{color:#374151}.modal-overlay{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}.modal{max-height:90vh;overflow:auto}.btn{transition:background-color .12s ease}.post-scheduling .card .btn,.post-scheduling form .btn{align-items:center;align-self:flex-start;border-radius:.375rem;display:inline-flex;font-size:.875rem;gap:.5rem;line-height:1rem;max-width:max-content;min-width:0;padding:.5rem .875rem;width:auto!important}@media (max-width:768px){.post-scheduling .card .btn,.post-scheduling .page-header .btn,.post-scheduling form .btn,.post-scheduling>.flex .btn{width:100%}}.form-input,.form-select,.form-textarea{border:1px solid #e5e7eb}.line-clamp-2{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.action-buttons{display:flex;gap:.5rem}.action-btn{background:none;border-radius:.375rem;height:32px;transition:all .15s ease;width:32px}.action-btn svg{height:16px;width:16px}.action-btn.edit{background-color:#eef2ff;background-color:var(--primary-light,#eef2ff);color:#4f46e5;color:var(--primary-color,#4f46e5)}.action-btn.edit:hover{background-color:#e0e7ff}.action-btn.delete{background-color:#fef2f2;color:#dc2626}.action-btn.delete:hover{background-color:#fee2e2}.action-btn.delete,.action-btn.edit{gap:.375rem;padding:.375rem .625rem;width:auto}.action-btn .btn-text{font-size:.8125rem;font-weight:500;line-height:1rem}@media (max-width:768px){.action-btn .btn-text{display:none}}.analytics h1{color:#111827;letter-spacing:-.01em}.analytics .grid>div{border:1px solid #e5e7eb;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.analytics .grid>div:hover{border-color:#d1d5db;box-shadow:0 10px 24px #00000014;transform:translateY(-2px)}.analytics table{border-collapse:initial;border-spacing:0;width:100%}.analytics table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;font-weight:600}.analytics table tbody tr{background:#fff}.analytics table tbody tr:nth-child(odd){background:#fcfcfd}.analytics table tbody tr:hover{background:#f5f7fb}.analytics table td,.analytics table th{border-bottom:1px solid #eef0f3}.analytics table td .truncate{max-width:28rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics .muted{color:#6b7280}.analytics .stat{color:#6b7280;font-size:.75rem}.analytics .stat-value{color:#111827;font-size:1.5rem;font-weight:600}.analytics .card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 2px 6px #0000000a;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.analytics .card:hover{border-color:#d1d5db;box-shadow:0 10px 24px #00000014;transform:translateY(-2px)}.analytics .card-header{align-items:center;border-bottom:1px solid #eef0f3;display:flex;justify-content:space-between;padding:.75rem 1rem}.analytics .card-title{color:#111827;font-weight:600}.analytics .card-body{padding:1rem}.analytics .badge{border-radius:9999px;display:inline-block;font-size:.75rem;line-height:1rem;padding:.125rem .5rem}.analytics .badge.role-admin{background:#eef2ff;color:#3730a3}.analytics .badge.role-client{background:#ecfeff;color:#155e75}.analytics .badge.status-active{background:#ecfdf5;color:#065f46}.analytics .badge.status-suspended{background:#fef2f2;color:#991b1b}.analytics .badge.post-draft{background:#f3f4f6;color:#374151}.analytics .badge.post-scheduled{background:#fff7ed;color:#9a3412}.analytics .badge.post-published{background:#ecfdf5;color:#047857}.analytics .cards-list{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:640px){.analytics .cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.analytics .cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.analytics{margin-left:1rem}}.support h1{letter-spacing:-.01em}.support .card{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 10px 20px #0206170a,0 2px 6px #0206170a}.support .filters{align-items:flex-end;display:flex;flex-wrap:wrap;gap:.75rem 1rem}.support .filters .group label{color:#64748b;display:block;font-size:.8rem;margin-bottom:.35rem}.support .filters .group input,.support .filters .group select{background:#fff;border:1px solid #e5e7eb;border-radius:8px;height:38px;padding:.4rem .6rem}.support .filters .group input:focus,.support .filters .group select:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626;outline:none}.badge{border-radius:.375rem;display:inline-block;font-size:.75rem;line-height:1;padding:.25rem .5rem}.badge.status-open{background:#e0f2fe;color:#075985}.badge.status-in-progress,.badge.status-in\ progress{background:#fef3c7;color:#92400e}.badge.status-resolved{background:#dcfce7;color:#166534}.badge.status-closed{background:#e5e7eb;color:#374151}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.support .card .btn-primary,.support form .btn-primary{align-items:center;align-self:flex-start;border-radius:.375rem;display:inline-flex;gap:.5rem;max-width:max-content;min-width:0;width:auto!important}@media (max-width:768px){.support .card .btn-primary,.support form .btn-primary{width:100%}}.btn-link{color:#2563eb;padding:0}.btn-link:hover{text-decoration:underline}.cards-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tickets-table{border-collapse:collapse;width:100%}.tickets-table td,.tickets-table th{padding:.6rem .5rem;vertical-align:top}.tickets-table thead th{color:#64748b;font-size:.85rem;font-weight:600}.tickets-table tbody tr{border-top:1px solid #eef2f7;transition:background .15s ease}.tickets-table tbody tr:hover{background:#f9fafb}.tickets-table td .font-medium{color:#0f172a;font-weight:600}.tickets-table td .text-gray-600{color:#475569}input[type=number],input[type=text],select,textarea{border:1px solid #e5e7eb;border-radius:8px}textarea{resize:vertical}input[type=number]:focus,input[type=text]:focus,select:focus,textarea:focus{border-color:#93c5fd;box-shadow:0 0 0 3px #3b82f626;outline:none}.api-system h1{letter-spacing:-.01em}.api-system .card{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 10px 20px #0206170a,0 2px 6px #0206170a}.api-system .grid{grid-gap:1rem;display:grid;gap:1rem}@media (min-width:768px){.api-system .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.rounded{border-radius:.5rem}.rounded-lg{border-radius:.75rem}.shadow{box-shadow:0 1px 2px #0000000f}.p-6{padding:1.5rem}.mb-6{margin-bottom:1.5rem}.font-semibold{font-weight:600}.text-sm{font-size:.875rem}.text-gray-600{color:#475569}.w-full{width:100%}.px-3{padding-left:.75rem;padding-right:.75rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.border{border:1px solid #e5e7eb}.btn-primary{transition:background .2s ease,transform .05s ease}.btn-primary:active{transform:translateY(.5px)}.api-system .flex.items-center.gap-3 button,.api-system>.flex button{align-items:center;align-self:flex-start;background:#2563eb;border-radius:.375rem;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;line-height:1rem;max-width:max-content;min-width:0;padding:.5rem .875rem;width:auto!important}@media (max-width:768px){.api-system .flex.items-center.gap-3 button,.api-system>.flex button{width:100%}}.alert{border-radius:8px;padding:.75rem 1rem}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.btn-social{align-items:center;border:1px solid #0000;border-radius:.375rem;color:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;justify-content:center;line-height:1rem;padding:.5rem .875rem;transition:background .2s ease,border-color .2s ease,transform .05s ease}.btn-social:active{transform:translateY(.5px)}.btn-social:disabled{cursor:not-allowed;opacity:.6}.api-system .providers-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.api-system .providers .btn-social{justify-content:center;width:100%}.api-system .providers .subtitle{color:#475569;font-size:.875rem}.btn-tiktok{background:#000;color:#fff}.btn-tiktok:hover{background:#111}.btn-facebook{background:#1877f2}.btn-facebook:hover{background:#1461c4}.btn-google{background:#fee2e2}.btn-google:hover{background:#c43d32}.btn-youtube{background:red}.btn-youtube:hover{background:#c00}.btn-snapchat{background:#fffc00;border-color:#f0ef00;color:#000}.btn-snapchat:hover{background:#e6e300}@media (max-width:768px){.btn-social.full-mobile{width:100%}}.api-system .providers-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.api-system .providers-cards .card{background:#fff;border:1px solid #eef2f7;border-radius:12px;box-shadow:0 10px 20px #0206170a,0 2px 6px #0206170a}.api-system .providers-cards .card .font-semibold{font-weight:600}.api-system .providers-cards .card .text-sm{font-size:.875rem}.api-system .providers-cards .btn-social{margin-top:.25rem}.waitlist-container{margin:0 auto;max-width:1400px;padding:2rem}.waitlist-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem}.header-content h1{color:var(--text-color);font-size:2rem;font-weight:700;margin:0 0 .5rem}.subtitle{color:var(--text-light);font-size:.95rem;margin:0}.btn-export,.btn-refresh{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.btn-refresh{background:var(--white);border:1px solid var(--border-color);color:var(--text-color)}.btn-refresh:hover{background:var(--bg-light)}.btn-refresh:disabled{cursor:not-allowed;opacity:.6}.btn-export{background:var(--primary-color);color:#fff}.btn-export:hover{background:#4338ca;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-2px)}.spinning{animation:spin 1s linear infinite}.error-message{border-radius:.5rem;margin-bottom:1.5rem;padding:1rem}.waitlist-stats{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{border:1px solid var(--border-color);border-radius:.75rem;gap:1rem;padding:1.5rem}.stat-icon{align-items:center;background:var(--primary-light);border-radius:.75rem;display:flex;height:3rem;justify-content:center;width:3rem}.stat-content{flex:1 1}.stat-value{font-size:1.75rem;line-height:1;margin-bottom:.25rem}.stat-label{color:var(--text-light);font-size:.875rem}.waitlist-content{background:var(--white);border:1px solid var(--border-color);border-radius:.75rem;box-shadow:var(--shadow-sm);overflow:hidden}.search-bar{border-bottom:1px solid var(--border-color);padding:1.5rem}.search-bar input{border:1px solid var(--border-color);border-radius:.5rem;font-size:.9375rem;padding:.75rem 1rem;transition:border-color .2s;width:100%}.search-bar input:focus{border-color:var(--primary-color)}.empty-state,.loading-state{color:var(--text-light);padding:4rem 2rem;text-align:center}.loading-state .spinner{animation:spin 1s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-color);height:3rem;margin:0 auto 1rem;width:3rem}.empty-state svg{color:var(--text-light);margin-bottom:1rem;opacity:.3}.empty-state h3{color:var(--text-color);margin-bottom:.5rem}.empty-state p{font-size:.9375rem}.waitlist-table-wrapper{overflow-x:auto}.waitlist-table{border-collapse:collapse;width:100%}.waitlist-table thead{background:var(--bg-light)}.waitlist-table th{color:var(--text-light);font-size:.875rem;font-weight:600;letter-spacing:.05em;padding:1rem 1.5rem;text-align:left;text-transform:uppercase}.waitlist-table tbody tr{border-bottom:1px solid var(--border-color);transition:background-color .2s}.waitlist-table tbody tr:hover{background:var(--bg-light)}.waitlist-table td{color:var(--text-color);font-size:.9375rem;padding:1rem 1.5rem}.email-cell{align-items:center;display:flex;font-weight:500;gap:.75rem}.email-icon{color:var(--primary-color);font-size:1.25rem}.btn-delete{align-items:center;background:#0000;border:none;border-radius:.375rem;color:#dc2626;cursor:pointer;display:inline-flex;font-size:1.25rem;justify-content:center;padding:.5rem;transition:all .2s}.btn-delete:hover{background:#fee;color:#b91c1c}.modal-overlay{animation:fadeIn .2s}.modal-content{animation:slideUp .3s;background:#fff;border-radius:.75rem;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:var(--text-color);font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.modal-content p{color:var(--text-light);font-size:.9375rem;margin:0 0 1.5rem}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel,.btn-confirm-delete{border:none;border-radius:.5rem;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.btn-cancel{background:var(--bg-light);color:var(--text-color)}.btn-cancel:hover{background:var(--border-color)}.btn-confirm-delete{background:#dc2626;color:#fff}.btn-confirm-delete:hover{background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-2px)}@media (max-width:768px){.waitlist-container{padding:1rem}.waitlist-header{align-items:stretch}.header-actions,.waitlist-header{flex-direction:column}.waitlist-table td,.waitlist-table th{padding:.75rem 1rem}.waitlist-table td:last-child,.waitlist-table th:last-child{text-align:center}}.app-container{background-color:#f9fafb;background-color:var(--bg-color,#f9fafb);display:flex;gap:0!important;margin:0!important;min-height:100vh;padding:0!important;width:100%}.app-container .main-content{flex:1 1;margin-left:150px;padding-left:0;transition:margin-left .3s ease}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.welcome-section h1{color:var(--text-color);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.welcome-section p{color:var(--text-light);margin:0}.header-actions{gap:1rem}.search-bar{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:.375rem;display:flex;padding:.5rem .75rem}.search-bar input{background:#0000;border:none;color:var(--text-color);font-size:.875rem;margin-left:.5rem;outline:none}.notification-btn{background:var(--white);border:1px solid var(--border-color);border-radius:.5rem;cursor:pointer;padding:.5rem;position:relative;transition:var(--transition)}.notification-btn:hover{background:var(--bg-light)}.notification-badge{background:var(--danger);border:2px solid var(--white);border-radius:9999px;color:#fff;font-size:.7rem;font-weight:600;padding:.15rem .4rem;position:absolute;right:-4px;top:-4px}.user-avatar img{border:2px solid var(--border-color);border-radius:50%;height:40px;width:40px}.stats-grid{grid-gap:1.25rem;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-bottom:1.5rem}.stat-card{align-items:center;background:var(--white);border-left:4px solid #0000;border-radius:.5rem;box-shadow:var(--shadow-sm);display:flex;padding:1.25rem;transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-icon-container{align-items:center;background-color:var(--primary-light);border-radius:.5rem;display:flex;flex-shrink:0;height:48px;justify-content:center;margin-right:1rem;width:48px}.stat-icon{color:var(--primary-color);font-size:1.5rem}.stat-details{flex:1 1}.stat-title{color:var(--text-light);display:block;font-size:.8125rem;margin-bottom:.25rem}.stat-value{color:var(--text-color);font-size:1.25rem;font-weight:600;margin:.25rem 0}.stat-change{border-radius:9999px;display:inline-flex;font-size:.75rem;padding:.125rem .5rem}.stat-change.positive{background-color:#ecfdf5;color:#059669}.stat-change.negative{background-color:#fef2f2;color:#dc2626}.dashboard-main{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:2fr 1fr;margin-bottom:1.5rem}.dashboard-card{background:var(--white);border-radius:.5rem;box-shadow:var(--shadow-sm);padding:1.25rem}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{color:var(--text-color);font-size:1.125rem;font-weight:600;margin:0}.date-filter{background:var(--white);border:1px solid var(--border-color);border-radius:.375rem;color:var(--text-light);font-size:.875rem;gap:.5rem;padding:.375rem .75rem;transition:var(--transition)}.date-filter:hover{border-color:var(--primary-color);color:var(--primary-color)}.activities-list{display:flex;flex-direction:column;gap:1rem}.activity-item{border-bottom:1px solid var(--border-color);display:flex;gap:.75rem;padding:.5rem 0}.activity-item:last-child{border-bottom:none;padding-bottom:0}.activity-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.activity-details{flex:1 1}.activity-header{display:flex;justify-content:space-between;margin-bottom:.25rem}.activity-user{color:var(--text-color);font-weight:600}.activity-time{color:var(--text-light);font-size:.75rem}.activity-text{color:var(--text-light);font-size:.875rem;margin-bottom:.25rem}.activity-project{background-color:var(--primary-light);color:var(--primary-color);display:inline-block}.activity-priority,.activity-project{border-radius:9999px;font-size:.75rem;padding:.125rem .5rem}.activity-priority{font-weight:500}.activity-priority.high{background-color:#fef2f2;color:#dc2626}.activity-priority.medium{background-color:#fffbeb;color:#d97706}.activity-priority.low{background-color:#ecfdf5;color:#059669}.quick-actions{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem}.action-btn{align-items:center;background:var(--white);border:1px solid var(--border-color);border-radius:.5rem;color:var(--text-color);display:flex;flex-direction:column;justify-content:center;padding:1.25rem .75rem;text-align:center;text-decoration:none;transition:var(--transition)}.action-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);color:var(--primary-color);transform:translateY(-2px)}.action-icon{color:var(--primary-color);font-size:1.5rem;margin-bottom:.5rem}.action-btn span{font-size:.8125rem;font-weight:500}@media (max-width:1024px){.dashboard-main{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.billing-grid{grid-template-columns:repeat(2,1fr)}}.chart-container{height:300px;margin-top:1rem}.page-title{color:#111827;font-size:24px;font-weight:700;margin:0 0 16px}.top-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1.4fr 1fr;margin-bottom:16px}.card{border:1px solid #e5e7eb;border-radius:12px;padding:16px}.cta-card{background:var(--white);border:1px solid var(--border-color);margin-bottom:16px}.cta-content{align-items:center;display:flex;gap:12px;justify-content:space-between}.cta-title{color:var(--text-color);font-size:18px;font-weight:700;margin-bottom:4px}.cta-hint{color:var(--text-light);font-size:13px}.cta-btn{border-radius:8px;padding:10px 14px;white-space:nowrap}.cta-modal-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.cta-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;max-width:440px;overflow:hidden;width:100%}.cta-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.cta-modal-header h3{color:#111827;font-size:18px;font-weight:700;margin:0}.cta-close{background:#0000;border:none;cursor:pointer;font-size:20px}.cta-modal-body{grid-gap:10px;display:grid;gap:10px;padding:14px}.cta-option{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;cursor:pointer;font-weight:600;padding:12px;text-align:left;transition:var(--transition)}.cta-option:hover{background:#f9fafb;border-color:#d1d5db}@media (max-width:768px){.cta-content{align-items:flex-start;flex-direction:column}.cta-btn{align-self:stretch;text-align:center}}.card-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.btn-link{background:#0000;border:none;color:#ef4444;cursor:pointer;font-weight:600}.btn-link.right{align-self:flex-end}.usage-text{color:#6b7280;font-size:12px;margin-bottom:8px}.usage-bar,.usage-fill{border-radius:9999px}.usage-fill{background:#ef4444}.billing-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-top:8px}.billing-item .label{color:#6b7280;display:block;font-size:12px}.billing-item .value{color:#111827;font-weight:600}.content-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 320px}.badge{background:#f3f4f6;border-radius:9999px;color:#6b7280;font-size:12px;font-weight:600;padding:2px 8px}.table{border:1px solid #e5e7eb;border-radius:10px;overflow:hidden;width:100%}.thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.tr{align-items:center;display:grid;grid-template-columns:44px 1.4fr 1fr 1fr 1fr}.td,.th{border-bottom:1px solid #f3f4f6;color:#374151;font-size:14px;padding:12px 16px}.th{color:#6b7280;font-weight:600}.td-content{align-items:center;display:flex;gap:12px}.thumb{background:#e5e7eb;border-radius:8px;height:40px;width:40px}.content-text .title{color:#111827;font-weight:600}.content-text .subtitle{color:#6b7280;font-size:12px}.td-actions{display:flex;gap:8px}.btn-ghost{align-items:center;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:inline-flex;gap:6px;padding:6px 10px}.btn-ghost:hover{background:#f3f4f6}.btn-ghost.danger{color:#dc2626}.table-footer{align-items:center;color:#6b7280;display:flex;justify-content:space-between;padding:12px 0}.btn-outline{cursor:pointer;padding:6px 12px}.btn-outline:hover{background:#f3f4f6}.right-rail{gap:16px}.alerts-list,.right-rail{display:flex;flex-direction:column}.alerts-list{gap:12px;margin-top:12px}.alert{align-items:flex-start;background:#fff;border:1px solid #e5e7eb;display:flex;gap:12px}.alert-icon{background:#f3f4f6;border-radius:8px;height:32px;width:32px}.alert .alert-title{color:#111827;font-weight:600}.alert .alert-desc{color:#6b7280;font-size:12px}.alert.warning .alert-icon{background:#fef3c7}.alert.error .alert-icon{background:#fee2e2}.alert.info .alert-icon{background:#dbeafe}@media (max-width:1200px){.content-grid{grid-template-columns:1fr}}@media (max-width:768px){.top-grid{grid-template-columns:1fr}.app-container .main-content,.dashboard .main-content{margin-left:0!important;padding-left:0!important;width:100%!important}.billing-container,.dashboard-container,.main-content>div:first-child{padding-top:60px}.dashboard-container{padding:60px 16px 20px}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-card{padding:1rem}.billing-grid,.tr{grid-template-columns:1fr}.tr{gap:8px}.td,.th{padding:8px 12px}.quick-actions{grid-template-columns:repeat(2,1fr)}.page-title{font-size:20px}}@media (max-width:480px){.dashboard-container{padding:60px 12px 15px}.page-title{font-size:18px}.stat-card{padding:.875rem}.stat-icon-container{height:40px;width:40px}.stat-value{font-size:1.125rem}.card{padding:12px}.quick-actions{grid-template-columns:1fr}.action-btn{padding:1rem .5rem}}.dashboard{display:flex!important;gap:0!important;margin:0!important;padding:0!important}.dashboard .main-content{margin-left:150px!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.dashboard>*{margin:0!important}.billing-container,.dashboard-container,.engagement-container,.support-container{margin-left:0!important;padding-left:0!important}@media (max-width:768px){.dashboard .main-content{margin-left:0!important;width:100%!important}}.scheduling-modal-overlay{align-items:center;backdrop-filter:saturate(120%) blur(4px);-webkit-backdrop-filter:saturate(120%) blur(4px);background:#1118278c;bottom:0;display:flex;justify-content:center;left:0;padding:24px;position:fixed;right:0;top:0;z-index:1200}.scheduling-modal{animation:modalSlideIn .22s cubic-bezier(.2,.8,.2,1);background:#fff;background:var(--white,#fff);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;box-shadow:0 24px 48px #0000002e;color:#111827;color:var(--text-color,#111827);max-height:90vh;max-width:560px;overflow-y:auto;width:100%}.scheduling-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;margin-bottom:16px;padding:16px 16px 0}.scheduling-modal-header h2{color:#111827;color:var(--text-color,#111827);font-size:20px;font-weight:700;line-height:28px;margin:0}.close-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;font-size:22px;height:32px;justify-content:center;padding:4px;transition:all .18s ease;width:32px}.close-btn:focus-visible,.close-btn:hover{background-color:#f3f4f6;border-color:#e5e7eb;color:#111827;outline:none}.scheduling-form{padding:0 16px 16px}.form-group{margin-bottom:20px}.form-group label{color:#111827;color:var(--text-color,#111827);display:block;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{background-color:#fff;background-color:var(--white,#fff);border:1px solid #d1d5db;border:1px solid var(--border-color,#d1d5db);font-size:14px;transition:border-color .18s ease,box-shadow .18s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ef4444;border-color:var(--primary-color,#ef4444);box-shadow:0 0 0 3px #ef44441f;outline:none}.form-group textarea{min-height:100px;resize:vertical}.form-row{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.error-message{background-color:#fef2f2;border-radius:6px;color:#dc2626;font-size:14px;margin-bottom:20px;padding:12px}.scheduling-preview{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:16px;padding:12px}.scheduling-preview h4{color:#1e293b;font-size:16px;font-weight:600;margin:0 0 12px}.preview-details{display:flex;flex-direction:column;gap:8px}.preview-item{align-items:center;display:flex;justify-content:space-between}.preview-label{color:#000;font-size:14px;font-weight:500}.preview-value{color:#000;font-size:14px;font-weight:600;text-align:right}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);gap:12px;margin-top:16px;padding-top:16px}.cancel-btn,.schedule-btn{border:1px solid #0000;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;min-width:120px;padding:10px 14px;transition:all .18s ease}.cancel-btn{background-color:#f9fafb;border-color:#e5e7eb;color:#374151}.cancel-btn:hover{background-color:#e5e7eb}.schedule-btn{background-color:#ef4444;background-color:var(--primary-color,#ef4444);border-color:#ef4444;border-color:var(--primary-color,#ef4444);color:#fff}.schedule-btn:hover:not(:disabled){filter:brightness(.95)}.schedule-btn:disabled{background-color:#9ca3af;cursor:not-allowed}.form-group select[name=platform]{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}@media (max-width:768px){.scheduling-modal-overlay{padding:12px}.scheduling-modal{max-height:92vh}.scheduling-modal-header{padding:16px 16px 0}.scheduling-modal-header h2{font-size:20px}.scheduling-form{padding:0 16px 16px}.form-row{gap:12px;grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.cancel-btn,.schedule-btn{width:100%}.preview-item{align-items:flex-start;flex-direction:column;gap:4px}.preview-value{text-align:left}}@media (prefers-color-scheme:dark){.scheduling-modal{background:#111827;border-color:#1f2937;color:#f9fafb}.scheduling-modal-header{border-bottom-color:#1f2937}.scheduling-modal-header h2{color:#f3f4f6}.close-btn{color:#d1d5db}.close-btn:hover{background-color:#ffffff0f;color:#fff}.form-group label{color:#e5e7eb}.form-group input,.form-group select,.form-group textarea{background-color:#fee2e2;border-color:#283244;color:#e5e7eb}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.scheduling-preview{background-color:#fee2e2;border-color:#1f2937}.scheduling-preview h4{color:#f3f4f6}.preview-label{color:#e5e7eb}.preview-value{color:#f9fafb}.form-actions{border-top-color:#1f2937}.cancel-btn{background-color:#fee2e2;border-color:#283244;color:#e5e7eb}.cancel-btn:hover{background-color:#ffffff0f}}.scheduling-modal.success{animation:successPulse .6s ease-out}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@media (prefers-reduced-motion:reduce){.scheduling-modal{animation:none}}.crm-overlay{align-items:center;backdrop-filter:saturate(120%) blur(4px);-webkit-backdrop-filter:saturate(120%) blur(4px);background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1200}.crm-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 24px 48px #0000002e;max-height:92vh;max-width:980px;overflow:auto;width:100%}.crm-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.crm-tabs{display:flex;gap:8px}.crm-tab{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#374151;cursor:pointer;font-weight:600;padding:8px 10px}.crm-tab.active{border-color:#ef4444;border-color:var(--primary-color,#ef4444);box-shadow:0 0 0 3px #ef44441f;color:#ef4444;color:var(--primary-color,#ef4444)}.crm-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:22px}.crm-body{padding:14px}.crm-grid{grid-gap:10px;display:grid;gap:10px}.crm-actions{display:flex;justify-content:flex-end}.crm-actions,.crm-outputs{padding:0 14px 14px}.crm-outputs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.crm-outputs-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.crm-output-card{grid-gap:8px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:8px;padding:10px}.crm-output-top{align-items:center;display:flex;gap:8px;justify-content:space-between}@media(max-width:768px){.crm-modal{max-width:100%}.crm-outputs-grid{grid-template-columns:1fr}}@media(max-width:640px){.crm-overlay{align-items:flex-end;padding:0}.crm-modal{border-radius:16px 16px 0 0;max-height:85vh;max-width:100%}.crm-header{top:0;z-index:1}.crm-actions,.crm-header{background:#fff;position:sticky}.crm-actions{border-top:1px solid #e5e7eb;bottom:0;padding:12px 14px}.crm-actions .btn{width:100%}.crm-grid{gap:8px}.crm-outputs-grid{grid-template-columns:1fr}}.sch-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(7,1fr);margin-top:12px}.sch-col{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-direction:column;min-height:160px}.sch-col-header{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:8px 10px}.sch-col-day{color:#111827;font-weight:700}.sch-col-date{color:#6b7280;font-size:12px}.sch-col-body{display:flex;flex:1 1;flex-direction:column;gap:8px;padding:8px}.sch-empty{color:#6b7280;font-size:13px}.sch-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 1px 2px #0000000a;cursor:grab;padding:8px}.sch-item:active{cursor:grabbing}.sch-item-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.sch-time{color:#6b7280;font-size:12px}.sch-title{color:#111827;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sch-badge{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#6b7280;display:inline-flex;font-size:12px;font-weight:700;gap:6px;padding:2px 8px;text-transform:capitalize}.sch-badge.instagram{background:#fce7f3;border-color:#fbcfe8;color:#db2777}.sch-badge.tiktok{background:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.sch-badge.youtube{background:#fee2e2;border-color:#fecaca;color:#dc2626}.sch-badge.facebook{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.sch-badge.linkedin{background:#d1fae5;border-color:#a7f3d0;color:#047857}.sch-badge.twitter{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.sch-edit-overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182773;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1400}.sch-edit{grid-gap:10px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:grid;gap:10px;max-width:420px;padding:14px;width:100%}.sch-edit-row{display:flex;gap:8px}@media(max-width:1024px){.sch-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:640px){.sch-grid{gap:10px;grid-template-columns:1fr}.sch-col{min-height:140px}.sch-item{padding:10px}.sch-time{font-size:13px}.sch-title{font-size:14px}}.es-card{margin-top:16px}.es-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.es-stat{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:12px}.es-stat-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.es-label{color:#6b7280;font-size:12px;font-weight:600}.es-delta{font-size:12px;font-weight:700}.es-delta.pos{color:#10b981}.es-delta.neg{color:#dc2626}.es-value{color:#111827;font-size:20px;font-weight:700;margin-bottom:6px}.es-best{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding:12px}.es-best-title{color:#111827;font-weight:700;margin-bottom:4px}.es-best-meta{align-items:center;color:#6b7280;display:flex;gap:8px}.es-best-name{color:#111827;font-weight:600}.es-best-eng{font-size:12px}.es-thumb{background:#e5e7eb;border-radius:10px;height:80px;object-fit:cover;width:80px}.es-thumb-empty{display:inline-block}.es-badge{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#6b7280;display:inline-flex;font-size:12px;font-weight:700;padding:2px 8px;text-transform:capitalize}.es-badge.instagram{background:#fce7f3;border-color:#fbcfe8;color:#db2777}.es-badge.tiktok{background:#e0e7ff;border-color:#c7d2fe;color:#3730a3}.es-badge.youtube{background:#fee2e2;border-color:#fecaca;color:#dc2626}.es-badge.facebook{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.es-badge.linkedin{background:#d1fae5;border-color:#a7f3d0;color:#047857}.es-badge.twitter{background:#e0f2fe;border-color:#bae6fd;color:#0369a1}.es-error{color:#dc2626;font-size:12px}@media(max-width:1024px){.es-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.es-grid{grid-template-columns:1fr}}.ob-overlay{align-items:center;background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1500}.ob-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 24px 48px #0000002e;max-width:520px;overflow:hidden;width:100%}.ob-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.ob-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:22px;transition:color .2s}.ob-close:hover{color:#111827}.ob-body{color:#374151;padding:14px}.ob-body p{line-height:1.6;margin:0 0 8px}.ob-footer{align-items:center;border-top:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:12px 14px}.ob-dots{display:flex;gap:6px}.dot{background:#e5e7eb;border-radius:9999px;height:8px;transition:background .2s;width:8px}.dot.active{background:#ef4444}.ob-actions{display:flex;gap:8px}.ob-modal.ob-welcome{animation:welcomeSlideIn .3s ease-out;max-width:500px}.ob-modal.ob-welcome .ob-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:20px 24px}.ob-modal.ob-welcome .card-title{color:#fff;font-size:1.5rem;font-weight:700}.ob-modal.ob-welcome .ob-close{color:#ffffffe6}.ob-modal.ob-welcome .ob-close:hover{color:#fff}.ob-modal.ob-welcome .ob-body{font-size:1rem;padding:24px}.ob-modal.ob-welcome .ob-footer{justify-content:center;padding:16px 24px}@keyframes welcomeSlideIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ob-spotlight{border-radius:12px;box-shadow:0 0 0 9999px #1118278c,0 0 0 3px #ef4444;pointer-events:none;position:fixed;transition:all .2s ease}.billing-widget{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:16px;padding:12px}.bw-row{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bw-left{display:flex;gap:16px}.bw-next,.bw-plan{display:flex;flex-direction:column}.label{color:#6b7280;font-size:12px}.value{color:#111827;font-weight:700}.bw-right{display:flex;flex-direction:column;gap:8px;min-width:260px}.bw-usage-text{color:#6b7280;font-size:12px}.bw-usage-bar{background:#f3f4f6;border-radius:9999px;height:8px;overflow:hidden;width:100%}.bw-usage-bar .fill{background:#ef4444;border-radius:9999px;height:100%}.bw-actions{display:flex;justify-content:flex-end}.bw-error{color:#dc2626;font-size:12px;margin-top:8px}@media(max-width:768px){.bw-row{flex-direction:column}.bw-right{width:100%}}.sup-overlay{align-items:center;backdrop-filter:saturate(120%) blur(4px);-webkit-backdrop-filter:saturate(120%) blur(4px);background:#1118278c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1500}.sup-modal{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 24px 48px #0000002e;max-height:92vh;max-width:720px;overflow:auto;width:100%}.sup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:12px 14px}.sup-close{background:#0000;border:none;color:#6b7280;cursor:pointer;font-size:22px}.sup-body{padding:14px}.sup-search{margin-bottom:10px}.sup-faqs{grid-gap:8px;display:grid;gap:8px}.sup-faq{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:10px}.sup-q{color:#111827;font-weight:700;margin-bottom:4px}.sup-a,.sup-empty{color:#6b7280}.sup-report{grid-gap:10px;border-top:1px solid #f3f4f6;display:grid;gap:10px;padding:12px 14px}.sup-sent{color:#10b981;font-size:12px}.af-card{margin-top:16px}.af-list{display:flex;flex-direction:column;gap:8px}.af-item{background:#fff;border:1px solid #e5e7eb;border-radius:10px;justify-content:space-between;padding:10px}.af-item,.af-main{align-items:center;display:flex}.af-main{gap:10px}.af-title{color:#111827;font-weight:700}.af-meta,.af-sub{color:#6b7280;font-size:12px}.af-meta{white-space:nowrap}.af-empty{color:#6b7280}.af-error{color:#dc2626;font-size:12px}.af-badge{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:9999px;color:#6b7280;display:inline-flex;font-size:12px;font-weight:700;padding:2px 8px;text-transform:capitalize}.af-badge.publish,.af-badge.published{background:#dcfce7;border-color:#bbf7d0;color:#16a34a}.af-badge.failed{background:#fee2e2;border-color:#fecaca;color:#dc2626}.af-badge.upload{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.library-header{margin-bottom:24px}.header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.header-title h1{color:#111827;font-size:2rem;font-weight:700;margin:0}.library-count{color:#6b7280;font-size:.875rem;margin-left:8px}.header-actions{align-items:center;display:flex;gap:12px}.view-toggle{border:1px solid #e5e7eb;border-radius:8px;display:flex;overflow:hidden}.view-toggle .btn{border:none;border-radius:0;padding:8px 12px}.view-toggle .btn:first-child{border-right:1px solid #e5e7eb}.search-bar{margin-bottom:16px}.search-input-wrapper{max-width:500px;position:relative}.search-input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;padding:12px 16px 12px 44px;transition:all .2s ease;width:100%}.search-input:focus{border-color:#ef4444;border-color:var(--primary-color,#ef4444);box-shadow:0 0 0 3px #ef44441a;outline:none}.search-icon{font-size:18px;left:16px}.clear-search,.search-icon{color:#9ca3af;position:absolute;top:50%;transform:translateY(-50%)}.clear-search{background:none;border:none;border-radius:4px;cursor:pointer;font-size:20px;padding:4px;right:12px}.clear-search:hover{background:#f3f4f6;color:#374151}.library-content{border-radius:16px;box-shadow:0 2px 8px #0000000a;padding:24px}.library-content,.library-filters{background:#fff;border:1px solid #e5e7eb}.library-filters{animation:slideDown .2s ease-out;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin:0 0 24px;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.library-filters .input,.library-filters .select{min-width:160px}.library-filters .btn,.library-filters .btn-outline,.library-filters .btn-primary{height:36px}.library-add{background:#fafafa;border:1px dashed #d1d5db;border-radius:8px;margin-bottom:12px;padding:12px}.section-title{font-weight:600;margin-bottom:8px}.muted-count{color:#6b7280;font-size:.9rem}.error-text{margin-bottom:8px}.form-grid{grid-gap:8px;display:grid;gap:8px}.row{display:flex;gap:8px}.input,.select,.textarea{border-radius:6px;padding:8px 10px}.tags-input{flex:1 1}.form-actions{gap:8px;margin-top:8px}.btn{align-items:center;background:#fff;color:#111827;display:inline-flex;flex:0 0 auto;gap:6px;justify-content:center;line-height:1;max-width:max-content}.btn,.form-actions .btn{width:auto}.btn-primary{background:#2563eb;border-color:#2563eb;width:auto}.library-add .form-actions .btn,.library-item .item-actions .btn{flex:0 0 auto;width:auto}.library-add .form-actions .btn-primary{min-width:140px}.btn-primary:hover{background:#1d4ed8;border-color:#1d4ed8}.btn-ghost{border-color:#e5e7eb}.btn-ghost:hover{background:#f9fafb}.btn-danger{border-color:#dc2626}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn:focus-visible{box-shadow:0 0 0 3px #2563eb40;outline:none}.btn.is-loading,.btn:disabled{cursor:not-allowed;opacity:.7}.library-list{grid-gap:16px;display:grid;gap:16px;margin:0;padding:0}.library-list.grid-view{gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.library-list.list-view{gap:12px;grid-template-columns:1fr}.media-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;transition:all .2s ease}.media-card:hover{border-color:#d1d5db;box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.media-card.selected{border-color:#ef4444;border-color:var(--primary-color,#ef4444);box-shadow:0 0 0 2px #ef44441a}.card-thumbnail{align-items:center;background:#f3f4f6;display:flex;height:180px;justify-content:center;overflow:hidden;position:relative;width:100%}.card-thumbnail img{height:100%;object-fit:cover;width:100%}.card-thumbnail .media-icon{color:#9ca3af;font-size:48px}.card-select{height:20px;left:12px;position:absolute;top:12px;width:20px}.card-actions{display:flex;gap:4px;opacity:0;position:absolute;right:12px;top:12px;transition:opacity .2s ease}.media-card:hover .card-actions{opacity:1}.card-action-btn{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:8px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.card-action-btn:hover{background:#fff;transform:scale(1.1)}.card-content{padding:16px}.card-title{color:#111827;font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:8px}.card-description,.card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin-bottom:12px}.card-meta{color:#9ca3af;font-size:.75rem;justify-content:space-between}.card-meta,.card-type{align-items:center;display:flex}.card-type{background:#f3f4f6;border-radius:6px;gap:4px;padding:4px 8px;text-transform:capitalize}.edit-form{padding:20px}.edit-form .form-grid{grid-gap:12px;display:grid;gap:12px;margin-bottom:16px}.edit-form .row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.edit-form .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:8px;justify-content:flex-end;padding-top:12px}.library-bulk{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;padding:16px 20px}.library-bulk span{color:#475569;font-weight:600}.library-bulk .item-actions{align-items:center;display:flex;gap:8px}.library-bulk .btn{align-items:center;display:flex;font-size:14px;gap:6px;padding:8px 12px}.media-card.loading{opacity:.6;pointer-events:none}.card-action-btn.loading{cursor:not-allowed;opacity:.5}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin-bottom:8px}.empty-state p{font-size:.875rem;margin-bottom:20px}.upload-method-toggle{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:16px;padding:12px}.upload-method-label{align-items:center;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px}.upload-method-label input[type=radio]{height:16px;width:16px}.file-upload-section{display:flex;flex-direction:column;gap:12px}.custom-file-upload{position:relative}.file-input-hidden{height:0;opacity:0;position:absolute;width:0}.file-upload-btn{align-items:center;background:#fafafa;border:2px dashed #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;text-align:center;transition:all .2s ease}.file-upload-btn:hover{background:#fef2f2;border-color:#ef4444;border-color:var(--primary-color,#ef4444);color:#ef4444;color:var(--primary-color,#ef4444)}.upload-icon{font-size:18px}.selected-file{background:#dcfce7;border:1px solid #bbf7d0;border-radius:8px;justify-content:space-between;padding:12px}.file-info,.selected-file{align-items:center;display:flex}.file-info{gap:10px}.file-icon{font-size:16px}.file-details{display:flex;flex-direction:column;gap:2px}.file-name{color:#166534;font-size:14px;font-weight:500}.file-size{color:#16a34a;font-size:12px}.remove-file-btn{background:none;border:none;border-radius:4px;color:#dc2626;cursor:pointer;font-size:14px;font-weight:700;padding:4px;transition:background .2s ease}.remove-file-btn:hover{background:#fecaca}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:modalSlideIn .2s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:400px;overflow:hidden;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h3{color:#111827;font-size:18px;font-weight:600;margin:0}.modal-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:20px;padding:4px;transition:all .2s ease}.modal-close:hover{background:#f3f4f6;color:#374151}.modal-body{padding:24px}.delete-warning{align-items:flex-start;display:flex;gap:16px}.warning-icon{flex-shrink:0;font-size:24px}.warning-text p{color:#374151;line-height:1.5;margin:0 0 8px}.item-name{background:#f3f4f6;border-radius:4px;color:#111827;display:inline-block;font-weight:600;padding:4px 8px}.warning-note{color:#dc2626;font-size:14px;font-weight:500}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.btn{border:1px solid #0000;border-radius:6px;font-weight:500;padding:8px 16px;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-ghost{background:#fff;border-color:#d1d5db;color:#374151}.btn-ghost:hover:not(:disabled){background:#f3f4f6}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c}@media (max-width:768px){.header-top{align-items:stretch;flex-direction:column;gap:12px}.header-actions{justify-content:space-between}.library-list.grid-view{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card-actions{opacity:1}.library-bulk{align-items:stretch;flex-direction:column;gap:12px}.library-bulk .item-actions{flex-wrap:wrap;justify-content:center}.upload-method-toggle{flex-direction:column;gap:8px}}.library-item{grid-gap:12px;align-items:start;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000a;display:grid;gap:12px;grid-template-columns:28px 1fr auto;padding:12px 14px;transition:box-shadow .16s ease,border-color .16s ease,transform .16s ease}.library-item:hover{border-color:#d1d5db;box-shadow:0 6px 14px #00000014;transform:translateY(-1px)}.select-col{align-items:start;display:flex;padding-top:4px}.select-col input[type=checkbox]{height:18px;width:18px}.item-content{min-width:0}.item-title{color:#111827;font-size:1.125rem;font-weight:700;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-body{color:#6b7280;font-size:.92rem;line-height:1.45;margin-top:4px}.item-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.status{text-transform:capitalize}.edit-grid{grid-gap:8px;display:grid;gap:8px;width:100%}.library-meta{color:#6b7280;font-size:.85rem;margin-left:16px;text-align:right;white-space:nowrap}.library-bulk{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000a;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.input,.select,.textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:14px;padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.input::placeholder,.textarea::placeholder{color:#9ca3af}.input:focus,.select:focus,.textarea:focus{background:#fff;border-color:#ef4444;border-color:var(--primary-color,#ef4444);box-shadow:0 0 0 3px #ef44441f;outline:none}.textarea{line-height:1.45;min-height:100px;resize:vertical}.btn-primary{background:var(--primary-color,#ef4444);border-color:var(--primary-color,#ef4444)}.btn-primary:hover{filter:brightness(.95)}@media (max-width:1024px){.main-content{padding:16px}.library-filters{padding:10px}.library-item{grid-template-columns:24px 1fr}.library-meta{margin-left:0;text-align:left}}@media (max-width:640px){.filters-row{gap:8px}.library-filters .input,.library-filters .select{flex:1 1;min-width:120px}}.quota-display{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:16px;padding:16px}.quota-display.loading{padding:20px}.quota-display.error{background:#fff5f5;border-color:#dc3545}.quota-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.quota-header h4{color:#333;font-size:16px;font-weight:600;margin:0}.refresh-btn{background:none;border:none;border-radius:4px;cursor:pointer;font-size:14px;padding:4px;transition:background-color .2s}.refresh-btn:hover{background-color:#f0f0f0}.quota-progress{margin-bottom:12px}.progress-bar{background-color:#e9ecef;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{border-radius:4px;height:100%;transition:width .3s ease,background-color .3s ease}.quota-numbers{align-items:center;display:flex;font-size:14px;gap:4px}.quota-used{color:#333;font-weight:600}.quota-limit,.quota-separator{color:#666}.quota-label{color:#888;margin-left:4px}.quota-details{border-top:1px solid #e0e0e0;display:flex;flex-direction:column;gap:6px;padding-top:12px}.quota-detail-item{align-items:center;display:flex;font-size:13px;justify-content:space-between}.detail-label{color:#666}.detail-value{color:#333;font-weight:500}.quota-warning{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404}.quota-alert,.quota-warning{align-items:center;display:flex;font-size:13px;gap:8px;margin-top:12px;padding:8px 12px}.quota-alert{background-color:#e7f3ff;border:1px solid #b3d9ff;border-radius:4px;color:#004085}.alert-icon,.warning-icon{font-size:16px}.quota-error{align-items:center;color:#dc3545;display:flex;font-size:14px;gap:8px}.error-icon{font-size:16px}.retry-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;margin-left:auto;padding:4px 8px}.retry-btn:hover{background-color:#c82333}.quota-skeleton{display:flex;flex-direction:column;gap:8px}.skeleton-bar{height:8px}.skeleton-bar,.skeleton-text{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}.skeleton-text{height:14px;width:60%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:768px){.quota-display{padding:12px}.quota-header h4{font-size:14px}.quota-numbers{font-size:13px}.quota-detail-item{font-size:12px}}@media (prefers-color-scheme:dark){.quota-display{background:#fee2e2;border-color:#fee2e2;color:#000}.quota-header h4{color:#000}.progress-bar{background-color:#fee2e2}.quota-label,.quota-limit,.quota-separator,.quota-used{color:#000}.quota-details{border-top-color:#fee2e2}.detail-label,.detail-value{color:#000}.refresh-btn:hover{background-color:#fee2e2}.quota-alert,.quota-warning{background-color:#fee2e2;border-color:#fee2e2;color:#000}.alert-icon,.warning-icon{color:#000}}.resumable-upload{width:100%}.upload-dropzone{align-items:center;background-color:#fafafa;border:2px dashed #d1d5db;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:120px;padding:40px 20px;text-align:center;transition:all .3s ease}.upload-dropzone:hover{background-color:#f0f9ff;border-color:#3b82f6}.upload-dropzone.dragging{background-color:#dbeafe;border-color:#3b82f6;transform:scale(1.02)}.upload-icon{font-size:48px;margin-bottom:16px;opacity:.6}.upload-text{color:#374151}.upload-primary{font-size:16px;font-weight:600;margin-bottom:4px}.upload-secondary{color:#6b7280;font-size:14px}.upload-progress-list{margin-top:20px}.upload-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;padding:16px;transition:all .2s ease}.upload-item.uploading{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f61a}.upload-item.completed{background-color:#f0fdf4;border-color:#10b981}.upload-item.error{background-color:#fef2f2;border-color:#ef4444}.upload-item.cancelled{background-color:#f9fafb;border-color:#6b7280;opacity:.7}.upload-item-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.upload-preview{align-items:center;background-color:#f3f4f6;border-radius:6px;display:flex;flex-shrink:0;height:60px;justify-content:center;overflow:hidden;width:60px}.upload-preview img,.upload-preview video{height:100%;object-fit:cover;width:100%}.upload-file-info{flex:1 1;min-width:0}.upload-file-name{color:#111827;font-weight:600;margin-bottom:4px;word-break:break-word}.upload-file-size{color:#6b7280;font-size:14px}.upload-actions{display:flex;gap:8px;margin-left:12px}.cancel-btn,.retry-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;min-width:28px;padding:4px;transition:background-color .2s ease}.retry-btn:hover{background-color:#f3f4f6}.cancel-btn:hover{background-color:#fee2e2}.upload-progress-bar{background-color:#e5e7eb;border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden;width:100%}.upload-progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);border-radius:3px;height:100%;position:relative;transition:width .3s ease}.upload-progress-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.upload-item-footer{align-items:center;display:flex;justify-content:space-between}.upload-status{align-items:center;color:#6b7280;display:flex;font-size:14px;gap:8px}.upload-item.uploading .upload-status{color:#3b82f6}.upload-item.completed .upload-status{color:#10b981;font-weight:600}.upload-item.error .upload-status{color:#ef4444;font-weight:600}.upload-item.cancelled .upload-status{color:#6b7280}@media (max-width:768px){.upload-dropzone{min-height:100px;padding:30px 16px}.upload-icon{font-size:36px;margin-bottom:12px}.upload-primary{font-size:14px}.upload-secondary{font-size:12px}.upload-item{padding:12px}.upload-item-header{align-items:flex-start;flex-direction:column;gap:8px}.upload-actions{align-self:flex-end;margin-left:0}}@media (prefers-color-scheme:dark){.upload-dropzone{color:#000}.upload-dropzone,.upload-dropzone:hover{background-color:#fee2e2;border-color:#fee2e2}.upload-dropzone.dragging{background-color:#fee2e2}.upload-secondary{color:#000}.upload-item,.upload-item.completed,.upload-item.error{background-color:#fee2e2;border-color:#fee2e2}.upload-file-name,.upload-file-size,.upload-status{color:#000}.cancel-btn:hover,.retry-btn:hover,.upload-progress-bar{background-color:#fee2e2}}.upload-item.completed{animation:uploadComplete .5s ease-out}@keyframes uploadComplete{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.upload-item.uploading{animation:uploadPulse 2s infinite}@keyframes uploadPulse{0%,to{box-shadow:0 0 0 1px #3b82f61a}50%{box-shadow:0 0 0 3px #3b82f61a}}.toast-container{display:flex;flex-direction:column;gap:12px;max-width:400px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:9999}.toast{align-items:flex-start;animation:toastSlideIn .3s ease-out;background:#1f2937;border-left:4px solid;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;gap:12px;justify-content:space-between;min-width:300px;padding:16px;pointer-events:auto}.toast-success{background-color:#f0fdf4;border-left-color:#10b981}.toast-error{background-color:#fef2f2;border-left-color:#ef4444}.toast-warning{background-color:#fffbeb;border-left-color:#f59e0b}.toast-info{background-color:#eff6ff;border-left-color:#3b82f6}.toast-exit{animation:toastSlideOut .3s ease-in forwards}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes toastSlideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-content{align-items:flex-start;display:flex;flex:1 1;gap:12px}.toast-icon{flex-shrink:0;font-size:20px;margin-top:2px}.toast-message{flex:1 1}.toast-text{color:#111827;font-size:14px;font-weight:500;line-height:1.4;margin-bottom:4px}.toast-details{margin-top:8px}.scheduling-info{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.platform-badge{background-color:#3b82f6;border-radius:4px;color:#fff;font-size:11px;font-weight:600;padding:2px 6px;text-transform:uppercase}.scheduled-time{color:#6b7280;font-size:12px;font-weight:500}.toast-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:4px}.calendar-btn,.close-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:16px;height:28px;justify-content:center;padding:4px;transition:background-color .2s ease;width:28px}.calendar-btn{color:#3b82f6}.calendar-btn:hover{background-color:#dbeafe}.close-btn{color:#6b7280}.close-btn:hover{background-color:#f3f4f6;color:#374151}.platform-badge[data-platform=instagram]{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.platform-badge[data-platform=facebook]{background-color:#1877f2}.platform-badge[data-platform=twitter]{background-color:#1da1f2}.platform-badge[data-platform=linkedin]{background-color:#0077b5}.platform-badge[data-platform=youtube]{background-color:red}.platform-badge[data-platform=tiktok]{background-color:#000}.toast-success .toast-text{color:#065f46}.toast-success .scheduled-time{color:#047857}.toast-error .toast-text{color:#991b1b}.toast-error .scheduled-time{color:#dc2626}.toast-warning .toast-text{color:#92400e}.toast-warning .scheduled-time{color:#d97706}.toast-info .toast-text{color:#1e40af}.toast-info .scheduled-time{color:#2563eb}@media (max-width:768px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.toast{min-width:auto;padding:12px}.toast-content{gap:8px}.toast-icon{font-size:18px}.toast-text{font-size:13px}.scheduling-info{align-items:flex-start;flex-direction:column;gap:4px}.platform-badge{font-size:10px}.scheduled-time{font-size:11px}}@media (prefers-color-scheme:dark){.toast{background:#1f2937;box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0003}.toast-success{background-color:#064e3b}.toast-error{background-color:#7f1d1d}.toast-warning{background-color:#78350f}.toast-info{background-color:#1e3a8a}.toast-text{color:#f9fafb}.scheduled-time{color:#d1d5db}.close-btn{color:#9ca3af}.close-btn:hover{background-color:#374151;color:#d1d5db}.calendar-btn:hover{background-color:#1e3a8a}}.toast:after{animation:toastProgress 5s linear;background-color:currentColor;bottom:0;content:"";height:2px;left:0;opacity:.3;position:absolute}@keyframes toastProgress{0%{width:100%}to{width:0}}:root{--white:#fff;--bg-color:#f8fafc;--bg-light:#fafafa;--text-color:#0f172a;--text-light:#64748b;--primary-color:#ef4444;--primary-light:#fee2e2;--danger:#ef4444;--border-color:#e5e7eb;--shadow-sm:0 1px 2px #1018280a;--shadow-md:0 2px 6px #10182814;--transition:all .2s ease}.form-control,input,select,textarea{-webkit-text-fill-color:#000;caret-color:#000}.btn,.btn-ghost,.btn-link,.btn-outline,.btn-primary,.btn-secondary,button,input[type=button],input[type=reset],input[type=submit]{-webkit-text-fill-color:#000!important;color:#000!important}input:-webkit-autofill,select:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:#000!important;caret-color:#000!important;-webkit-transition:background-color 99999s ease-in-out 0s;transition:background-color 99999s ease-in-out 0s}::placeholder{color:#6b7280}.dashboard-container{padding:30px}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.page-header h1{color:var(--text-color);font-size:28px;font-weight:700;margin:0}.btn-new-post{align-items:center;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px}.create-post-layout{display:flex;flex-direction:column;gap:20px}.cp-top-cards{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr)}.cp-bottom-row{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 400px}.cp-create-section,.cp-preview-section{display:flex;flex-direction:column;gap:16px}.cp-preview-section{position:sticky;top:20px}.cp-card{background:var(--white);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-sm)}.cp-card-header{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;justify-content:space-between;padding:14px 16px;transition:background .2s;width:100%}.cp-card-header:hover{background:#f9fafb}.cp-card-title{color:var(--text-color);font-size:15px;font-weight:600}.cp-card>.cp-card-title{border-bottom:1px solid var(--border-color);padding:14px 16px}.cp-card-body{padding:16px}.cp-radio-list{grid-gap:8px;display:grid;gap:8px;max-height:300px;overflow-y:auto;padding:12px 16px}.cp-radio{align-items:center;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;gap:10px;padding:8px;position:relative;transition:background .2s}.cp-radio:hover{background:#f9fafb}.cp-radio input[type=radio]{height:0;opacity:0;position:absolute;width:0}.platform-icon{border-radius:4px;height:20px;object-fit:cover;width:20px}.type-icon{font-size:18px}.radio-indicator{background:#ef4444;border-radius:50%;height:8px;margin-left:auto;width:8px}.cp-settings{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:12px 16px}.cp-settings li{align-items:center;border-radius:8px;color:var(--text-color);display:flex;font-size:14px;justify-content:space-between;padding:8px;transition:background .2s}.cp-settings li:hover{background:#f9fafb}.setting-row{align-items:center;display:flex;flex:1 1;gap:8px}.setting-icon{font-size:16px}.setting-label{color:var(--text-light);font-size:13px}.setting-value{color:var(--text-color);font-size:14px;font-weight:500}.link-btn{color:var(--primary-color);padding:0}.link-btn,.link-btn-edit{background:none;border:none;cursor:pointer;font-weight:500}.link-btn-edit{border-radius:4px;color:#ef4444;font-size:13px;padding:4px 8px;transition:background .2s}.link-btn-edit:hover{background:#fef2f2}.setting-select{background:#fff;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);font-size:13px;min-width:100px;padding:4px 8px}.setting-select:focus{border-color:var(--primary-color);outline:none}.setting-select:disabled{cursor:not-allowed;opacity:.6}.link-btn-edit:disabled{cursor:not-allowed;opacity:.5}.form-group{grid-gap:8px;border-bottom:1px solid var(--border-color);display:grid;gap:8px;padding:12px 16px}.form-group label{color:var(--text-light);font-size:14px}.form-control{border:1px solid var(--border-color);border-radius:10px;outline:none;padding:10px 12px;width:100%}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #ef44441a}.inline-input .form-control{height:40px}.cp-media-grid{grid-gap:12px;align-items:start;background:var(--bg-light);border:1px dashed var(--border-color);border-radius:12px;display:grid;gap:12px;grid-auto-columns:120px;grid-auto-flow:column;overflow-x:auto;padding:8px}.cp-media-thumb{background:var(--white);border:1px solid var(--border-color);border-radius:12px;height:120px;overflow:hidden;position:relative;width:120px}.cp-media-thumb img,.cp-media-thumb video{display:block;height:100%;object-fit:cover;width:100%}.cp-remove{background:var(--white);border:1px solid var(--border-color);border-radius:9999px;color:var(--primary-color);cursor:pointer;font-size:16px;height:24px;line-height:22px;padding:0;position:absolute;right:6px;top:6px;width:24px}.cp-file-pill{background:#f3f4f6;border-radius:9999px;color:var(--text-color);display:inline-block;font-size:12px;margin:8px;padding:6px 10px}.cp-media-add{background:var(--white);border:2px dashed var(--border-color);border-radius:12px;color:var(--text-light);display:grid;height:120px;place-items:center;width:120px}.cp-media-add .plus{font-size:24px}.cp-media-add .text{font-size:12px}.form-actions{display:flex;gap:10px;justify-content:flex-end;padding:16px}.btn{border:1px solid var(--border-color);font-size:14px;height:40px;padding:0 16px;transition:all .2s}.btn-primary{background:#ef4444;border-color:#ef4444;color:var(--white)}.btn-primary:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 2px 8px #ef44444d}.btn-secondary{background:var(--white);border-color:var(--border-color);color:var(--text-color)}.btn-secondary:hover{background:#f9fafb;border-color:#d1d5db}.btn-outline{background:var(--white);color:var(--text-color)}.btn-outline:hover{background:#f9fafb;border-color:#d1d5db}.btn.is-loading{opacity:.7;pointer-events:none}.ai-suggestions-section{border-bottom:none!important}.ai-suggestions-horizontal{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:8px}.ai-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;transition:all .2s}.ai-card:hover{box-shadow:0 4px 6px #00000012;transform:translateY(-2px)}.ai-card-compact{grid-column:span 1}.ai-card-header{align-items:center;background:linear-gradient(135deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;gap:8px;padding:12px 16px}.ai-icon{font-size:18px}.ai-card-title{color:#111827;font-size:14px;font-weight:600}.ai-card-content{display:flex;flex-direction:column;gap:10px;padding:12px 16px}.ai-caption-item{align-items:flex-start;display:flex;gap:10px}.ai-caption-text{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#374151;flex:1 1;font-size:13px;line-height:1.5;padding:8px 12px}.btn-apply{background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s;white-space:nowrap}.btn-apply:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.ai-hashtags-list{display:flex;flex-wrap:wrap;gap:6px}.ai-hashtag{background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;color:#1e40af;font-size:12px;font-weight:500;padding:4px 10px}.btn-apply-full{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;margin-top:4px;padding:8px 16px;transition:all .2s;width:100%}.btn-apply-full:hover{background:#f3f4f6;border-color:#d1d5db;color:#111827}.ai-best-time{align-items:center;display:flex;flex-direction:column;gap:8px;padding:8px 0;text-align:center}.ai-platform-name{color:#6b7280;font-size:13px;text-transform:capitalize}.ai-time-badge{background:#fef2f2;border:2px solid #fecaca;border-radius:8px;color:#ef4444;font-size:20px;font-weight:700;padding:8px 16px}.cp-preview{padding:16px}.cp-preview img{border:1px solid var(--border-color);border-radius:12px;object-fit:cover;width:100%}.cp-preview-placeholder{background:var(--bg-light);border:1px dashed var(--border-color);border-radius:12px;color:var(--text-light);display:grid;height:420px;place-items:center}@media (max-width:1200px){.cp-bottom-row,.cp-top-cards{grid-template-columns:1fr}.cp-preview-section{position:static}}@media (max-width:860px){.page-header{align-items:flex-start;flex-direction:column;gap:16px}.btn-new-post{justify-content:center;width:100%}.ai-suggestions-horizontal,.cp-bottom-row,.cp-top-cards{grid-template-columns:1fr}.ai-card-compact{grid-column:span 1}}@media (max-width:768px){.dashboard .main-content .dashboard-container{padding-top:60px}.page-header h1{font-size:22px}}.engagement-container{background-color:#f9fafb;margin-left:150px!important;min-height:100vh;padding:24px}.platform-instagram .bar.views{background:#fda4af}.platform-instagram .bar.shares{background:#fb7185}.platform-instagram .bar.likes{background:#f43f5e}.platform-instagram .legend-dot.views{background:#fb7185}.platform-instagram .legend-dot.likes{background:#f43f5e}.platform-instagram .legend-dot.shares{background:#ec4899}.platform-instagram .time-line:after{background:linear-gradient(90deg,#fb7185,#f59e0b,#ec4899)}.platform-tiktok .bar.views{background:#9ca3af}.platform-tiktok .bar.shares{background:#6b7280}.platform-tiktok .bar.likes{background:#111827}.platform-tiktok .legend-dot.views{background:#9ca3af}.platform-tiktok .legend-dot.likes{background:#111827}.platform-tiktok .legend-dot.shares{background:#6b7280}.platform-tiktok .time-line:after{background:linear-gradient(90deg,#6b7280,#374151,#111827)}.platform-facebook .bar.views{background:#93c5fd}.platform-facebook .bar.shares{background:#60a5fa}.platform-facebook .bar.likes{background:#2563eb}.platform-facebook .legend-dot.views{background:#60a5fa}.platform-facebook .legend-dot.likes{background:#2563eb}.platform-facebook .legend-dot.shares{background:#1d4ed8}.platform-facebook .time-line:after{background:linear-gradient(90deg,#93c5fd,#60a5fa,#2563eb)}.platform-snapchat .bar.views{background:#fef08a}.platform-snapchat .bar.shares{background:#fde047}.platform-snapchat .bar.likes{background:#facc15}.platform-snapchat .legend-dot.views{background:#fde047}.platform-snapchat .legend-dot.likes{background:#facc15}.platform-snapchat .legend-dot.shares{background:#eab308}.platform-snapchat .time-line:after{background:linear-gradient(90deg,#fef08a,#fde047,#facc15)}.platform-youtube .bar.views{background:#fecaca}.platform-youtube .bar.shares{background:#f87171}.platform-youtube .bar.likes{background:#ef4444}.platform-youtube .legend-dot.views{background:#f87171}.platform-youtube .legend-dot.likes{background:#ef4444}.platform-youtube .legend-dot.shares{background:#b91c1c}.platform-youtube .time-line:after{background:linear-gradient(90deg,#fca5a5,#f87171,#ef4444)}.platform-linkedin .bar.views{background:#93c5fd}.platform-linkedin .bar.shares{background:#60a5fa}.platform-linkedin .bar.likes{background:#0a66c2}.platform-linkedin .legend-dot.views{background:#60a5fa}.platform-linkedin .legend-dot.likes{background:#0a66c2}.platform-linkedin .legend-dot.shares{background:#1d4ed8}.platform-linkedin .time-line:after{background:linear-gradient(90deg,#93c5fd,#60a5fa,#0a66c2)}.engagement-header{margin-bottom:24px}.engagement-header h1{color:#111827;font-size:24px;font-weight:700;margin-bottom:16px}.filter-tabs{display:flex;gap:8px;margin-bottom:24px}.filter-tab{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .15s ease}.filter-tab.active{background:#fef2f2;border-color:#ef4444;color:#ef4444}.filter-tab:hover{border-color:#d1d5db}.date-filter{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;margin-left:auto;padding:8px 12px}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;position:relative}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.stat-title{color:#6b7280;font-size:14px;font-weight:500}.stat-menu{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.stat-value{color:#111827;font-size:32px;font-weight:700;margin-bottom:8px}.stat-change{align-items:center;display:flex;font-size:12px;font-weight:500;gap:4px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.stat-chart{height:60px;margin-top:16px;position:relative}.chart-container{height:100%;position:relative;width:100%}.bottom-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-title{color:#111827;font-size:16px;font-weight:600}.chart-dropdown{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:6px 12px}.chart-content{height:200px;position:relative}.performance-chart{align-items:end;display:flex;gap:8px;height:100%;padding:0 16px}.bar-group{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:4px}.bar-container{align-items:end;display:flex;gap:2px;height:120px;justify-content:center;width:100%}.bar{border-radius:2px;min-height:4px;width:12px}.bar.views{background:#fecaca}.bar.shares{background:#ef4444}.bar.likes{background:#dc2626}.bar-label{color:#9ca3af;font-size:10px;font-weight:500}.time-chart{height:100%;padding:16px;position:relative}.time-legend{display:flex;font-size:12px;gap:16px;margin-bottom:16px}.legend-item{align-items:center;display:flex;gap:6px}.legend-dot{border-radius:50%;height:8px;width:8px}.legend-dot.views{background:#10b981}.legend-dot.likes{background:#ef4444}.legend-dot.shares{background:#8b5cf6}.time-grid{grid-gap:8px;display:grid;gap:8px;grid-template-rows:repeat(7,1fr);height:140px}.time-row{align-items:center;display:flex;gap:12px}.time-label{color:#6b7280;font-size:11px;text-align:right;width:24px}.time-line{background:#f3f4f6;border-radius:1px;flex:1 1;height:2px;position:relative}.time-line:after{background:linear-gradient(90deg,#10b981,#ef4444,#8b5cf6);border-radius:1px;content:"";height:100%;left:0;position:absolute;top:0;width:50%;width:var(--engagement-width,50%)}@media (max-width:1024px){.bottom-grid,.stats-grid{gap:12px;grid-template-columns:1fr}.engagement-container{padding:16px}}@media (max-width:768px){.engagement-container{padding:60px 12px 12px;width:100%!important}.dashboard .engagement-container,.engagement-container{margin-left:0!important}.filter-tabs{flex-wrap:wrap;gap:6px}.filter-tab{font-size:13px;padding:6px 12px}.date-filter{margin-left:0;margin-top:8px;width:100%}.stat-value{font-size:24px}.chart-card{padding:16px}.engagement-header h1{font-size:20px}}.billing-container{background-color:#f9fafb;margin-left:150px!important;min-height:100vh;padding:24px}.billing-container .btn,.billing-container .btn-outline,.billing-container .btn-primary,.billing-container .btn-secondary,.billing-container button{color:#000!important}.billing-header{margin-bottom:2rem}.billing-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.billing-subtitle{color:#6b7280;font-size:1rem}.billing-content{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;margin-bottom:2rem;max-width:800px}.plan-card{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px 0 #0000001a;max-width:400px;padding:1.5rem}.plan-card h2{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.btn-change-plan{background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#000!important;cursor:pointer;font-size:.875rem;padding:8px 16px;transition:all .15s ease}.btn-change-plan:hover{background:#f9fafb;border-color:#d1d5db}.plan-details{display:flex;flex-direction:column;gap:1rem}.plan-name{color:#111827;font-size:1.5rem;font-weight:700}.plan-price{color:#ff2d55;font-size:2rem;font-weight:700}.plan-price .period{color:#6b7280;font-size:1rem;font-weight:500}.plan-status{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.status-badge{border-radius:20px;font-size:.75rem;font-weight:500;padding:4px 12px;text-transform:uppercase}.status-badge.active{background:#dcfce7;color:#166534}.status-badge.canceled{background:#fee2e2;color:#991b1b}.status-badge.past_due{background:#fef3c7;color:#92400e}.next-billing{color:#6b7280;font-size:.875rem;margin-top:.5rem}.usage-card{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px 0 #0000001a;max-width:400px;padding:1.5rem}.usage-card h2{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.usage-stats{display:flex;flex-direction:column;gap:1rem}.usage-item{align-items:center;background:#f9fafb;border-radius:10px;display:flex;justify-content:space-between;padding:1rem}.usage-label{color:#374151;font-weight:500}.usage-value{color:#111827;font-weight:600}.usage-bar{background:#f3f4f6;border-radius:4px;height:8px;margin-top:.5rem;overflow:hidden;width:100%}.usage-fill{background:linear-gradient(90deg,#ff2d55,#e6285a);border-radius:4px;height:100%;transition:width .3s ease}.plan-upgrade-section{background:#fff;border:1px solid #eef0f3;border-radius:16px;box-shadow:0 12px 24px #0f172a0f;margin-bottom:2rem;padding:2.25rem}.plan-upgrade-header{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.75rem}.plan-upgrade-header h2{color:#111827;font-size:1.5rem;font-weight:700}.plan-upgrade-header p{color:#6b7280;font-size:.95rem}.plan-upgrade-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.plan-option{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid #e5e7eb;border-radius:14px;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;padding:1.75rem 1.5rem;position:relative;transition:transform .18s ease,box-shadow .18s ease}.plan-option:after{background:linear-gradient(155deg,#ffffff38,#fff0 60%);content:"";inset:0;pointer-events:none;position:absolute}.plan-option:hover{box-shadow:0 18px 32px #0f172a1f;transform:translateY(-4px)}.plan-option.current{border:2px solid #2563eb;box-shadow:0 20px 36px #2563eb2e}.plan-option.current:before{background:#2563eb;color:#fff;content:"Current";font-size:.75rem;font-weight:600;padding:6px 40px;position:absolute;right:-36px;top:16px;transform:rotate(40deg)}.plan-option-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;position:relative;z-index:1}.plan-option-title{color:#111827;font-size:1.25rem;font-weight:700}.plan-option-description{color:#6b7280;font-size:.875rem;margin-top:.35rem;max-width:220px}.plan-option-price{color:#111827;font-size:1.5rem;font-weight:700;text-align:right}.plan-option-price span{color:#6b7280;display:block;font-size:.85rem;font-weight:500}.plan-option-features{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0;padding:0;position:relative;z-index:1}.plan-option-features li{align-items:center;color:#374151;display:flex;font-size:.875rem;gap:.5rem}.plan-option-features li:before{color:#2563eb;content:"✓";font-weight:700}.plan-option-action{align-items:center;border:none;border-radius:10px;cursor:pointer;display:inline-flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1rem;position:relative;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;z-index:1}.plan-option-action.upgrade{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 12px 20px #2563eb40;color:#fff}.plan-option-action.downgrade{background:#f3f4f6;border:1px solid #e5e7eb;color:#1f2937}.plan-option-action.current{background:#e5e7eb;color:#6b7280;cursor:not-allowed}.plan-option-action:hover:not(:disabled){box-shadow:0 16px 28px #0f172a2e;transform:translateY(-2px)}.plan-option-action:disabled{box-shadow:none;opacity:.7;transform:none}.billing-history{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px 0 #0000001a;grid-column:1/-1;padding:2rem}.billing-history h2{align-items:center;color:#111827;display:flex;font-size:1.25rem;font-weight:600;justify-content:space-between;margin-bottom:1.5rem}.btn-view-all{background:none;border:none;color:#000!important;cursor:pointer;font-size:.875rem;font-weight:500;text-decoration:underline;transition:color .15s ease}.btn-view-all:hover{color:#e6285a}.billing-table{border-collapse:collapse;width:100%}.billing-table th{background:#f9fafb;border-bottom:1px solid #f3f4f6;color:#6b7280;font-size:.875rem;font-weight:600;padding:12px 16px;text-align:left}.billing-table th:first-child{border-top-left-radius:8px}.billing-table th:last-child{border-top-right-radius:8px}.billing-table td{border-bottom:1px solid #f3f4f6;color:#374151;font-size:.875rem;padding:16px}.billing-table tr:hover{background:#fafafa}.billing-table tr:last-child td{border-bottom:none}.amount-cell{color:#111827;font-weight:600}.loading-spinner{border:2px solid #f3f4f6;border-top-color:#ff2d55;display:inline-block;height:20px;width:20px}.error-message{background:#fee2e2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;font-size:.875rem;padding:12px 16px}@media (max-width:1024px){.billing-content{gap:1.5rem;grid-template-columns:1fr}.billing-container{margin-left:150px!important;padding:1.5rem}.plan-upgrade-section{padding:1.75rem}}@media (max-width:768px){.billing-container{margin-left:0!important;padding:60px 1rem 1rem}.billing-history,.plan-card,.plan-upgrade-section,.usage-card{max-width:100%;padding:1.5rem}.billing-header h1{font-size:1.75rem}.plan-upgrade-grid{grid-template-columns:1fr}.billing-table{-webkit-overflow-scrolling:touch;display:block;font-size:.8125rem;overflow-x:auto}.billing-table td,.billing-table th{padding:12px 8px}}@media (max-width:480px){.billing-container{padding:.75rem}.billing-header h1{font-size:1.5rem}.billing-subtitle{font-size:.875rem}.billing-history,.plan-card,.plan-upgrade-section,.usage-card{padding:1rem}.plan-name{font-size:1.25rem}.plan-price{font-size:1.5rem}.plan-option{padding:1.25rem 1rem}.plan-option-title{font-size:1.125rem}.plan-option-price{font-size:1.25rem}.billing-table td,.billing-table th{font-size:.75rem;padding:10px 6px}}.support-container{background-color:#f9fafb;margin-left:150px!important;max-width:1200px;min-height:100vh;padding:24px}.support-container .support-actions{grid-gap:0;align-items:center;align-self:start;background:#fff;border:1px solid #e5e7eb;border-radius:9999px;display:grid;gap:0;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;width:360px}.support-container .btn-toggle{align-items:center;background:#0000;border:none;border-radius:9999px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;height:36px;justify-content:center;padding:10px 16px;transition:all .15s ease}.support-container .btn-toggle.active{background:#ef4444;color:#fff}.support-container .btn-toggle:hover:not(.active){background:#f3f4f6}.support-container .error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:14px;margin-bottom:16px;padding:12px 16px}.support-container .success-message{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534;font-size:14px;margin-bottom:16px;padding:12px 16px}.support-container .tickets-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.support-container .no-tickets{color:#6b7280;padding:40px 20px;text-align:center}.support-container .tickets-list{display:flex;flex-direction:column;gap:16px}.support-container .ticket-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.support-container .ticket-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.support-container .ticket-info h3{color:#111827;font-size:16px;font-weight:600;margin-bottom:8px}.support-container .ticket-meta{align-items:center;display:flex;gap:12px}.support-container .status-badge{border-radius:4px;color:#fff;padding:4px 8px}.support-container .priority-badge,.support-container .status-badge{font-size:11px;font-weight:600;text-transform:uppercase}.support-container .ticket-date{color:#6b7280;font-size:12px}.support-container .ticket-content p{color:#374151;line-height:1.5;margin-bottom:12px}.support-container .admin-response{background:#f3f4f6;border-left:4px solid #10b981;border-radius:4px;margin-top:12px;padding:12px 16px}.support-container .admin-response h4{color:#10b981;font-size:14px;font-weight:600;margin-bottom:8px}.support-container .admin-response p{color:#374151;margin-bottom:8px}.support-container .admin-response small{color:#6b7280;font-size:12px}.support-container .support-header{margin-bottom:2rem}.support-container .support-header h1{color:#111827;font-size:2rem;font-weight:700;margin-bottom:.5rem}.support-container .support-subtitle{color:#6b7280;font-size:1rem}.support-container .support-content{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:2fr 1fr;max-width:1200px}.support-container .error-message,.support-container .success-message,.support-container .support-actions,.support-container .support-form-card,.support-container .tickets-container{grid-column:1}.support-container .help-resources-card{grid-column:2;position:sticky;top:24px}.support-container .support-form-card{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px 0 #0000001a;padding:2rem}.support-container .support-form-card h2{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.support-container .support-form{display:flex;flex-direction:column;gap:1.5rem}.support-container .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.support-container .form-group{display:flex;flex-direction:column;gap:.5rem}.support-container .form-group label{color:#374151;font-size:.875rem;font-weight:500}.support-container .form-control{border:1px solid #e5e7eb;border-radius:10px;font-size:.875rem;padding:12px 14px;transition:border-color .15s ease,box-shadow .15s ease}.support-container .form-control:focus{border-color:#ff2d55;box-shadow:0 0 0 3px #ff2d551a;outline:none}.support-container .form-control.textarea{font-family:inherit;min-height:120px;resize:vertical}.support-container .priority-select{background-color:#fff;cursor:pointer}.support-container .form-actions{display:flex;justify-content:flex-end;margin-top:1rem}.support-container .btn-submit{background:#ff2d55;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:500;padding:12px 24px;transition:background-color .15s ease}.support-container .btn-submit:hover{background:#e6285a}.support-container .help-resources-card{background:#fff;border:1px solid #eef0f3;border-radius:14px;box-shadow:0 1px 3px 0 #0000001a;height:fit-content;padding:2rem}.support-container .help-resources-card h2{color:#111827;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.support-container .help-resources{display:flex;flex-direction:column;gap:1.5rem}.support-container .help-item{background:#fafafa;border:1px solid #f3f4f6;border-radius:10px;padding:1rem;transition:background-color .15s ease}.support-container .help-item:hover{background:#f5f5f5}.support-container .help-item h3{color:#111827;font-size:1rem;font-weight:600;margin-bottom:.5rem}.support-container .help-item p{color:#6b7280;font-size:.875rem;line-height:1.5;margin-bottom:.75rem}.support-container .btn-text{background:none;border:none;color:#ff2d55;cursor:pointer;font-size:.875rem;font-weight:500;padding:0;text-decoration:underline;transition:color .15s ease}.support-container .btn-text:hover{color:#e6285a}@media (max-width:1024px){.support-container .support-content{gap:1.5rem;grid-template-columns:1fr}.support-container{padding:1.5rem}.support-container .help-resources-card{position:static}}@media (max-width:768px){.support-container{max-width:100%!important;padding:60px 1rem 1rem;width:100%!important}.dashboard .support-container,.support-container{margin-left:0!important}.support-container .support-content{grid-template-columns:1fr}.support-container .support-actions{max-width:100%;width:100%}.support-container .help-resources-card{grid-column:1}.support-container .form-row{grid-template-columns:1fr}.support-container .help-resources-card,.support-container .support-form-card{padding:1.5rem}.support-container .support-header h1{font-size:1.5rem}}.support-container .form-message{border-radius:10px;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:12px 16px}.support-container .form-message.success{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.support-container .form-message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.support-container .form-control,.support-container input,.support-container select,.support-container textarea{color:#000}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.profile-tabs{border-bottom:1px solid #eef0f3;display:flex;gap:24px}.profile-tab{color:#6b7280;cursor:pointer;font-weight:600;padding:12px 0;position:relative}.profile-tab.active{color:#111827}.profile-tab.active:after{background:#ff2d55;border-radius:2px;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.profile-actions{display:flex;gap:8px}.btn-outline{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:8px 14px}.btn-primary{background:#ff2d55;border-radius:8px;padding:9px 16px}.profile-section-title{font-weight:700;margin:18px 0 6px}.profile-hint{color:#6b7280;font-size:12px;margin-bottom:16px}.two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-row{align-items:center;display:flex;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px}.avatar-upload{align-items:center;display:flex;gap:16px}.avatar-preview{background:#eee;border-radius:999px;height:56px;overflow:hidden;width:56px}.upload-box{border:1px dashed #e5e7eb;border-radius:12px;color:#6b7280;flex:1 1;padding:18px;text-align:center}.upload-box.upload-trigger{appearance:none;-webkit-appearance:none;background:#fff;border-color:#e5e7eb;cursor:pointer;transition:background .15s ease,border-color .15s ease,box-shadow .15s ease}.upload-box.upload-trigger:hover{background:#fafafa;border-color:#d1d5db}.upload-box.upload-trigger:focus{border-color:#ff2d55;box-shadow:0 0 0 3px #ff2d5526;outline:none}.upload-box.upload-trigger:disabled{cursor:not-allowed;opacity:.6}.upload-hint{color:#9ca3af;font-size:12px}.card{background:#fff;border:1px solid #eef0f3;border-radius:14px;padding:18px}.alert{border-radius:10px;padding:10px 12px}.alert.error{background:#fee2e2;color:#991b1b}.alert.success{background:#dcfce7;color:#166534}.form-control,input,select,textarea{color:#000}.profile-container{background-color:#f9fafb;margin-left:150px!important;min-height:100vh;padding:24px}@media (max-width:768px){.profile-container{padding:60px 12px 12px;width:100%!important}.dashboard .profile-container,.profile-container{margin-left:0!important}.profile-tabs{-webkit-overflow-scrolling:touch;gap:16px;overflow-x:auto}.profile-tab{white-space:nowrap}.profile-actions{flex-direction:column;width:100%}.profile-actions .btn-outline,.profile-actions .btn-primary{width:100%}.two-col{grid-template-columns:1fr}.avatar-upload,.form-row{flex-direction:column}.avatar-upload{align-items:stretch}.card{padding:14px}}@media (max-width:480px){.profile-header{align-items:stretch;flex-direction:column;gap:12px}.profile-tabs{gap:12px}.profile-tab{font-size:.875rem;padding:10px 0}.form-group input,.form-group select,.form-group textarea{font-size:14px;padding:8px 10px}}.connections-intro{color:var(--text-color);margin-bottom:8px}.connections-note{color:#6b7280;font-size:13px;margin-top:18px}.connections-status-banner{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:13px;margin-top:8px;padding:10px 12px}.connections-status-banner.success{background:#ecfdf3;border-color:#bbf7d0;color:#166534;font-weight:500}.connections-page .create-post-grid{grid-template-areas:"center";grid-template-columns:1fr;max-width:820px}.connections-page .cp-center{grid-area:center}.connections-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}@media (max-width:768px){.connections-page .main-content{margin-left:0!important;padding-left:0!important;width:100%!important}.connections-page .main-content>div:first-child{padding-top:60px}}.connection-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 4px 10px #0f172a0f;display:flex;font-weight:600;gap:16px;justify-content:space-between;padding:14px 16px;text-align:left;transition:box-shadow .18s ease;width:100%}.connection-btn:hover{box-shadow:0 6px 16px #0f172a1a}.connection-btn:focus-visible{box-shadow:0 0 0 3px #3b82f659;outline:none}.connection-btn-icon{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.connection-btn-icon img{height:26px;object-fit:contain;width:26px}.connection-btn-info{display:flex;flex-direction:column;gap:4px;min-width:0}.connection-btn-status{color:#6b7280;font-size:12px}.connection-btn-meta{align-items:flex-end;display:flex;flex-direction:column;gap:6px}.connection-status-pill{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:999px;color:#374151;display:inline-flex;font-size:11px;gap:6px;padding:4px 8px}.connection-status-dot{background:#9ca3af;border-radius:999px;height:8px;width:8px}.connection-status-pill.connected{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.connection-status-pill.connected .connection-status-dot{background:#22c55e}.connection-status-pill.disconnected{background:#f3f4f6;border-color:#e5e7eb}.connection-status-pill.publish-ready{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.connection-status-pill.publish-pending{background:#fff7ed;border-color:#fed7aa;color:#9a3412}.connection-btn-label{font-size:16px;line-height:1.2}.connection-btn-sub{font-size:13px;line-height:1.35;opacity:.92}.connection-connect-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .18s ease}.connection-connect-btn:hover{background:#f9fafb;border-color:#d1d5db}.connection-btn.yt{border-left:4px solid #dc2626}.connection-btn.meta{border-left:4px solid #db2777}.connection-btn.tiktok{border-left:4px solid #111827}.connection-btn.linkedin{border-left:4px solid #2563eb}.connection-btn.snap{border-left:4px solid #f59e0b}.community-page{flex:1 1;margin-left:120px!important;min-width:0;padding:24px}.community-page .page-header{margin-bottom:16px;padding:12px 0;text-align:center}.community-page .page-header h1{font-size:22px;margin:0 0 8px}.community-page .subtitle{font-size:14px;line-height:1.4;margin:0 auto;max-width:500px}.composer{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:20px;padding:16px}.composer-top{display:flex;gap:12px}.avatar{border-radius:9999px;height:40px;object-fit:cover;width:40px}.avatar.sm{height:28px;width:28px}.composer-top textarea{border:1px solid #e5e7eb;border-radius:10px;flex:1 1;font-size:14px;min-height:72px;padding:10px;resize:vertical}.composer-media{margin-top:12px}.attachment-preview{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:12px}.attachment-preview .attachment{border-radius:8px}.attachment-preview .attachment img,.attachment-preview .attachment video{display:block;height:120px;object-fit:cover;width:100%}.composer-actions{display:flex;justify-content:flex-end;margin-top:12px}.btn{border-radius:8px;padding:8px 12px}.btn:hover{filter:brightness(.98)}.feed{display:flex;flex-direction:column;gap:16px}.post{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.post-header .meta .time{color:#6b7280;font-size:12px}.post-content{line-height:1.6;margin:12px 0;white-space:pre-wrap}.post-media-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));margin:8px 0 12px}.post-media-grid .media-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden}.post-media-grid img,.post-media-grid video{display:block;height:180px;width:100%}.reaction-bar{border-bottom:1px solid #f3f4f6;border-top:1px solid #f3f4f6;padding:8px 0}.reaction-btn{align-items:center;background:#f9fafb;cursor:pointer;display:inline-flex;font-size:13px;gap:6px;padding:6px 10px}.reaction-btn.active{background:#2563eb;border-color:#2563eb;color:#fff}.reaction-btn .emoji{font-size:14px}.reaction-btn .count{font-weight:700}.comment-composer{display:flex;gap:8px}.comment-composer input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;padding:8px 10px}.comments{flex-direction:column;margin-top:10px}.comment,.comments{display:flex;gap:10px}.comment-body{flex:1 1}.comment-text{font-size:14px;margin:4px 0 6px}.reply-composer{display:flex;gap:8px;margin-top:6px}.reply-composer input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;padding:8px 10px}.replies{display:flex;flex-direction:column;gap:8px;margin-left:38px;margin-top:6px}.reply{display:flex;gap:10px}.reply-body{flex:1 1}.community-page{background:#f0f2f5;min-height:100vh}.community-page .composer,.community-page .feed,.community-page .page-header{margin-left:auto;margin-right:auto;max-width:740px}.community-content{align-items:flex-start;display:flex;gap:24px;margin-left:auto;margin-right:auto;max-width:1240px}.community-main{flex:1 1;min-width:0}.community-content .community-main .composer,.community-content .community-main .feed,.community-content .community-main .feed-more{margin-left:0;margin-right:0;max-width:none}.community-sidebar{display:flex;flex-direction:column;flex-shrink:0;gap:16px;position:sticky;top:92px;width:360px}.sidebar-card{background:linear-gradient(180deg,#fff,#f9fafb);border:1px solid #0f172a0a;border-radius:18px;box-shadow:0 18px 36px #0f172a14;overflow:hidden;padding:22px;position:relative}.sidebar-card:before{background:radial-gradient(circle,#4f46e529 0,#4f46e500 70%);content:"";height:260px;inset:-120px 40% auto -50px;position:absolute;width:260px;z-index:0}.sidebar-card>*{position:relative;z-index:1}.sidebar-card h3{color:#111827;font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0}.sidebar-subtitle{color:#6b7280;font-size:13px;letter-spacing:.02em;margin-bottom:20px;margin-top:6px}.hashtag-group+.hashtag-group{border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.hashtag-platform{align-items:flex-start;display:flex;gap:12px}.platform-indicator{border-radius:999px;flex-shrink:0;height:32px;margin-top:2px;width:8px}.platform-info{flex:1 1;min-width:0}.platform-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:4px}.platform-name{color:#111827;font-size:14px;font-weight:600;gap:8px}.platform-name,.platform-name-icon{align-items:center;display:inline-flex}.platform-name-icon{background:#fff9;border:1px solid #11182714;border-radius:8px;box-shadow:0 4px 10px #0f172a1a;height:24px;justify-content:center;overflow:hidden;width:24px}.platform-name-icon img{display:block;height:18px;object-fit:contain;width:18px}.platform-name-text{line-height:1.1}.platform-updated{color:#9ca3af;font-size:12px;font-weight:500}.platform-description{color:#6b7280;font-size:12px;line-height:1.4;margin-top:2px}.hashtag-highlight{grid-gap:6px;border:1px solid #0000;border-radius:14px;display:grid;gap:6px;margin-bottom:14px;margin-top:16px;padding:12px 16px;transition:transform .2s ease}.hashtag-highlight:hover{transform:translateY(-1px)}.highlight-tag{color:#111827;font-size:13px;font-weight:700;letter-spacing:.02em}.highlight-note{color:#374151;font-size:12px}.hashtag-items{grid-gap:10px;display:grid;gap:10px}.hashtag-item{align-items:center;background:#f9fafbb3;border-radius:12px;display:flex;gap:14px;justify-content:space-between;padding:10px 14px;transition:background .2s ease,transform .2s ease}.hashtag-item:hover{background:#f3f4f6e6;transform:translateX(2px)}.hashtag-item-left{align-items:center;display:flex;gap:12px;min-width:0}.tag-index{align-items:center;background-clip:padding-box;border:1px solid #0000;border-radius:14px;display:inline-flex;height:40px;justify-content:center;overflow:hidden;padding:4px;width:40px}.tag-index img{display:block;height:24px;object-fit:contain;width:24px}.tag-index-fallback{font-size:16px;font-weight:700;line-height:1}.tag-label{color:#111827;font-size:13px;font-weight:600;white-space:nowrap}.tag-metrics{align-items:center;display:flex;font-size:12px;gap:12px}.tag-volume{color:#4b5563;font-weight:500}.tag-delta{font-weight:600;letter-spacing:.04em}.tag-delta.delta-up{color:#059669}.tag-delta.delta-down{color:#dc2626}.tag-delta.delta-neutral{color:#6b7280}@media (max-width:1100px){.community-sidebar{position:static;width:300px}}@media (max-width:1024px){.community-content,.community-sidebar{flex-direction:column}.community-sidebar{width:100%}.sidebar-card{position:relative}}@media (max-width:768px){.community-page{padding:60px 12px 16px!important;width:100%!important}.community-page,.dashboard.community-page{margin-left:0!important}.community-page .page-header{padding-top:0}.community-page .page-header h1{font-size:20px}.community-content{flex-direction:column;gap:16px}.community-sidebar{order:-1;width:100%}.sidebar-card{padding:16px}.hashtag-item{flex-wrap:wrap;gap:10px}.tag-metrics{justify-content:space-between;width:100%}.composer,.post{padding:12px}.post-media-grid img,.post-media-grid video{height:200px}}.composer,.post{border:none;box-shadow:0 1px 2px #0000000f,0 2px 8px #0000000f}.post:hover{box-shadow:0 2px 4px #00000014,0 6px 16px #00000014}.community-page .page-header h1{color:#111827;font-size:24px;font-weight:700;letter-spacing:-.025em;margin-bottom:10px}.community-page .subtitle{color:#6b7280;font-size:15px;font-weight:400;line-height:1.5}.composer-top textarea{background:#f9fafb;border-color:#e5e7eb;border-radius:20px;line-height:1.5;padding:12px 14px}.composer-top textarea::placeholder{color:#9ca3af}.composer-media{border-top:1px solid #f3f4f6;padding-top:10px}.composer-actions{border-top:1px solid #f3f4f6;padding-top:12px}.btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 14px;transition:background .12s ease,box-shadow .12s ease}.btn.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn.primary:hover{background:#dc2626;box-shadow:0 2px 6px #ef444440}.post-header .meta .author{color:#111827;font-weight:700}.post-header .meta .time{color:#9ca3af}.post-content{color:#111827;font-size:15px}.post-media-grid{gap:6px}.post-media-grid .media-item{background:#000}.post-media-grid img,.post-media-grid video{height:280px;object-fit:cover}.reaction-bar{align-items:center;border-color:#eef2f7;display:flex;gap:8px;justify-content:space-between;margin:8px 0;padding:6px 0}.reaction-btn{background:#f8fafc;border:1px solid #e5e7eb;border-radius:9999px;color:#374151;padding:8px 12px}.reaction-btn:hover{background:#eef2f7}.reaction-btn.active{background:#e8f0fe;border-color:#cfe0ff;color:#1877f2}.reaction-btn .count{color:inherit;font-weight:600}.comment-composer input,.reply-composer input{background:#f9fafb;border-color:#e5e7eb;border-radius:18px;font-size:14px;padding:10px 12px}.comment{padding-top:4px}.comment-actions .link{color:#1877f2}.replies{border-left:2px solid #eef2f7;margin-left:34px;padding-left:12px}.feed{gap:12px}.post-header{align-items:center;display:flex;gap:12px;margin-bottom:8px}.post-actions{display:flex;gap:4px;margin-left:auto}.action-btn{background:#0000;border:none;border-radius:6px;cursor:pointer;font-size:14px;padding:6px 8px;transition:background-color .2s ease}.action-btn:hover{background:#f3f4f6}.action-btn.delete:hover{background:#fee2e2}.action-btn-small{background:#0000;border:none;border-radius:4px;cursor:pointer;font-size:12px;margin-left:8px;padding:2px 4px;transition:background-color .2s ease}.action-btn-small:hover{background:#f3f4f6}.action-btn-small.delete:hover{background:#fee2e2}.comment-actions-inline{display:inline-flex;gap:2px;margin-left:8px}.comment-edit,.post-edit{margin:8px 0}.edit-textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;min-height:80px;padding:12px}.edit-textarea,.edit-textarea-small{background:#f9fafb;font-family:inherit;resize:vertical;width:100%}.edit-textarea-small{border:1px solid #e5e7eb;border-radius:6px;font-size:13px;min-height:60px;padding:8px}.edit-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:8px}.btn-small{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 10px;transition:all .2s ease}.btn-small.primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn-small:hover{filter:brightness(.98)}.comment-meta{align-items:center;color:#6b7280;display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.text-link{color:#1877f2;font-weight:500;text-decoration:none;transition:color .2s ease;word-break:break-all}.text-link:hover{color:#166fe5;text-decoration:underline}.text-link:visited{color:#8b5cf6}.comment-text,.post-content{word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}.link-preview{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-top:8px;overflow:hidden}.link-preview-image{background:#f3f4f6;height:200px;object-fit:cover;width:100%}.link-preview-content{padding:12px}.link-preview-title{color:#111827;font-size:14px;font-weight:600;margin-bottom:4px}.link-preview-description{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:6px}.link-preview-url{color:#9ca3af;font-size:12px;font-weight:500;text-transform:uppercase}.attachment-preview .attachment{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.attachment-preview .attachment:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.attachment-content{position:relative}.attachment-content img,.attachment-content video{display:block;height:120px;object-fit:cover;width:100%}.attachment-info{align-items:center;background:#fff;border-top:1px solid #f3f4f6;display:flex;gap:8px;justify-content:space-between;padding:8px 12px}.attachment-name{color:#6b7280;flex:1 1;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-remove{align-items:center;background:#fee2e2;border:none;border-radius:50%;color:#dc2626;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:20px;justify-content:center;line-height:1;transition:all .2s ease;width:20px}.attachment-remove:hover{background:#fecaca;transform:scale(1.1)}.attachment-remove:active{transform:scale(.95)}.attachment.loading{opacity:.9}.attachment-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0}.loading-spinner{height:24px;width:24px}.loading-spinner,.loading-spinner-small{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6}.loading-spinner-small{height:16px;width:16px}.pending-uploads-indicator{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;color:#0369a1;display:flex;font-size:13px;gap:8px;margin-top:8px;padding:8px 12px}.loading-text{color:#6b7280;font-style:italic}.error-text{color:#dc2626;font-style:italic;font-weight:500}.attachment-remove:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.attachment-remove:disabled:hover{background:#fee2e2;transform:none!important}@media (max-width:640px){.attachment-preview{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.attachment-content img,.attachment-content video{height:100px}.attachment-info{padding:6px 8px}.attachment-name{font-size:11px}.attachment-remove{font-size:12px;height:18px;width:18px}}.app-container .main-content .intercom-container{margin-left:0}.app-container .main-content .intercom-container,.intercom-container{background:#f8f9fa;display:flex;flex-direction:column;height:calc(100vh - 80px);max-width:1400px;padding:2rem}.intercom-container{margin-left:150px}.intercom-header{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:1.5rem;padding:1.5rem}.intercom-header h1{color:#2c3e50;font-size:1.75rem;font-weight:600;margin:0 0 .5rem}.intercom-header p{color:#7f8c8d;font-size:.95rem;margin:0}.intercom-content{gap:1.5rem}.intercom-content,.intercom-main{display:flex;flex:1 1;overflow:hidden}.intercom-main{flex-direction:column}.intercom-main,.intercom-sidebar{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.intercom-sidebar{overflow-y:auto;padding:1.5rem;width:300px}.quick-actions{margin-bottom:2rem}.quick-actions h3{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 1rem}.quick-action-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:.5rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.quick-action-btn:hover{background:#e9ecef;border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-1px)}.quick-action-btn svg{font-size:1.1rem}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:1rem;overflow-y:auto;padding:1.5rem}.message{animation:fadeIn .3s ease;display:flex;gap:.75rem;max-width:80%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.assistant{align-self:flex-start}.message.system{align-self:center;max-width:90%}.message-avatar{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:36px;justify-content:center;width:36px}.message.user .message-avatar{background:var(--primary-color);color:#fff}.message.assistant .message-avatar{background:#6c63ff;color:#fff}.message.system .message-avatar{background:#95a5a6;color:#fff}.message-content{word-wrap:break-word;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;line-height:1.5;padding:.875rem 1.125rem}.message.user .message-content{background:var(--primary-color);color:#fff}.message.assistant .message-content{background:#f8f9fa;border:1px solid #e9ecef;color:#2c3e50}.message.system .message-content{background:#e8f4f8;border:1px solid #b8dce8;color:#2c3e50;font-size:.9rem;text-align:center}.message-content p{margin:0 0 .5rem}.message-content p:last-child{margin-bottom:0}.message-content code{background:#0000000d;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;padding:.2rem .4rem}.message.user .message-content code{background:#fff3}.uploaded-files{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.uploaded-file{align-items:center;background:#0000000d;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.message.user .uploaded-file{background:#fff3}.input-container{background:#fff;border-top:1px solid #e9ecef;padding:1.5rem}.uploaded-files-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.file-preview{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;display:flex;font-size:.85rem;gap:.5rem;padding:.5rem .75rem}.file-preview button{align-items:center;background:none;border:none;color:#dc3545;cursor:pointer;display:flex;font-size:1rem;padding:0}.input-wrapper{align-items:flex-end;display:flex;gap:.75rem}.input-field{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.input-field textarea{border:2px solid #e9ecef;border-radius:8px;font-family:inherit;font-size:.95rem;max-height:150px;min-height:60px;padding:.875rem;resize:none;transition:border-color .2s ease;width:100%}.input-field textarea:focus{border-color:var(--primary-color);outline:none}.input-actions{display:flex;gap:.5rem}.icon-btn{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;color:#495057;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:all .2s ease}.icon-btn:hover:not(:disabled){background:#e9ecef;border-color:var(--primary-color);color:var(--primary-color)}.icon-btn:disabled{cursor:not-allowed;opacity:.5}.icon-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.icon-btn.listening{animation:pulse 1.5s infinite;background:#dc3545;border-color:#dc3545;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.send-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.send-btn:hover:not(:disabled){background:#e85a7a;box-shadow:0 4px 12px #fa6b824d;transform:translateY(-1px)}.send-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.loading-indicator{align-items:center;align-self:flex-start;background:#f8f9fa;border-radius:8px;display:flex;gap:.5rem;max-width:80%;padding:.75rem 1rem}.loading-dots{display:flex;gap:.25rem}.loading-dots span{animation:bounce 1.4s ease-in-out infinite both;background:var(--primary-color);border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.error-message{align-items:center;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem}.voice-controls{border-top:1px solid #e9ecef;margin-top:1.5rem;padding-top:1.5rem}.voice-controls h3{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 1rem}.voice-toggle{align-items:center;background:#f8f9fa;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem;transition:background .2s ease}.voice-toggle:hover{background:#e9ecef}.voice-toggle-label{align-items:center;color:#495057;display:flex;font-size:.9rem;gap:.5rem}.toggle-switch{background:#dee2e6;border-radius:12px;height:24px;position:relative;transition:background .3s ease;width:44px}.toggle-switch.active{background:var(--primary-color)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.toggle-switch.active:after{transform:translateX(20px)}@media (max-width:1024px){.intercom-container{margin-left:80px}.intercom-sidebar{width:250px}}@media (max-width:768px){.intercom-container{margin-left:0;padding:1rem}.intercom-content{flex-direction:column}.intercom-sidebar{max-height:200px;width:100%}.message{max-width:90%}}.app-loading{align-items:center;background-color:#f8f9fa;display:flex;height:100vh;justify-content:center;width:100vw}.app-loading .spinner{border:4px solid #0000001a;border-radius:50%;border-top-color:#4f46e5;height:40px;width:40px}*,body,html{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar,body::-webkit-scrollbar,html::-webkit-scrollbar{height:0;width:0}.app-loading .spinner{animation:spin 1s ease-in-out infinite}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--breakpoint-xs:480px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}*{box-sizing:border-box}body{overflow-x:hidden}img{height:auto;max-width:100%}@media (max-width:768px){table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}h1{font-size:1.75rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}@media (max-width:480px){h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}@media (max-width:768px){.main-content{padding:1rem}.container{padding-left:1rem;padding-right:1rem}}@media (max-width:480px){.main-content{padding:.75rem}.container{padding-left:.75rem;padding-right:.75rem}}@media (max-width:768px){.btn,button{font-size:.875rem;padding:.75rem 1rem}.btn-group{flex-direction:column;width:100%}.btn-group .btn{width:100%}input,select,textarea{font-size:16px}.form-row{flex-direction:column}.form-group{width:100%}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width:768px){.show-mobile{display:block!important}.nav-menu{flex-direction:column}.nav-item{width:100%}a,button,input[type=button],input[type=submit]{min-height:44px;min-width:44px}}body,html{max-width:100vw;overflow-x:hidden}@media (max-width:768px){.modal{margin:1rem;max-width:95%;width:95%}.modal-content{padding:1rem}.card{margin-bottom:1rem}}html{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.content-management .page-title{font-size:1.5rem;font-weight:700}.content-management .page-header .btn{width:auto}.content-management .page-header .btn,.content-management>.flex .btn{align-items:center;border-radius:.375rem;display:inline-flex;font-size:.875rem;gap:.5rem;line-height:1rem;min-width:0;padding:.5rem .875rem}.content-management>.flex .btn{align-self:flex-start;max-width:max-content;width:auto!important}@media (max-width:768px){.content-management .page-header .btn,.content-management>.flex .btn{width:100%}}.content-management .card{background:#fff;border-radius:.5rem;box-shadow:0 1px 2px #1018280d,0 1px 1px #1018280f}.content-management .card .btn,.content-management form .btn{align-items:center;align-self:flex-start;border-radius:.375rem;display:inline-flex;font-size:.875rem;gap:.5rem;line-height:1rem;max-width:max-content;min-width:0;padding:.5rem .875rem;width:auto!important}@media (max-width:768px){.content-management .card .btn,.content-management form .btn{width:100%}}.content-management .form-input,.content-management .form-select,.content-management .form-textarea{border:1px solid #e5e7eb;border-radius:.375rem;color:#111827;padding:.5rem .75rem;width:100%}.content-management .form-input:focus,.content-management .form-select:focus,.content-management .form-textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb33;outline:none}.content-management table{border-collapse:collapse;width:100%}.content-management thead tr{background:#f9fafb;color:#4b5563}.content-management td,.content-management th{padding:.75rem 1rem;text-align:left}.content-management tbody tr{border-top:1px solid #f3f4f6}.content-management .status-badge{background:#f3f4f6;color:#111827;font-size:.75rem;padding:.25rem .5rem}.content-management .btn,.content-management .status-badge{align-items:center;border-radius:.375rem;display:inline-flex}.content-management .btn{border:1px solid #0000;font-weight:500;justify-content:center;padding:.5rem .75rem;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.content-management .btn-primary{background:#2563eb;color:#fff}.content-management .btn-primary:hover{background:#1d4ed8}.content-management .btn-danger{background:#dc2626;color:#fff}.content-management .btn-danger:hover{background:#b91c1c}.content-management .btn-warning{background:#f59e0b;color:#fff}.content-management .btn-warning:hover{background:#d97706}.content-management .btn-outline{background:#fff;border-color:#e5e7eb;color:#111827}.content-management .btn-outline:hover{background:#f9fafb}.content-management .pagination{align-items:center;display:flex;justify-content:space-between;margin-top:1rem}.content-management .modal-overlay{align-items:center;background:#0000004d;display:flex;inset:0;justify-content:center;position:fixed;z-index:50}.content-management .modal{background:#fff;border-radius:.5rem;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;max-width:36rem;padding:1.5rem;width:100%}.content-management .modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.content-management .filters .form-group{display:flex;gap:.5rem}.content-management .filters .form-group>*{min-width:0}.admin-profile h1{color:#111827;letter-spacing:-.01em}.admin-profile .card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 2px 6px #0000000a;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.admin-profile .card:hover{border-color:#d1d5db;box-shadow:0 10px 24px #00000014;transform:translateY(-2px)}.admin-profile .card-header{align-items:center;background:#f9fafb;border-bottom:1px solid #eef0f3;border-radius:.5rem .5rem 0 0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.admin-profile .card-title{color:#111827;font-size:1.125rem;font-weight:600}.admin-profile .card-body{padding:1.5rem}.admin-profile .profile-picture-section{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;gap:2rem;margin-bottom:2rem;padding:1.5rem}.admin-profile .current-avatar{border:4px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0000001a;height:120px;overflow:hidden;position:relative;width:120px}.admin-profile .avatar-image{background-color:#f3f4f6;height:100%;object-fit:cover;width:100%}.admin-profile .avatar-overlay{align-items:center;background:#000000b3;bottom:0;color:#fff;display:flex;font-size:.875rem;font-weight:500;justify-content:center;left:0;position:absolute;right:0;top:0}.admin-profile .upload-spinner{align-items:center;display:flex;gap:.5rem}.admin-profile .upload-spinner:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.admin-profile .avatar-controls{display:flex;flex:1 1;flex-direction:column;gap:1rem}.admin-profile .avatar-controls .btn{align-self:flex-start;min-width:160px}.admin-profile .avatar-info{color:#6b7280;font-size:.875rem}.admin-profile .avatar-info small{display:block;margin-top:.25rem}.admin-profile .form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.admin-profile .form-grid.password-grid{grid-template-columns:1fr;max-width:400px}.admin-profile .form-group{display:flex;flex-direction:column}.admin-profile .form-group.full-width{grid-column:1/-1}.admin-profile .form-group label{color:#374151;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.admin-profile .form-group input,.admin-profile .form-group select,.admin-profile .form-group textarea{background:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease}.admin-profile .form-group input:focus,.admin-profile .form-group select:focus,.admin-profile .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.admin-profile .form-group input::placeholder,.admin-profile .form-group textarea::placeholder{color:#9ca3af}.admin-profile .form-group textarea{min-height:100px;resize:vertical}.admin-profile .form-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;margin-top:1.5rem;padding-top:1rem}.admin-profile .btn{align-items:center;border:1px solid #0000;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.admin-profile .btn-primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.admin-profile .btn-primary:hover:not(:disabled){background:#2563eb;border-color:#2563eb}.admin-profile .btn-primary:disabled{background:#9ca3af;border-color:#9ca3af;cursor:not-allowed;opacity:.6}.admin-profile .btn-secondary{background:#fff;border-color:#d1d5db;color:#374151}.admin-profile .btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.admin-profile .btn-outline{background:#0000;border-color:#3b82f6;color:#3b82f6}.admin-profile .btn-outline:hover{background:#3b82f6;color:#fff}.admin-profile .btn-danger{background:#ef4444;border-color:#ef4444;color:#fff}.admin-profile .btn-danger:hover{background:#dc2626;border-color:#dc2626}.admin-profile .alert{border-radius:.5rem;font-size:.875rem;font-weight:500;padding:1rem}.admin-profile .alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.admin-profile .alert-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.admin-profile .settings-list{display:flex;flex-direction:column;gap:1rem}.admin-profile .setting-item{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;justify-content:space-between;padding:1rem;transition:background .2s ease}.admin-profile .setting-item:hover{background:#f3f4f6}.admin-profile .setting-item.danger{background:#fef2f2;border-color:#fecaca}.admin-profile .setting-item.danger:hover{background:#fee2e2}.admin-profile .setting-info{flex:1 1}.admin-profile .setting-label{color:#111827;font-weight:600;margin-bottom:.25rem}.admin-profile .setting-description{color:#6b7280;font-size:.875rem}.admin-profile .loading-state{align-items:center;display:flex;justify-content:center;min-height:200px}.admin-profile .loading-state .text-center{color:#6b7280;font-size:.875rem}@media (max-width:1024px){.admin-profile{margin-left:1rem}}@media (max-width:768px){.admin-profile .profile-picture-section{flex-direction:column;gap:1.5rem;text-align:center}.admin-profile .current-avatar{height:100px;width:100px}.admin-profile .avatar-controls{align-items:center}.admin-profile .avatar-controls .btn{max-width:200px;width:100%}.admin-profile .form-grid{grid-template-columns:1fr}.admin-profile .form-actions{flex-direction:column}.admin-profile .btn{width:100%}.admin-profile .setting-item{align-items:flex-start;flex-direction:column;gap:1rem}.admin-profile .setting-item .btn{width:100%}}@media (max-width:640px){.admin-profile .card-body,.admin-profile .card-header{padding:1rem}.admin-profile .form-grid{gap:1rem}}.billing h1{color:#111827;letter-spacing:-.01em}.billing .card{background:#fff;border:1px solid #e5e7eb;border-radius:.5rem;box-shadow:0 2px 6px #0000000a;transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.billing .card:hover{border-color:#d1d5db;box-shadow:0 10px 24px #00000014;transform:translateY(-2px)}.billing .cards-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}@media (min-width:640px){.billing .cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.billing .cards-list{grid-template-columns:repeat(4,minmax(0,1fr))}}.billing .card .text-sm{color:#6b7280;font-size:.875rem;margin-bottom:.5rem}.billing .card .text-2xl{color:#111827;font-size:1.5rem;font-weight:600}.billing table{border-collapse:initial;border-spacing:0;width:100%}.billing table thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#4b5563;font-size:.875rem;font-weight:600;padding:.75rem .5rem;text-align:left}.billing table tbody tr{background:#fff;transition:background-color .15s ease}.billing table tbody tr:nth-child(odd){background:#fcfcfd}.billing table tbody tr:hover{background:#f5f7fb}.billing table tbody tr.border-t{border-top:1px solid #e5e7eb}.billing table td{border-bottom:1px solid #eef0f3;color:#374151;font-size:.875rem;padding:.75rem .5rem}.billing .badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;line-height:1;padding:.25rem .75rem}.billing .badge.status-paid{background:#ecfdf5;color:#065f46}.billing .badge.status-pending{background:#fff7ed;color:#9a3412}.billing .badge.status-overdue{background:#fef2f2;color:#991b1b}.billing .badge.status-draft{background:#f3f4f6;color:#374151}.billing .badge.status-cancelled{background:#f1f5f9;color:#475569}.billing .bg-red-50{background:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#991b1b;font-size:.875rem;padding:.75rem}.billing .empty-state,.billing .loading-indicator{color:#6b7280;font-style:italic}.billing .empty-state{padding:2rem;text-align:center}@media (max-width:1024px){.billing{margin-left:1rem}.billing .cards-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.billing .cards-list{grid-template-columns:1fr}.billing .card{overflow-x:auto}.billing table{min-width:600px}.billing table td,.billing table th{font-size:.8rem;padding:.5rem .25rem}}@media (max-width:640px){.billing .text-2xl{font-size:1.25rem}.billing .badge{font-size:.7rem;padding:.2rem .5rem}}.teams-page{background:#fff;background:var(--color-1,#fff);display:flex;min-height:100vh}.teams-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:2rem 0 1.5rem}.teams-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.teams-subtitle{color:#0009;margin:0}.team-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;padding:1.5rem 0 4rem}.team-list{background:#fff;border:1px solid #00000014;border-radius:1rem;box-shadow:0 12px 24px #0000000a;display:flex;flex-direction:column;overflow:hidden}.team-list-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.team-list-header h3{font-size:1.1rem;font-weight:600}.team-count{color:#00000080;font-size:.85rem;font-weight:600}.team-list-body{display:flex;flex-direction:column;gap:.5rem;padding:.75rem}.team-list-item{background:#0000;border:none;border-radius:.75rem;cursor:pointer;padding:.85rem 1rem;text-align:left;transition:background .2s ease,transform .2s ease}.team-list-item:hover{background:#fa6b8214;transform:translateY(-1px)}.team-list-item.active{background:#fa6b821f;box-shadow:inset 0 0 0 1px #fa6b8240}.team-list-item-title{font-weight:600;margin-bottom:.25rem}.team-list-item-meta{color:#0009;display:flex;font-size:.85rem;gap:.5rem}.team-list-empty{padding:1.5rem;text-align:center}.team-list-empty p{color:#0009;margin-bottom:1rem}.team-main{min-height:520px}.team-details{display:flex;flex-direction:column;gap:2rem}.team-details-empty{border:1px dashed #0003;border-radius:1rem;color:#0009;padding:3rem;text-align:center}.team-summary{background:#fff;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 16px 30px #0000000d;padding:1.75rem}.team-summary h2{margin-bottom:.75rem}.team-summary-meta{grid-row-gap:.5rem;grid-column-gap:1rem;column-gap:1rem;display:grid;font-size:.95rem;grid-template-columns:120px 1fr;margin-top:1.25rem;row-gap:.5rem}.team-summary-label{color:#0000008c;font-weight:600}.team-section{background:#fff;border:1px solid #0000000d;border-radius:1rem;box-shadow:0 16px 30px #0000000d;padding:1.75rem}.team-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.team-section-header h3{font-size:1.1rem;font-weight:600;margin:0}.team-empty-state{color:#0009;padding:1.5rem;text-align:center}.members-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.members-list li{background:#00000005;border-radius:.75rem;padding:.75rem 1rem}.member-info{align-items:center;display:flex;gap:1rem;justify-content:space-between}.member-details{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.member-actions{align-items:center;display:flex;gap:.75rem}.member-name{font-weight:600}.member-role{background:#fa6b821f;border-radius:999px;color:#fa6b82e6;font-size:.85rem;font-weight:500;padding:.15rem .6rem;text-transform:capitalize;width:fit-content}.member-role.manager{background:#4c6ef51f;color:#4c6ef5e6}.member-role.admin{background:#8a2be21f;color:#8a2be2e6}.member-role.owner{background:#ffa50026;color:#ff8c00f2}.member-role-selector{background:#fff;border:1px solid #0000001f;border-radius:999px;cursor:pointer;font-size:.85rem;font-weight:500;padding:.35rem .75rem;text-transform:capitalize;transition:all .2s ease}.member-role-selector:hover{background:#fa6b820d;border-color:#fa6b8280}.member-role-selector:focus{border-color:#fa6b82b3;box-shadow:0 0 0 3px #fa6b821a;outline:none}.member-email{color:#0000008c;font-size:.85rem}.btn-remove-member{align-items:center;background:#0000;border:1px solid #ef44444d;border-radius:50%;color:#ef4444cc;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:32px;justify-content:center;line-height:1;padding:0;transition:all .2s ease;width:32px}.btn-remove-member:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444;transform:scale(1.1)}.btn-remove-member:active{transform:scale(.95)}.task-list{display:flex;flex-direction:column;gap:1.25rem}.task-card{background:#fff;border:1px solid #0000000f;border-radius:1rem;box-shadow:0 10px 24px #0000000f;padding:1.5rem}.task-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.task-card-header h4{margin:0 0 .25rem}.task-card-meta{color:#0009;display:flex;font-size:.9rem;gap:.75rem}.task-status-badge{background:#00000014;border-radius:999px;font-size:.8rem;font-weight:600;letter-spacing:.04em;padding:.35rem .75rem;text-transform:uppercase}.status-not-started{background:#8a8a8a2e;color:#3c3c3cd9}.status-in-progress{background:#4c6ef526;color:#4c6ef5f2}.status-blocked{background:#ff63842e;color:#d52a52f2}.status-completed{background:#2ecc712e;color:#27ae60f2}.task-card-description{color:#000000bf;margin:1rem 0}.task-card-actions{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.task-card-actions label{font-size:.9rem;font-weight:600}.task-card-actions select{border:1px solid #0000001f;border-radius:.5rem;padding:.45rem .75rem}.task-comments{border-top:1px solid #00000014;display:flex;flex-direction:column;gap:.75rem;padding-top:1.25rem}.task-comment-empty{color:#0000008c;font-size:.9rem}.task-comment-list{display:flex;flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.task-comment-list li{background:#00000008;border-radius:.75rem;padding:.75rem 1rem}.task-comment-author{color:#0009;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:.5rem}.task-comment-time{font-style:italic}.task-comment-form{display:flex;flex-direction:column;gap:.75rem}.task-comment-form textarea{border:1px solid #0000001f;border-radius:.75rem;min-height:90px;padding:.75rem;resize:vertical}.task-comment-form .btn-secondary{align-self:flex-end}.teams-modal-backdrop{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.teams-modal{background:#fff;border-radius:1rem;box-shadow:0 24px 48px #0000002e;overflow:hidden;width:min(520px,92vw)}.teams-modal-header{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:1.25rem 1.75rem}.teams-modal-close{background:#0000;border:none;cursor:pointer;font-size:1.5rem;line-height:1}.teams-modal-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem}.teams-modal-body label{display:flex;flex-direction:column;font-weight:500;gap:.5rem}.teams-modal-body input,.teams-modal-body select,.teams-modal-body textarea{border:1px solid #0000001f;border-radius:.75rem;padding:.75rem}.teams-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.5rem}.optional{color:#00000080;font-size:.85rem;font-weight:400}.btn-primary{background:linear-gradient(135deg,#fa6b82,#f56c8e);border:none;border-radius:.75rem;box-shadow:0 4px 12px #fa6b8233;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#f95570,#f4587c);box-shadow:0 6px 20px #fa6b824d;transform:translateY(-2px)}.btn-primary:active{box-shadow:0 2px 8px #fa6b8233;transform:translateY(0)}.btn-secondary{background:#fff;border:1px solid #0000001f;border-radius:.75rem;color:#000000bf;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-secondary:hover{background:#0000000a;border-color:#0000002e;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.btn-secondary:active{box-shadow:0 2px 6px #00000014;transform:translateY(0)}.btn-primary:disabled,.btn-secondary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-primary:disabled:hover,.btn-secondary:disabled:hover{transform:none}.teams-feedback{border-radius:.75rem;font-weight:500;margin:1rem 0;padding:.85rem 1rem}.teams-feedback.success{background:#2ecc711f;color:#27ae60f2}.teams-feedback.error{background:#ff63841f;color:#d52a52f2}.teams-loading,.teams-upgrade{background:#fff;border:1px solid #00000014;border-radius:1rem;color:#000000a6;padding:2.5rem;text-align:center}.teams-upgrade h2{margin-bottom:.75rem}@media (max-width:1100px){.team-layout{grid-template-columns:1fr}.team-list{overflow-x:auto;padding:1rem}.team-list,.team-list-body{flex-direction:row;gap:1rem}.team-list-item{min-width:220px}}@media (max-width:768px){.teams-header{align-items:flex-start;flex-direction:column;gap:1rem}.team-summary-meta{grid-template-columns:1fr}}
/*# sourceMappingURL=main.380344b7.css.map*/