:root{--color-primary-50:#eef2ff;--color-primary-100:#e0e7ff;--color-primary-200:#c7d2fe;--color-primary-300:#a5b4fc;--color-primary-400:#818cf8;--color-primary-500:#6366f1;--color-primary-600:#4f46e5;--color-primary-700:#4338ca;--color-primary-800:#3730a3;--color-primary-900:#312e81;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-success-light:#d1fae5;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--font-family-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--border-width:1px;--border-color:var(--color-gray-200);--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-normal:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:300ms cubic-bezier(0.4,0,0.2,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--color-gray-50);color:#111827;color:var(--color-gray-900);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-sans);font-size:1rem;font-size:var(--font-size-base);font-weight:400;font-weight:var(--font-weight-normal);line-height:1.5;line-height:var(--line-height-normal)}:focus{outline:2px solid #6366f1;outline:2px solid var(--color-primary-500);outline-offset:2px}:focus:not(:focus-visible){outline:none}::selection{background-color:#e0e7ff;background-color:var(--color-primary-100);color:#312e81;color:var(--color-primary-900)}h1,h2,h3,h4,h5,h6{color:#111827;color:var(--color-gray-900);font-weight:600;font-weight:var(--font-weight-semibold);line-height:1.25;line-height:var(--line-height-tight)}h1{font-size:1.875rem;font-size:var(--font-size-3xl)}h2{font-size:1.5rem;font-size:var(--font-size-2xl)}h3{font-size:1.25rem;font-size:var(--font-size-xl)}h4{font-size:1.125rem;font-size:var(--font-size-lg)}h5{font-size:1rem;font-size:var(--font-size-base)}h6{font-size:.875rem;font-size:var(--font-size-sm)}a{color:#4f46e5;color:var(--color-primary-600);text-decoration:none;transition:color .15s cubic-bezier(.4,0,.2,1);transition:color var(--transition-fast)}a:hover{color:#6366f1;color:var(--color-primary-500);text-decoration:underline}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit;font-size:inherit}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.container{padding:0 1rem;padding:0 var(--space-4);width:100%}@media (min-width:640px){.container{padding:0 1.5rem;padding:0 var(--space-6)}}@media (min-width:1024px){.container{padding:0 2rem;padding:0 var(--space-8)}}.loading-spinner{animation:spin 1s ease-in-out infinite;border:2px solid #d1d5db;border-top-color:#6366f1;border:2px solid var(--color-gray-300);border-top-color:var(--color-primary-500);display:inline-block;height:20px;width:20px}.fade-in{animation:fadeIn .3s ease-in-out}.fade-out{animation:fadeOut .3s ease-in-out}.slide-up{animation:slideUp .3s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:639px){:root{--font-size-3xl:1.5rem;--font-size-4xl:1.875rem;--font-size-5xl:2.25rem}}@media (prefers-color-scheme:dark){:root{--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb}body{background-color:#f9fafb;background-color:var(--color-gray-50);color:#111827;color:var(--color-gray-900)}}:root{--section-padding:6rem 0;--container-padding:0 2rem}*{box-sizing:border-box}.landing-page{background:#0a0a0f;background:var(--dark-bg);color:#fff;color:var(--text-primary);min-height:100vh;overflow-x:hidden;position:relative}.gradient-orb{animation:float 25s ease-in-out infinite;filter:blur(40px);opacity:.5}.orb-1{left:8%;top:45%}.orb-1,.orb-2{height:150px;width:150px}.orb-2{right:15%;top:65%}.orb-3{bottom:25%;height:180px;left:65%;width:180px}.container{margin:0 auto;max-width:1200px;padding:0 2rem;padding:var(--container-padding)}.landing-header{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);background:#0a0a0ff2;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.landing-nav{align-items:center;display:flex;justify-content:space-between}.logo,.logo-text{position:relative}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 8px rgba(102,126,234,.3));font-size:1.75rem;font-weight:800;letter-spacing:.5px}.nav-actions{display:flex;gap:.75rem}.btn,.nav-actions{align-items:center}.btn{border:1px solid #0000;border-radius:12px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;height:40px;justify-content:center;min-width:90px;overflow:hidden;padding:.65rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);white-space:nowrap}.btn-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border-color:#fff3;border-color:var(--glass-border);color:#fff;color:var(--text-primary)}.btn-glass:hover{background:#fff3;transform:translateY(-2px)}.btn-gradient{border-color:#0000}.btn-gradient:hover{box-shadow:0 10px 30px #667eea66}.btn-shine{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-gradient:hover .btn-shine{left:100%}.landing-main{padding-top:60px}.hero-section{align-items:center;display:flex;min-height:100vh;padding:1rem 0 6rem}.hero-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.hero-content{opacity:0;transform:translateY(30px);transition:all .8s ease-out}.hero-content.animate-in{opacity:1;transform:translateY(0)}.hero-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:2rem;color:#b4b4c7;color:var(--text-secondary);display:inline-flex;font-size:.9rem;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem}.badge-icon{color:#667eeacc;height:16px;width:16px}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem}.hero-title,.title-highlight{color:#fff;color:var(--text-primary)}.title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text}.hero-description{color:#b4b4c7;color:var(--text-secondary);font-size:1.2rem;line-height:1.6;margin-bottom:2rem}.hero-stats{display:flex;gap:2rem;margin-bottom:3rem}.stat-item{text-align:center}.stat-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:800}.stat-label{color:#7c7c94;color:var(--text-muted);font-size:.9rem}.hero-actions{align-items:center;display:flex;gap:1rem}.btn-hero{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff;font-size:1.1rem;font-weight:700;overflow:hidden;padding:1rem 2rem;position:relative}.btn-hero:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-3px)}.btn-glow{background:linear-gradient(45deg,#0000 30%,#ffffff4d 50%,#0000 70%);bottom:0;left:0;right:0;transform:translateX(-100%);transition:transform .6s}.btn-hero:hover .btn-glow{transform:translateX(100%)}.btn-secondary{background:#0000;border:2px solid #fff3;border:2px solid var(--glass-border);font-size:1.1rem}.btn-secondary:hover{background:#ffffff1a;background:var(--glass-bg);border-color:#fff;border-color:var(--text-primary);transform:translateY(-2px)}.hero-visual{opacity:0;transform:translateX(30px);transition:all .8s ease-out .3s}.hero-visual.animate-in{opacity:1;transform:translateX(0)}.video-preview{margin:0 auto;max-width:500px;position:relative}.video-frame{aspect-ratio:16/9;background:#242438;background:var(--dark-card);border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:24px;border-radius:var(--border-radius-lg);overflow:hidden;position:relative}.background-video{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%;z-index:1}.video-placeholder{background:linear-gradient(135deg,#1a1a24,#2a2a3e);position:relative;z-index:0}.play-button{align-items:center;animation:playPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:2rem;height:80px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:80px}@keyframes playPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.play-button svg{height:32px;margin-left:4px;width:32px}.video-overlay{left:1rem;position:absolute;top:1rem;z-index:3}.live-indicator{align-items:center;background:#ff0000e6;border-radius:1rem;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.5rem;padding:.25rem .75rem}.live-dot{animation:liveBlink 1s ease-in-out infinite;background:#fff;border-radius:50%;height:8px;width:8px}@keyframes liveBlink{0%,to{opacity:1}50%{opacity:.3}}.floating-avatars{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:2}.avatar{align-items:center;animation:avatarFloat 4s ease-in-out infinite;background:#242438;background:var(--dark-card);border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:50%;display:flex;height:50px;justify-content:center;position:absolute;width:50px}.avatar svg{color:#b4b4c7;color:var(--text-secondary);height:20px;width:20px}.avatar-1{animation-delay:0s;right:20%;top:20%}.avatar-2{animation-delay:-1s;bottom:30%;left:15%}.avatar-3{animation-delay:-2s;right:10%;top:60%}.avatar-4{animation-delay:-3s;bottom:20%;right:40%}@keyframes avatarFloat{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(5deg)}}.connection-lines{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.connection-line{stroke:url(#connectionGradient);stroke-width:1.5;fill:none;stroke-linecap:round;animation:connectionFlow 4s ease-in-out infinite;filter:drop-shadow(0 0 3px rgba(102,126,234,.3));opacity:.4}.connection-line.line-1-2{animation-delay:0s}.connection-line.line-1-3{animation-delay:-.5s}.connection-line.line-1-4{animation-delay:-1s}.connection-line.line-2-3{animation-delay:-1.5s}.connection-line.line-2-4{animation-delay:-2s}.connection-line.line-3-4{animation-delay:-2.5s}@keyframes connectionFlow{0%{stroke-dasharray:0,8;stroke-dashoffset:0;opacity:.2}25%{stroke-dasharray:4,4;stroke-dashoffset:-2;opacity:.6}50%{stroke-dasharray:8,0;stroke-dashoffset:-4;opacity:.8}75%{stroke-dasharray:4,4;stroke-dashoffset:-6;opacity:.6}to{stroke-dasharray:0,8;stroke-dashoffset:-8;opacity:.2}}@keyframes connectionContainerFloat{0%,to{transform:translateY(0) scale(1)}25%{transform:translateY(-2px) scale(1.01)}50%{transform:translateY(-4px) scale(1.02)}75%{transform:translateY(-2px) scale(1.01)}}.features-section{background:linear-gradient(180deg,#0000,#1a1a2480);padding:6rem 0;padding:var(--section-padding)}.section-header{margin-bottom:4rem;text-align:center}.section-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.section-subtitle{color:#b4b4c7;color:var(--text-secondary);font-size:1.2rem;margin:0 auto;max-width:600px}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--border-radius-lg);overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.feature-card:hover{border-color:#667eea80;box-shadow:0 20px 40px #667eea33;transform:translateY(-5px)}.feature-card.active{border-color:#667eeacc;box-shadow:0 25px 50px #667eea4d}.feature-visual{margin-bottom:1.5rem}.feature-icon,.feature-visual{align-items:center;display:flex;position:relative}.feature-icon{border-radius:50%;height:60px;justify-content:center;width:60px;z-index:2}.feature-icon svg{color:#fff;height:24px;width:24px}.gradient-1{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient)}.gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient)}.gradient-4{background:linear-gradient(135deg,#fa709a,#fee140)}.gradient-5{background:linear-gradient(135deg,#a8edea,#fed6e3)}.gradient-6{background:linear-gradient(135deg,#ff9a9e,#fecfef)}.feature-glow{animation:featureGlow 3s ease-in-out infinite;background:inherit;border-radius:50%;filter:blur(20px);height:60px;left:0;opacity:.6;position:absolute;top:0;width:60px}@keyframes featureGlow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.2)}}.feature-content h3{color:#fff;color:var(--text-primary);font-size:1.4rem;font-weight:700;margin-bottom:1rem}.feature-content p{color:#b4b4c7;color:var(--text-secondary);line-height:1.6}.feature-badge{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);border-radius:1rem;color:#fff;font-size:.7rem;font-weight:600;padding:.25rem .75rem;position:absolute;right:1rem;text-transform:uppercase;top:1rem}.feature-badge.hot{animation:hotBadge 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,orange)}@keyframes hotBadge{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.testimonials-section{background:#1a1a24;background:var(--dark-surface);padding:6rem 0;padding:var(--section-padding)}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:3rem}.testimonial-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--border-radius-lg);padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.testimonial-card:hover{box-shadow:0 20px 40px #0000004d;transform:translateY(-5px)}.testimonial-avatar{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:2px solid #fff3;border:2px solid var(--glass-border);border-radius:50%;display:flex;height:60px;justify-content:center;margin-bottom:1rem;width:60px}.testimonial-avatar svg{color:#b4b4c7;color:var(--text-secondary);height:24px;width:24px}.testimonial-content p{color:#b4b4c7;color:var(--text-secondary);font-size:1.1rem;font-style:italic;line-height:1.6;margin-bottom:1.5rem}.testimonial-author{align-items:center;display:flex;justify-content:space-between}.name{color:#fff;color:var(--text-primary);font-weight:600}.rating{color:gold}.cta-section{background:linear-gradient(135deg,#0a0a0f,#1a1a24);background:linear-gradient(135deg,var(--dark-bg) 0,var(--dark-surface) 100%);padding:6rem 0;padding:var(--section-padding);position:relative;text-align:center}.cta-content{margin:0 auto;max-width:600px}.cta-badge{align-items:center;animation:ctaBounce 2s ease-in-out infinite;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);border-radius:2rem;color:#fff;display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.5rem 1.5rem}.cta-badge svg{height:16px;width:16px}@keyframes ctaBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.cta-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;margin-bottom:1rem}.cta-content p{color:#b4b4c7;color:var(--text-secondary);font-size:1.2rem;margin-bottom:3rem}.cta-actions{margin-bottom:2rem}.btn-cta{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 10px 30px #667eea66;color:#fff;font-size:1.2rem;font-weight:700;overflow:hidden;padding:1.25rem 3rem;position:relative}.btn-cta:hover{box-shadow:0 20px 50px #667eea99;transform:translateY(-3px)}.btn-particles{animation:particles 10s linear infinite;background:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="2" fill="%23fff" opacity=".5"><animate attributeName="opacity" values="0.5;1;0.5" dur="2s" repeatCount="indefinite"/></circle><circle cx="80" cy="40" r="1" fill="%23fff" opacity=".3"><animate attributeName="opacity" values="0.3;0.8;0.3" dur="3s" repeatCount="indefinite"/></circle><circle cx="40" cy="80" r="1.5" fill="%23fff" opacity=".4"><animate attributeName="opacity" values="0.4;0.9;0.4" dur="2.5s" repeatCount="indefinite"/></circle></svg>') repeat;bottom:0;left:0;position:absolute;right:0;top:0}@keyframes particles{0%{transform:translateY(0)}to{transform:translateY(-100px)}}.cta-note{display:flex;gap:2rem;justify-content:center;margin-top:1.5rem}.cta-note span{align-items:center;display:flex;font-size:.9rem;gap:.5rem}.cta-note span,.cta-note span svg{color:#7c7c94;color:var(--text-muted)}.cta-note span svg{height:14px;width:14px}.landing-footer{background:#1a1a24;background:var(--dark-surface);border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);padding:3rem 0 1rem}.footer-content{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 3fr;margin-bottom:2rem}.footer-brand{max-width:300px}.footer-logo{margin-bottom:1rem}.footer-logo .logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:800}.logo-tagline{color:#7c7c94;color:var(--text-muted);font-size:.9rem;margin-top:.25rem}.footer-brand p{color:#b4b4c7;color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:50%;display:flex;height:40px;justify-content:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:40px}.social-link svg{color:#b4b4c7;color:var(--text-secondary);height:18px;width:18px}.social-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);transform:translateY(-2px)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr)}.footer-column h4{color:#fff;color:var(--text-primary);font-weight:600;margin-bottom:1rem}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:.5rem}.footer-column ul li a{color:#b4b4c7;color:var(--text-secondary);text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.footer-column ul li a:hover{color:#fff;color:var(--text-primary)}.footer-bottom{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);padding-top:2rem}.footer-bottom-content{align-items:center;display:flex;justify-content:space-between}.footer-bottom p{color:#7c7c94;color:var(--text-muted);margin:0}.footer-badges{display:flex;gap:1rem}.security-badge,.verified-badge{align-items:center;background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:1rem;color:#b4b4c7;color:var(--text-secondary);display:flex;font-size:.8rem;gap:.5rem;padding:.25rem .75rem}.security-badge svg,.verified-badge svg{height:12px;width:12px}@media (max-width:968px){.hero-grid{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:2.5rem}.hero-stats{justify-content:center}.features-grid,.footer-content{grid-template-columns:1fr}.footer-content{gap:2rem}.footer-links{grid-template-columns:repeat(2,1fr)}.connection-line{stroke-width:1.2;opacity:.8}@keyframes connectionPulse{0%,70%{stroke-dasharray:0,100;opacity:0}10%,60%{stroke-dasharray:3,3;opacity:.5}30%,40%{stroke-dasharray:6,3;opacity:.7}}}@media (max-width:640px){:root{--container-padding:0 1rem;--section-padding:4rem 0}.hero-title{font-size:2rem}.hero-actions{flex-direction:column;gap:1rem}.btn-hero,.btn-secondary{justify-content:center;width:100%}.cta-note{flex-direction:column;gap:.5rem}.footer-bottom-content{flex-direction:column;gap:1rem;text-align:center}.footer-links{grid-template-columns:1fr}.nav-actions{gap:.5rem}.btn{font-size:.9rem;height:40px;min-width:80px;padding:.6rem 1rem}.connection-line{stroke-width:1;stroke:#667eea4d}.avatar{height:40px;width:40px}.avatar svg{height:16px;width:16px}}@media (prefers-color-scheme:dark){.landing-page{color-scheme:dark}}.auth-page{align-items:center;background:#0a0a0f;background:var(--dark-bg);color:#fff;color:var(--text-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.animated-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.7;position:absolute}.orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);height:300px;left:10%;top:10%;width:300px}.orb-2{animation-delay:-7s;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);height:200px;right:20%;top:60%;width:200px}.orb-3{animation-delay:-14s;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);bottom:20%;height:250px;left:60%;width:250px}.auth-container{max-width:440px;position:relative;width:100%;z-index:1}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 25px 50px #0003;opacity:0;padding:3rem 2rem;transform:translateY(30px);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.auth-card.animate-in{opacity:1;transform:translateY(0)}.auth-card:hover{border-color:#667eea4d;box-shadow:0 30px 60px #667eea26}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-logo{align-items:center;display:flex;flex-direction:column;margin-bottom:2rem}.logo-icon{height:70px;margin-bottom:1rem;position:relative;width:70px}.logo-icon svg{color:#fff;color:var(--text-primary);height:36px;position:relative;width:36px;z-index:2}.logo-pulse{animation:pulse 2s ease-in-out infinite;border-radius:50%;height:70px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:70px}.auth-logo h1,.logo-pulse{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.auth-logo h1{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;margin:0}.auth-title h2{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin:0 0 .5rem}.auth-title p{color:#b4b4c7;color:var(--text-secondary);font-size:1rem;margin:0}.auth-form{width:100%}.form-fields,.form-group{margin-bottom:1.5rem}.form-label{color:#fff;color:var(--text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.form-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);color:#fff;color:var(--text-primary);font-size:1rem;padding:1rem 3rem 1rem 4.5rem!important;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.form-input::placeholder{color:#7c7c94;color:var(--text-muted)}.form-input:focus{background:#ffffff14;border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-input.error{border-color:#f43f5e80;box-shadow:0 0 0 3px #f43f5e1a}.input-icon{color:#7c7c94;color:var(--text-muted);height:20px;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:20px}.input-icon svg{height:100%;width:100%}.password-toggle{background:none;border:none;color:#7c7c94;color:var(--text-muted);cursor:pointer;height:20px;position:absolute;right:1rem;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:20px}.password-toggle:hover{color:#b4b4c7;color:var(--text-secondary)}.password-toggle svg{height:100%;width:100%}.error-icon{color:#f43f5e;height:20px;pointer-events:none;position:absolute;right:3rem;top:50%;transform:translateY(-50%);width:20px}.error-icon svg{height:100%;width:100%}.error-message{color:#f43f5e;font-size:.875rem;gap:.5rem;margin-top:.5rem}.error-message,.form-options{align-items:center;display:flex}.form-options{justify-content:space-between;margin-bottom:2rem}.checkbox-wrapper{align-items:center;cursor:pointer;display:flex;gap:.75rem}.checkbox-input{display:none}.checkbox-custom{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:4px;display:flex;height:20px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:20px}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-color:#0000}.checkbox-custom svg{color:#fff;height:12px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:12px}.checkbox-input:checked+.checkbox-custom svg{opacity:1}.checkbox-wrapper span{color:#b4b4c7;color:var(--text-secondary);font-size:.9rem}.forgot-link{color:#667eeacc;font-size:.9rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.forgot-link:hover{color:#667eea}.btn-gradient{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 10px 30px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;justify-content:center;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.btn-gradient:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-2px)}.btn-gradient:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-glow{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.btn-gradient:hover .btn-glow{left:100%}.auth-submit{margin-bottom:1.5rem}.progress-bar{gap:1rem;margin-bottom:2rem}.progress-bar,.progress-step{align-items:center;display:flex;justify-content:center}.progress-step{border-radius:50%;font-size:.9rem;font-weight:600;height:40px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:40px}.progress-step.active{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);box-shadow:0 5px 15px #667eea66;color:#fff}.progress-step.inactive{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#7c7c94;color:var(--text-muted)}.progress-step.completed{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);color:#fff}.form-navigation{display:flex;gap:1rem;margin-top:2rem}.btn-secondary{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);color:#fff;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-secondary:hover{background:#ffffff26;border-color:#b4b4c7;border-color:var(--text-secondary)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:16px;border-radius:var(--border-radius);box-shadow:0 5px 15px #667eea4d;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:700;padding:1rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.btn-primary:hover{box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.auth-footer{text-align:center}.auth-footer p{color:#b4b4c7;color:var(--text-secondary);font-size:.9rem;margin:0}.auth-link{color:#667eeacc;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.auth-link:hover{color:#667eea}.dev-notice{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:16px;border-radius:var(--border-radius);margin-top:2rem;padding:1.5rem}.dev-notice h3{color:#f59e0b;font-size:.9rem;font-weight:600;margin:0 0 .5rem}.dev-notice p{color:#fbbf24;font-size:.8rem;margin:0}.interests-grid{grid-gap:.75rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:1rem 0}.interest-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);color:#b4b4c7;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;justify-content:center;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.interest-item:hover{background:#ffffff1a;border-color:#b4b4c7;border-color:var(--text-secondary)}.interest-item.selected{background:#667eea33;border-color:#667eea80;color:#667eea}.gender-options{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin:1rem 0}.gender-option{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.gender-option:hover{background:#ffffff1a;border-color:#b4b4c7;border-color:var(--text-secondary)}.gender-option.selected{background:#667eea33;border-color:#667eea80}.radio-custom{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border:2px solid var(--border-color);border-radius:50%;display:flex;height:20px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:20px}.gender-option.selected .radio-custom{background:#667eea33;border-color:#667eeacc}.radio-custom:after{background:#667eea;border-radius:50%;content:"";height:8px;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:8px}.gender-option.selected .radio-custom:after{opacity:1}.account-summary{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);margin-bottom:2rem;padding:1.5rem}.account-summary h3{color:#fff;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.summary-item{display:flex;justify-content:space-between;margin-bottom:.75rem}.summary-item:last-child{margin-bottom:0}.summary-label{color:#7c7c94;color:var(--text-muted);font-size:.9rem}.summary-value{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:500}@media (max-width:640px){.auth-page{padding:1rem}.auth-card{padding:2rem 1.5rem}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}.gender-options{grid-template-columns:1fr}.interests-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.gradient-orb{animation:none}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--dark-bg:#0a0a0f;--dark-surface:#1a1a24;--dark-card:#242438;--text-primary:#fff;--text-secondary:#b4b4c7;--text-muted:#7c7c94;--border-color:#ffffff1a;--glass-bg:#ffffff1a;--glass-border:#fff3;--border-radius:16px;--border-radius-lg:24px;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-bounce:all 0.5s cubic-bezier(0.68,-0.55,0.265,1.55)}.dashboard-page{background:#0a0a0f;background:var(--dark-bg);color:#fff;color:var(--text-primary);min-height:100vh;position:relative}.dashboard-bg{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:-1}.dashboard-bg .gradient-orb{animation:float 20s ease-in-out infinite;border-radius:50%;filter:blur(60px);opacity:.4;position:absolute}.dashboard-bg .orb-1{animation-delay:0s;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);height:200px;left:5%;top:20%;width:200px}.dashboard-bg .orb-2{animation-delay:-10s;background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient);height:150px;right:10%;top:70%;width:150px}.dashboard-bg .orb-3{animation-delay:-5s;background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient);bottom:10%;height:180px;left:50%;width:180px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(20px,-20px) rotate(120deg)}66%{transform:translate(-15px,15px) rotate(240deg)}}.dashboard-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;height:4rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.dashboard-logo{gap:.75rem}.dashboard-logo,.logo-icon{align-items:center;display:flex}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:.5rem;color:#fff;font-weight:800;height:2rem;justify-content:center;width:2rem}.logo-text{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:700}.dashboard-nav{align-items:center;display:flex;gap:2rem}.nav-link{color:#b4b4c7;color:var(--text-secondary);font-weight:500;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.nav-link.active,.nav-link:hover{color:#fff;color:var(--text-primary)}.nav-link.active:after{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);bottom:-1rem;content:"";height:2px;left:0;position:absolute;right:0}.user-menu{align-items:center;display:flex;gap:1rem}.user-info{gap:.75rem}.user-avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);font-weight:600;height:2rem;width:2rem}.user-avatar,.user-name{color:#fff;font-size:.875rem}.user-name{color:var(--text-primary);font-weight:500}.logout-btn{background:none;border:none;border-radius:.5rem;color:#7c7c94;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.logout-btn:hover{background:#ffffff1a;color:#b4b4c7;color:var(--text-secondary)}.logout-btn svg{height:1.25rem;width:1.25rem}.dashboard-main{margin:0 auto;max-width:1200px;padding:2rem}.welcome-section{margin-bottom:2rem}.welcome-title{color:#fff;color:var(--text-primary);font-size:2rem;font-weight:700;margin-bottom:.5rem}.welcome-subtitle{color:#b4b4c7;color:var(--text-secondary)}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);padding:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.stat-card:hover{border-color:#667eea4d;box-shadow:0 10px 30px #667eea1a}.stat-content{gap:1rem}.stat-content,.stat-icon{align-items:center;display:flex}.stat-icon{border-radius:.75rem;height:3rem;justify-content:center;width:3rem}.stat-icon.pink{background:linear-gradient(135deg,#f093fb,#f5576c)}.stat-icon.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.stat-icon.green{background:linear-gradient(135deg,#43e97b,#38f9d7)}.stat-icon.purple{background:linear-gradient(135deg,#667eea,#764ba2)}.stat-icon svg{color:#fff;height:1.5rem;width:1.5rem}.stat-info{flex:1 1}.stat-number{color:#fff;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#b4b4c7;color:var(--text-secondary);font-size:.875rem}.content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 2fr}.dashboard-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:16px;border-radius:var(--border-radius);height:-webkit-fit-content;height:fit-content;overflow:hidden}.card-header{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:flex;height:5rem;justify-content:space-between;padding:1.5rem}.card-title{color:#fff;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.activity-list{display:flex;flex-direction:column;gap:1rem}.activity-item{align-items:flex-start;display:flex;gap:.75rem}.activity-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;height:2rem;justify-content:center;width:2rem}.activity-icon.match{background:#f43f5e33;color:#f43f5e}.activity-icon.message{background:#3b82f633;color:#3b82f6}.activity-icon.like{background:#ef444433;color:#ef4444}.activity-icon.view{background:#22c55e33;color:#22c55e}.activity-icon svg{height:1rem;width:1rem}.activity-info{flex:1 1}.activity-message{color:#fff;color:var(--text-primary);font-size:.875rem;margin-bottom:.25rem}.activity-time{color:#7c7c94;color:var(--text-muted);font-size:.75rem}.matches-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.match-card{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);cursor:pointer;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.match-card:hover{background:#ffffff14;border-color:#667eea4d}.match-header{gap:.75rem;margin-bottom:.75rem}.match-avatar,.match-header{align-items:center;display:flex}.match-avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border-radius:50%;color:#fff;font-weight:600;height:3rem;justify-content:center;width:3rem}.match-info{flex:1 1}.match-name{color:#fff;color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:.25rem}.match-location{color:#7c7c94;color:var(--text-muted);font-size:.75rem}.compatibility{margin-bottom:.75rem}.compatibility-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.compatibility-label{color:#7c7c94;color:var(--text-muted);font-size:.75rem}.compatibility-value{color:#22c55e;font-size:.75rem;font-weight:500}.compatibility-bar{background:#ffffff1a;border-radius:.25rem;height:.375rem;overflow:hidden;width:100%}.compatibility-fill{background:linear-gradient(90deg,#22c55e,#16a34a);height:100%;transition:width .5s ease}.interests-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:1rem}.interest-tag{background:#667eea33;border-radius:.5rem;color:#667eea;font-size:.75rem;font-weight:500;padding:.25rem .5rem}.match-actions{display:flex;gap:.5rem}.match-btn{border:none;border-radius:.5rem;cursor:pointer;flex:1 1;font-size:.75rem;font-weight:500;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.match-btn.like{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);color:#fff}.match-btn.like:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-1px)}.match-btn.pass{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#b4b4c7;color:var(--text-secondary)}.match-btn.pass:hover{background:#ffffff26}.quick-actions{margin-top:2rem}.actions-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:900px;padding:1rem 0}.action-card{align-items:center;aspect-ratio:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:24px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #0000001a;color:#fff;color:var(--text-primary);display:flex;flex-direction:column;justify-content:center;min-height:140px;overflow:hidden;padding:2.5rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.action-card:before{background:linear-gradient(45deg,#0000,#ffffff0d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .6s ease}.action-card:hover:before{transform:translateX(100%)}.action-card:hover{border-color:#667eea80;box-shadow:0 20px 60px #667eea33;transform:translateY(-8px) scale(1.02)}.action-icon{align-items:center;border-radius:1.25rem;box-shadow:0 8px 24px #0003;display:flex;height:4rem;justify-content:center;margin-bottom:1.25rem;position:relative;width:4rem;z-index:1}.action-icon.discover{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}.action-icon.chat{background:linear-gradient(135deg,#4facfe,#00f2fe);background:var(--accent-gradient)}.action-icon.profile{background:linear-gradient(135deg,#43e97b,#38f9d7)}.action-icon.settings{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--secondary-gradient)}.action-icon svg{color:#fff;height:1.75rem;width:1.75rem}.action-label{font-size:.95rem;font-weight:600;letter-spacing:.025em;position:relative;z-index:1}.profile-section{align-items:flex-start;display:flex;gap:2rem}.profile-photo{flex-shrink:0}.photo-placeholder{display:inline-block;position:relative}.user-avatar.large{font-size:2rem;height:6rem;width:6rem}.photo-edit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;height:2rem;justify-content:center;position:absolute;right:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:2rem}.photo-edit-btn:hover{transform:scale(1.1)}.photo-edit-btn svg{height:1rem;width:1rem}.profile-details{flex:1 1}.profile-name{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.profile-location{color:#b4b4c7;color:var(--text-secondary);margin-bottom:1rem}.profile-bio{color:#fff;color:var(--text-primary);line-height:1.6}.profile-input,.profile-textarea{background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);color:#fff;color:var(--text-primary);font-size:.875rem;margin-bottom:1rem;padding:.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth);width:100%}.profile-input:focus,.profile-textarea:focus{border-color:#667eea80;box-shadow:0 0 0 3px #667eea1a;outline:none}.edit-btn,.save-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.edit-btn:hover,.save-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-1px)}.stats-row{display:flex;justify-content:space-around;text-align:center}.stat-item{display:flex;flex-direction:column;gap:.5rem}.stat-item .stat-number{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:700}.stat-item .stat-label{color:#b4b4c7;color:var(--text-secondary);font-size:.875rem}.interests-grid{display:flex;flex-wrap:wrap;gap:.75rem}.interest-tag.large{align-items:center;background:#667eea33;border-radius:.75rem;color:#667eea;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;position:relative}.remove-interest{background:none;border:none;color:#667eeab3;cursor:pointer;font-size:1rem;line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.remove-interest:hover{color:#ef4444}.add-interest-btn{background:#ffffff1a;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:.75rem;color:#b4b4c7;color:var(--text-secondary);cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.add-interest-btn:hover{background:#ffffff26;color:#fff;color:var(--text-primary)}.settings-list{display:flex;flex-direction:column;gap:1rem}.setting-item{align-items:center;border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:1rem 0}.setting-item:last-child{border-bottom:none}.toggle{display:inline-block;height:1.5rem;position:relative;width:3rem}.toggle input{height:0;opacity:0;width:0}.slider{background-color:#fff3;border-radius:1.5rem;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.slider:before{background-color:#fff;border-radius:50%;bottom:.1875rem;content:"";height:1.125rem;left:.1875rem;width:1.125rem}input:checked+.slider{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient)}input:checked+.slider:before{transform:translateX(1.5rem)}.conversations-list{display:flex;flex-direction:column;gap:1rem}.conversation-item{align-items:center;background:#ffffff08;border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:16px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.conversation-item:hover{background:#ffffff0d;border-color:#667eea4d}.conversation-avatar{position:relative}.online-indicator{background:#22c55e;border:2px solid #242438;border:2px solid var(--dark-card);border-radius:50%;bottom:0;height:.75rem;position:absolute;right:0;width:.75rem}.conversation-content{flex:1 1}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.conversation-name{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:500;margin:0}.conversation-time{color:#7c7c94;color:var(--text-muted);font-size:.75rem}.conversation-message{color:#b4b4c7;color:var(--text-secondary);font-size:.875rem;line-height:1.4;margin:0}.unread-badge{align-items:center;background:#ef4444;border-radius:.75rem;color:#fff;display:flex;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .5rem}.status-badge,.unread-badge{font-size:.75rem;font-weight:500}.status-badge{border-radius:.5rem;padding:.25rem .5rem}.status-badge.new{background:#22c55e33;color:#22c55e}.status-badge.messaged{background:#3b82f633;color:#3b82f6}.status-badge.viewed{background:#9ca3af33;color:#9ca3af}.match-time{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color);color:#7c7c94;color:var(--text-muted);font-size:.75rem;margin-top:.5rem;padding-top:.5rem;text-align:center}.view-all-link{color:#667eeacc;display:block;font-size:.875rem;font-weight:500;margin-top:1rem;padding:.75rem;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-smooth)}.view-all-link:hover{color:#667eea}.message-badge{align-items:center;background:#ef4444;border-radius:.625rem;color:#fff;display:inline-flex;font-size:.75rem;font-weight:500;height:1.25rem;justify-content:center;margin-left:.5rem;min-width:1.25rem;padding:0 .375rem}@media (max-width:1024px){.content-grid{gap:1.5rem;grid-template-columns:1fr}.dashboard-nav{display:none}.header-container{padding:0 1rem}.dashboard-main{padding:1rem}}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.matches-grid{grid-template-columns:1fr}.actions-grid{grid-template-columns:repeat(2,1fr)}.welcome-title{font-size:1.5rem}.user-name{display:none}}.audio-call{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px #0000001a;color:#fff;margin:0 auto;max-width:600px;min-width:320px;overflow:hidden;transition:all .3s ease}.audio-call.minimized{max-height:60px}.audio-call.loading{background:#f8f9fa;color:#333}.audio-call-loading{align-items:center;display:flex;flex-direction:column;padding:40px 20px}.loading-spinner{border:3px solid #e3e3e3}.audio-call.disconnected{background:#dc3545;color:#fff}.audio-call-disconnected{padding:40px 20px;text-align:center}.audio-call-disconnected h3{font-size:18px;font-weight:600;margin:0 0 8px}.audio-call-disconnected p{margin:0 0 20px;opacity:.9}.audio-call-header{align-items:center;background:#0000001a;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:16px 20px}.call-actions{gap:8px}.btn-minimize{align-items:center;background:#ffffff1a;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-minimize:hover{background:#fff3}.audio-call-content{padding:24px 20px}.participants-list{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.participant{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.participant.local{background:#ffffff26;border:1px solid #fff3}.participant-avatar{height:48px;position:relative;width:48px}.avatar-placeholder{background:#fff3;font-size:24px;height:48px;width:48px}.audio-indicator,.avatar-placeholder{border-radius:50%;justify-content:center}.audio-indicator{align-items:center;background:#28a745;border:2px solid #fff;bottom:-2px;display:flex;font-size:10px;height:20px;position:absolute;right:-2px;transition:all .3s ease;width:20px}.audio-indicator.muted{background:#dc3545}.audio-level-indicator{animation:pulse 1s ease-in-out infinite alternate;font-size:12px;position:absolute;right:-8px;top:-8px}@keyframes pulse{0%{opacity:.7;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.participant-info{flex:1 1;min-width:0}.participant-name{display:block;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-status{display:block;font-size:14px;opacity:.8}.connection-info{background:#ffffff0d;border-radius:8px;font-size:14px;justify-content:space-between;margin-bottom:24px;padding:16px}.connection-status,.network-quality{align-items:center;display:flex;gap:8px}.quality.excellent,.status.connected{color:#28a745;font-weight:600}.quality.good,.status.connecting{color:#ffc107;font-weight:600}.quality.poor,.status.disconnected{color:#dc3545;font-weight:600}.audio-call-controls{display:flex;gap:16px;justify-content:center}.btn-control{font-size:20px;height:56px;width:56px}.btn-control.audio{background:#28a745}.btn-control.audio.muted,.btn-control.end-call{background:#dc3545}.invite-dialog-overlay{background:#000000b3;z-index:1000}.invite-dialog{background:#fff;box-shadow:0 20px 40px #0000004d;color:#333}.dialog-header{border-bottom:1px solid #eee}.btn-close:hover{background:#f5f5f5}.search-input{border:1px solid #ddd}.search-input:focus{box-shadow:0 0 0 2px #667eea1a}.user-item:hover{background:#f8f9fa}.user-avatar{background:#e9ecef}.dialog-footer{border-top:1px solid #eee}.btn-cancel{background:#f8f9fa;color:#666}.btn-cancel:hover:not(:disabled){background:#e9ecef}@media (max-width:768px){.audio-call{border-radius:12px;margin:16px}.audio-call-content{padding:20px 16px}.participants-list{gap:12px}.participant{padding:12px}.avatar-placeholder,.participant-avatar{height:40px;width:40px}.avatar-placeholder{font-size:20px}.connection-info{flex-direction:column;gap:8px;text-align:center}.audio-call-controls{gap:12px}.btn-control{font-size:18px;height:48px;width:48px}.invite-dialog{margin:20px;width:95%}}@media (prefers-color-scheme:dark){.audio-call.loading,.invite-dialog{background:#2d3748;color:#fff}.dialog-header{border-bottom-color:#4a5568}.search-input{background:#4a5568;border-color:#718096;color:#fff}.search-input::placeholder{color:#a0aec0}.btn-cancel,.user-avatar,.user-item:hover{background:#4a5568}.btn-cancel{color:#e2e8f0}.btn-cancel:hover:not(:disabled){background:#718096}.dialog-footer{border-top-color:#4a5568}}[data-lk-theme=default]{--lk-bg:#111;--lk-bg2:#1e1e1e;--lk-bg3:#2b2b2b;--lk-bg4:#373737;--lk-bg5:#444;--lk-fg:#fff;--lk-fg2:#f5f5f5;--lk-fg3:#ebebeb;--lk-fg4:#e0e0e0;--lk-fg5:#d6d6d6;--lk-border-color:#ffffff1a;--lk-accent-fg:#fff;--lk-accent-bg:#1f8cf9;--lk-accent2:#3396fa;--lk-accent3:#47a0fa;--lk-accent4:#5babfb;--lk-danger-fg:#fff;--lk-danger:#f91f31;--lk-danger2:#fa3343;--lk-danger3:#fa4756;--lk-danger4:#fb5b68;--lk-success-fg:#fff;--lk-success:#1ff968;--lk-success2:#33fa75;--lk-success3:#47fa83;--lk-success4:#5bfb90;--lk-control-fg:var(--lk-fg);--lk-control-bg:var(--lk-bg2);--lk-control-hover-bg:var(--lk-bg3);--lk-control-active-bg:var(--lk-bg4);--lk-control-active-hover-bg:var(--lk-bg5);--lk-connection-excellent:#06db4d;--lk-connection-good:#f9b11f;--lk-connection-poor:#f91f31;--lk-font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--lk-font-size:16px;--lk-line-height:1.5;--lk-border-radius:0.5rem;--lk-box-shadow:0 0.5rem 1.5rem #00000026;--lk-drop-shadow:#fff3 0px 0px 24px;--lk-grid-gap:0.5rem;--lk-control-bar-height:69px;--lk-chat-header-height:69px;color-scheme:dark}.lk-button,.lk-chat-toggle,.lk-disconnect-button,.lk-start-audio-button{align-items:center;background-color:var(--lk-control-bg);background-image:none;border:0;border-radius:var(--lk-border-radius);color:var(--lk-control-fg);cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center;padding:.625rem 1rem;position:relative;white-space:nowrap}.lk-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg,.lk-start-audio-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button,[aria-pressed=true].lk-start-audio-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover,[aria-pressed=true].lk-start-audio-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled,.lk-start-audio-button:disabled{opacity:.5}.lk-button-group{align-items:stretch;display:inline-flex;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child,.lk-button-group>.lk-start-audio-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.lk-button-group-menu{flex-shrink:0;position:relative}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button,.lk-button-group-menu>.lk-start-audio-button{border-bottom-left-radius:0;border-top-left-radius:0;height:100%}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after,.lk-button-group-menu>.lk-start-audio-button:after{margin-left:0}.lk-button-menu:after{border-bottom:.125em solid;border-left:.125em solid;content:"";display:inline-block;height:.5em;margin-left:.5rem;margin-top:-.25rem;transform:rotate(-45deg);transform-origin:center center;width:.5em}.lk-disconnect-button{border:1px solid var(--lk-danger);color:var(--lk-danger);font-weight:600}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg:var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg:var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{background:var(--lk-accent-bg);border-radius:50%;content:attr(data-lk-unread-msgs);font-size:.5rem;left:0;line-height:.75;margin-left:.25rem;margin-top:.25rem;padding:.25rem;position:absolute;top:0}.lk-media-device-select:not(:last-child){border-bottom:1px solid var(--lk-border-color);margin-bottom:.75rem;padding-bottom:.5rem}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{justify-content:start;padding-block:.5rem;width:100%}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{background-color:#0000000d;cursor:pointer}.lk-media-device-select [data-lk-active=true]>.lk-button{background-color:var(--lk-accent-bg);color:var(--lk-accent-fg)}.lk-device-menu{background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow);left:0;margin-bottom:.25rem;min-width:10rem;padding:.5rem;position:absolute;top:0;white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:5}.lk-device-menu-heading{font-weight:700;opacity:.65;padding:.25rem .5rem}.lk-start-audio-button{background-color:var(--lk-accent-bg);color:var(--lk-accent-fg)}@media screen and (max-width:600px){.lk-start-audio-button{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);bottom:1rem;display:flex;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:opacity .15s ease-in-out}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-bottom-right-radius:0;border-top-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-bottom-left-radius:0;border-top-left-radius:0}.lk-pagination-count{border-inline:1px solid var(--lk-bg);padding:.5rem .875rem}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{align-items:center;background-color:var(--lk-bg2);border-radius:2rem;bottom:calc(var(--lk-grid-gap)/2);display:flex;gap:.2rem;height:var(--lk-grid-gap);left:50%;opacity:1;padding:.2rem .5rem;position:absolute;transform:translateX(-50%);width:-webkit-fit-content;width:fit-content}.lk-pagination-indicator span{background-color:var(--lk-fg);border-radius:9999999px;display:inline-block;height:.4rem;opacity:.35;transition:opacity .2s linear;width:.4rem}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count:1;--lk-row-count:1;grid-gap:var(--lk-grid-gap);display:grid;grid-auto-rows:minmax(0,1fr);grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));height:100%;max-height:100%;max-width:100%;padding:var(--lk-grid-gap);width:100%}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{grid-gap:var(--lk-grid-gap);display:grid;gap:var(--lk-grid-gap);grid-template-columns:1fr 5fr;max-height:100%;padding:var(--lk-grid-gap);width:100%}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{height:auto;position:absolute;right:10px;top:10px;width:20%}@media(max-width:600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{display:flex;gap:var(--lk-grid-gap);max-height:100%}.lk-carousel>*{aspect-ratio:16/10;flex-shrink:0;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;overflow-x:hidden;overflow-y:auto;scroll-snap-type:y mandatory}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps:calc(100% - var(--lk-grid-gap)*(var(--lk-max-visible-tiles) - 1));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps:calc(100% - var(--lk-grid-gap)*(var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{height:1.5rem;width:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{-webkit-margin-end:.25rem;height:1rem;height:var(--lk-indicator-size,1rem);margin-inline-end:.25rem;position:relative;transition:opacity .25s ease-in-out;width:1rem;width:var(--lk-indicator-size,1rem)}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg:var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{background-color:#000;height:100%;object-fit:cover;object-position:center;width:100%}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{background-color:var(--lk-bg2);object-fit:contain}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{align-items:center;aspect-ratio:16/9;background:var(--lk-bg-control);border-radius:.5rem;display:flex;height:100%;justify-content:space-around;min-height:160px;width:100%}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{align-items:center;background:var(--lk-bg);display:flex;gap:24px;gap:var(--lk-va-bar-gap,24px);height:100%;justify-content:center;width:100%}.lk-audio-bar-visualizer>.lk-audio-bar{background-color:#8883;background-color:var(--lk-va-bar-bg,#8883);border-radius:32px;border-radius:var(--lk-va-bar-border-radius,32px);height:100%;transform-origin:"center";transition:background-color .25s ease-out;width:12px;width:var(--lk-va-bar-width,12px)}.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true],.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar{background-color:#888;background-color:var(--lk-fg,#888);transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width:2.5px;border-radius:var(--lk-border-radius);display:flex;flex-direction:column;gap:.375rem;overflow:hidden;position:relative}.lk-participant-tile:after{border:0 solid var(--lk-accent-bg);border-radius:var(--lk-border-radius);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;transition-delay:.5s;transition-duration:.4s;transition-property:border opacity}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{border-width:var(--lk-speaking-indicator-width);transition-delay:0s;transition-duration:.2s}.lk-participant-tile .lk-focus-toggle-button{background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;padding:.25rem;position:absolute;right:.25rem;top:.25rem;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:focus .lk-focus-toggle-button,.lk-participant-tile:hover .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor],.lk-participant-tile:focus .lk-connection-quality,.lk-participant-tile:hover .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{align-items:center;background-color:var(--lk-bg2);border-radius:var(--lk-border-radius);display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:absolute;transition:opacity .2s ease-in-out}.lk-participant-tile .lk-participant-placeholder svg{height:100%;padding:10%;width:auto}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{align-items:center;bottom:.25rem;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;left:.25rem;line-height:1;position:absolute;right:.25rem}.lk-participant-metadata-item{align-items:center;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);display:flex;padding:.25rem}.lk-toast{align-items:center;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);display:flex;gap:.5rem;left:50%;padding:.75rem 1.25rem;position:fixed;top:.75rem;transform:translateX(-50%)}.lk-spinner{animation:lk-rotate 2s linear infinite}@keyframes lk-rotate{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.lk-room-container{--lk-has-imported-styles:"true";background-color:var(--lk-bg);height:100%;line-height:var(--lk-line-height);position:relative;width:100%}.lk-room-container [class*=" lk-"],.lk-room-container [class^=lk-]{box-sizing:border-box}.lk-audio-conference{height:100%;position:relative;width:100%}.lk-audio-conference-stage{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);height:100%;width:100%}.lk-chat{align-items:end;background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch)}.lk-chat-header{align-items:center;display:flex;height:var(--lk-chat-header-height);justify-content:center;padding:.75rem;position:relative}.lk-chat-header .lk-close-button{background-color:#0000;position:absolute;right:0;transform:translateX(-50%)}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{max-height:100%;overflow:auto;width:100%}.lk-chat-entry,.lk-chat-messages{display:flex;flex-direction:column;gap:.25rem}.lk-chat-entry{margin:0 .25rem}.lk-chat-entry .lk-meta-data{color:var(--lk-fg5);display:flex;font-size:.75rem;padding:0 .3rem;white-space:nowrap}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{align-self:flex-end;margin-left:auto}.lk-chat-entry .lk-edit-button{background:none;border-radius:0;float:right;font-size:12px;margin:0;padding:0 .25rem}.lk-chat-entry .lk-message-body{border-radius:15px;display:inline-block;max-width:calc(100% - 32px);padding:.25rem .75rem;width:-webkit-fit-content;width:fit-content;word-break:break-word}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{color:inherit;text-decoration:underline}.lk-chat-entry *{-webkit-margin-before:.25em;-webkit-margin-after:.25em;margin-block-end:.25em;margin-block-start:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{border-top:1px solid var(--lk-border-color);display:flex;gap:.75rem;max-height:var(--lk-control-bar-height);padding:.75rem}.lk-chat-form-input{width:100%}@media(max-width:600px){.lk-chat{bottom:var(--lk-control-bar-height);max-width:100%;position:fixed;right:0;top:0}}.lk-agent-control-bar,.lk-control-bar{align-items:center;border-top:1px solid var(--lk-border-color);display:flex;gap:.5rem;justify-content:center;max-height:var(--lk-control-bar-height);padding:.75rem}.lk-agent-control-bar{--lk-bg:#0000;--lk-va-bar-width:2px;--lk-va-bar-gap:4px;--lk-va-bar-border-radius:1px;height:var(--lk-control-bar-height)}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{line-height:var(--lk-line-height)}[data-lk-theme]{color:var(--lk-fg);font-family:var(--lk-font-family);font-size:var(--lk-font-size)}[data-lk-theme] button,[data-lk-theme] input{font:inherit;line-height:inherit}[data-lk-theme] .lk-button{-webkit-user-select:none;user-select:none}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);font-family:var(--lk-font-family);padding:.625rem 1rem}.lk-prejoin{align-items:center;align-items:stretch;background-color:var(--lk-bg);box-sizing:border-box;display:flex;flex-direction:column;gap:1rem;margin-inline:auto;padding:1rem;width:min(100%,480px)}.lk-prejoin .lk-video-container{aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);height:auto;overflow:hidden;position:relative;width:100%}.lk-prejoin .lk-video-container .lk-camera-off-note,.lk-prejoin .lk-video-container video{display:block;height:100%;object-fit:cover;width:100%}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{aspect-ratio:16/10;background-color:#000;display:grid;left:0;place-items:center;position:absolute;top:0;width:100%}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{height:auto;width:100%}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media(max-width:400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;max-width:100%;width:100%}.lk-prejoin .lk-join-button{--lk-control-fg:var(--lk-accent-fg);--lk-control-bg:var(--lk-accent-bg);--lk-control-hover-bg:var(--lk-accent2);--lk-control-active-bg:var(--lk-accent3);--lk-control-active-hover-bg:var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{display:flex;height:calc(100% - var(--lk-control-bar-height));justify-content:center;position:relative;width:100%}.lk-grid-layout-wrapper{align-items:center;flex-direction:column}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{align-items:stretch;display:flex;height:100%;position:relative}.lk-video-conference-inner{align-items:stretch;display:flex;flex-direction:column;width:100%}.lk-settings-menu-modal{align-items:center;background:var(--lk-bg);background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);display:flex;flex-direction:column;gap:.5rem;left:50%;max-height:100%;max-width:100%;min-height:50vh;min-width:50vw;overflow-y:auto;padding:.75rem 1.25rem;position:fixed;top:50%;transform:translate(-50%,-50%)}.video-call{background:#1a1a1a;border-radius:16px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;flex-direction:column;height:100vh;max-height:800px;min-width:320px;overflow:hidden;position:relative;transition:all .3s ease;width:100%}.video-call.pip-mode{border-radius:12px;bottom:20px;box-shadow:0 8px 24px #0006;height:240px;position:fixed;right:20px;width:320px;z-index:1000}.video-call.loading{align-items:center;background:#2d3748;justify-content:center}.video-call-loading{align-items:center;display:flex;flex-direction:column;padding:40px 20px}.loading-spinner{border:3px solid #4a5568}.video-call.disconnected{align-items:center;background:#dc3545;justify-content:center}.video-call-disconnected{padding:40px 20px;text-align:center}.video-call-disconnected h3{font-size:18px;font-weight:600;margin:0 0 8px}.video-call-disconnected p{margin:0 0 20px;opacity:.9}.btn-retry{background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff;cursor:pointer;padding:8px 16px;transition:all .2s ease}.btn-retry:hover{background:#ffffff4d}.video-call-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;justify-content:space-between;padding:16px 20px;position:relative;z-index:10}.call-info,.video-call-header{align-items:center;display:flex}.call-info{font-size:14px;gap:12px}.connection-quality{font-size:16px}.call-duration{color:#4ade80;font-size:16px;font-weight:600}.participant-count{opacity:.8}.call-actions{align-items:center;display:flex;gap:12px}.layout-controls{background:#ffffff1a;border-radius:8px;display:flex;gap:4px;padding:4px}.btn-layout,.btn-minimize{align-items:center;background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-layout:hover,.btn-minimize:hover{background:#fff3}.btn-layout.active{background:#ffffff4d}.video-call-content{background:#000;display:flex;flex:1 1;flex-direction:column;position:relative}.video-call-content.minimized{display:none}.screen-share-container{background:#000;bottom:0;left:0;position:absolute;right:0;top:0;z-index:5}.screen-share-video{height:100%;object-fit:contain;width:100%}.screen-share-info{background:#dc3545e6;border-radius:6px;color:#fff;font-size:14px;font-weight:500;left:16px;padding:8px 12px;position:absolute;top:16px}.video-layout{display:flex;flex:1 1;position:relative}.grid-container{grid-gap:8px;display:grid;gap:8px;height:100%;padding:16px;width:100%}.grid-container.grid-1x2{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.grid-container.grid-2x2{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.grid-container.grid-2x3{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr}.grid-container.grid-3x3{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr}.grid-container.grid-4x4{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr}.participant-video{background:#2d3748;border-radius:12px;cursor:pointer;min-height:120px;overflow:hidden;position:relative;transition:all .2s ease}.participant-video:hover{box-shadow:0 4px 16px #667eea4d;transform:scale(1.02)}.participant-video.local{border:2px solid #4ade80}.speaker-container{display:flex;flex-direction:column;gap:12px;height:100%;padding:16px;width:100%}.main-speaker{background:#2d3748;border-radius:12px;flex:1 1;min-height:300px;overflow:hidden;position:relative}.thumbnail-strip{display:flex;gap:8px;height:120px;overflow-x:auto;padding:8px 0}.thumbnail{background:#2d3748;border:2px solid #0000;border-radius:8px;cursor:pointer;height:120px;min-width:160px;overflow:hidden;position:relative;transition:all .2s ease;width:160px}.thumbnail:hover{border-color:#667eea80;transform:scale(1.05)}.thumbnail.active{border-color:#667eea}.thumbnail.local{border-color:#4ade80}.pip-container{height:100%;position:relative;width:100%}.pip-main{border-radius:12px;height:100%;width:100%}.pip-main,.pip-overlay{background:#2d3748;overflow:hidden}.pip-overlay{border:2px solid #4ade80;border-radius:8px;height:90px;position:absolute;right:12px;top:12px;width:120px;z-index:10}.participant-video-container{background:#2d3748;border-radius:inherit;height:100%;overflow:hidden;position:relative;width:100%}.participant-video-container.large{min-height:300px}.participant-video-container.thumbnail{height:120px;width:160px}.participant-video-container.pip{height:90px;width:120px}.participant-video-element{background:#000;height:100%;object-fit:cover;width:100%}.video-placeholder{align-items:center;background:linear-gradient(135deg,#4a5568,#2d3748);display:flex;height:100%;justify-content:center;width:100%}.avatar-placeholder{align-items:center;display:flex;flex-direction:column;gap:12px;text-align:center}.avatar-icon{font-size:48px;opacity:.6}.participant-video-container.pip .avatar-icon,.participant-video-container.thumbnail .avatar-icon{font-size:32px}.participant-name{font-size:14px;font-weight:500;opacity:.9}.audio-status,.participant-video-container.pip .participant-name,.participant-video-container.thumbnail .participant-name{font-size:12px}.audio-status{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;border-radius:50%;bottom:8px;display:flex;height:24px;justify-content:center;left:8px;position:absolute;width:24px}.audio-status.active{background:#28a745cc}.audio-status.muted{background:#dc3545cc}.participant-info{background:linear-gradient(#0000,#000c);bottom:0;color:#fff;left:0;padding:24px 12px 8px;position:absolute;right:0}.participant-info .participant-name{font-size:14px;font-weight:600;text-shadow:0 1px 2px #00000080}.connection-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00000080;border-top:1px solid #ffffff1a;display:flex;font-size:12px;justify-content:space-around;padding:12px 16px}.connection-status,.network-quality,.participant-info{align-items:center;display:flex;gap:4px}.quality.excellent,.status.connected{color:#4ade80}.quality.good,.status.connecting{color:#fbbf24}.quality.poor,.status.disconnected{color:#ef4444}.video-call-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;display:flex;gap:16px;justify-content:center;padding:16px 20px}.video-call-controls.pip{background:#000000e6;border-radius:8px;bottom:8px;gap:8px;left:8px;padding:8px;position:absolute;right:8px}.btn-control{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;border-radius:50%;cursor:pointer;display:flex;font-size:18px;height:48px;justify-content:center;position:relative;transition:all .2s ease;width:48px}.video-call-controls.pip .btn-control{font-size:14px;height:36px;width:36px}.btn-control.audio{background:#4ade80;color:#fff}.btn-control.audio.muted{background:#ef4444}.btn-control.video{background:#3b82f6;color:#fff}.btn-control.video.disabled{background:#6b7280}.btn-control.screen-share{background:#f59e0b;color:#fff}.btn-control.screen-share.active{background:#d97706;box-shadow:0 0 0 3px #f59e0b4d}.btn-control.invite{background:#fff3;color:#fff}.btn-control.end-call{background:#ef4444;color:#fff}.btn-control:hover{transform:scale(1.1)}.btn-control:active{transform:scale(.95)}.invite-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.invite-dialog{background:#1f2937;border-radius:12px;box-shadow:0 20px 40px #00000080;color:#fff;max-height:80vh;max-width:400px;overflow:hidden;width:90%}.dialog-header{border-bottom:1px solid #374151;padding:16px 20px}.dialog-header h3{font-size:18px}.btn-close{border-radius:4px;color:#fff;font-size:16px;padding:4px}.btn-close:hover{background:#374151}.dialog-content{max-height:400px;padding:20px}.search-input{background:#374151;border:1px solid #4b5563;border-radius:8px;color:#fff;font-size:14px;margin-bottom:16px;padding:12px 16px;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.users-list{display:flex;flex-direction:column;gap:8px}.user-item{border-radius:8px;padding:12px}.user-item:hover{background:#374151}.user-avatar{background:#4b5563;height:32px;width:32px}.user-nickname{flex:1 1;font-weight:500}.dialog-footer{border-top:1px solid #374151;padding:16px 20px}.btn-cancel,.btn-invite{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:500;padding:10px 16px;transition:all .2s ease}.btn-cancel{background:#4b5563;color:#e5e7eb}.btn-cancel:hover:not(:disabled){background:#6b7280}.btn-invite{background:#667eea;color:#fff}.btn-invite:hover:not(:disabled){background:#5a67d8}.btn-cancel:disabled,.btn-invite:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.video-call{border-radius:0;height:100vh}.video-call.pip-mode{bottom:10px;height:200px;right:10px;width:280px}.video-call-header{padding:12px 16px}.call-info{font-size:12px;gap:8px}.grid-container{gap:4px;padding:8px}.speaker-container{gap:8px;padding:8px}.thumbnail,.thumbnail-strip{height:80px}.thumbnail{min-width:120px;width:120px}.pip-overlay{height:60px;right:8px;top:8px;width:80px}.video-call-controls{gap:12px;padding:12px 16px}.btn-control{font-size:16px;height:44px;width:44px}.connection-info{flex-direction:column;font-size:11px;gap:4px;padding:8px 12px;text-align:center}.invite-dialog{margin:10px;width:95%}@media (orientation:portrait){.speaker-container{flex-direction:column-reverse}.thumbnail-strip{flex-shrink:0;height:100px}.main-speaker{flex:1 1;min-height:200px}}}@media (prefers-color-scheme:dark){.video-call.loading{background:#111827}.loading-spinner{border-color:#667eea #374151 #374151}}.btn-control:focus,.btn-layout:focus,.btn-minimize:focus{outline:2px solid #667eea;outline-offset:2px}.participant-video:focus{outline:2px solid #667eea;outline-offset:-2px}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.video-call{animation:fadeIn .3s ease-out}.participant-video-container{animation:fadeIn .5s ease-out}.participant-video-element,.screen-share-video{will-change:transform}.video-call-controls,.video-call-header{will-change:backdrop-filter}.call-manager{background:#f8f9fa;margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.call-manager.full-screen{background:#000;margin:0;max-width:100%;padding:0}.notification{align-items:center;animation:slideInRight .3s ease-out;border-radius:8px;box-shadow:0 4px 12px #0003;color:#fff;display:flex;font-weight:500;gap:12px;min-width:300px;padding:16px 20px;position:fixed;right:20px;top:20px;z-index:1000}.notification.success{background:#10b981}.notification.error{background:#ef4444}.notification.info{background:#3b82f6}.notification-close{background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:4px;transition:background .2s ease}.notification-close:hover{background:#fff3}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.call-manager-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px}.call-manager-header h1{color:#1f2937;font-size:28px;font-weight:700;margin:0}.btn-create-call{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:12px 24px;transition:all .2s ease}.btn-create-call:hover:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.btn-create-call:disabled{cursor:not-allowed;opacity:.6;transform:none}.tab-navigation{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:4px;margin-bottom:24px;padding:8px}.tab-button{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:16px;font-weight:500;padding:12px 20px;transition:all .2s ease}.tab-button:hover{background:#f3f4f6;color:#374151}.tab-button.active{background:#667eea;color:#fff;font-weight:600}.tab-content{min-height:500px}.loading-container{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.empty-state{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;justify-content:center;padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.6}.empty-state h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:16px;margin:0 0 24px}.btn-refresh{background:#f3f4f6;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:500;padding:10px 20px;transition:all .2s ease}.btn-refresh:hover{background:#e5e7eb;transform:translateY(-1px)}.active-calls-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.list-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.list-header h3{color:#374151;font-size:20px;font-weight:600;margin:0}.calls-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.call-room-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;cursor:pointer;padding:20px;transition:all .2s ease}.call-room-card:hover{border-color:#667eea;box-shadow:0 8px 24px #0000001a;transform:translateY(-2px)}.room-header{gap:12px;margin-bottom:16px}.room-header,.room-type-icon{align-items:center;display:flex}.room-type-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;font-size:20px;height:48px;justify-content:center;width:48px}.room-info{flex:1 1;min-width:0}.room-info h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 4px}.room-creator{color:#6b7280;font-size:14px;margin:0}.room-status{border-radius:6px;font-size:12px;font-weight:600;padding:4px 8px}.room-status.active{background:#d1fae5;color:#065f46}.room-details{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:16px}.detail-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.detail-item .label{color:#6b7280;font-weight:500}.detail-item .value{color:#374151;font-weight:600}.room-actions{display:flex;gap:8px}.btn-join{background:#10b981;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-join:hover{background:#059669;transform:translateY(-1px)}.rooms-tab{display:flex;flex-direction:column;gap:32px}.room-types{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.room-type-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:32px 24px;text-align:center;transition:all .2s ease}.room-type-card:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.room-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;display:flex;font-size:36px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.room-type-card h3{color:#374151;font-size:20px;font-weight:600;margin:0 0 8px}.room-type-card p{color:#6b7280;line-height:1.6;margin:0 0 20px}.feature-list{list-style:none;margin:0;padding:0;text-align:left}.feature-list li{color:#374151;font-size:14px;padding:4px 0}.quick-actions{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:16px;justify-content:center;padding:32px 24px}.btn-quick-action{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:8px;padding:16px 32px;transition:all .2s ease}.btn-quick-action.audio{background:#10b981;color:#fff}.btn-quick-action.video{background:#3b82f6;color:#fff}.btn-quick-action:hover:not(:disabled){box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-quick-action:disabled{cursor:not-allowed;opacity:.6;transform:none}.history-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:24px}.history-items{display:flex;flex-direction:column;gap:12px}.history-item{align-items:center;background:#f9fafb;border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.history-item:hover{background:#f3f4f6}.history-icon{align-items:center;background:#e5e7eb;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.history-details{flex:1 1}.history-title{color:#374151;font-weight:600;margin-bottom:4px}.history-participants{color:#6b7280;font-size:14px;margin-bottom:2px}.history-time{color:#9ca3af;font-size:12px}.history-status{font-size:18px}.create-call-dialog-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.create-call-dialog{animation:dialogSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000004d;max-height:90vh;max-width:500px;overflow:hidden;width:90%}@keyframes dialogSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.dialog-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:24px}.dialog-header h3{color:#374151;font-size:20px;font-weight:600;margin:0}.btn-close{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:18px;padding:8px;transition:background .2s ease}.btn-close:hover{background:#f3f4f6}.dialog-content{max-height:60vh;overflow-y:auto;padding:24px}.form-group{margin-bottom:24px}.form-group label{color:#374151;display:block;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #d1d5db;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .2s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.call-type-options{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.type-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:16px;transition:all .2s ease}.type-option:hover{background:#f9fafb;border-color:#d1d5db}.type-option.selected{background:#f0f4ff;border-color:#667eea;color:#667eea}.search-input{margin-bottom:16px!important}.users-list{border:1px solid #e5e7eb;border-radius:8px;margin-bottom:12px;max-height:200px;overflow-y:auto}.user-item{align-items:center;border-bottom:1px solid #f3f4f6;cursor:pointer;display:flex;gap:12px;padding:12px 16px;transition:all .2s ease}.user-item:last-child{border-bottom:none}.user-item:hover:not(.offline){background:#f9fafb}.user-item.offline{cursor:not-allowed;opacity:.5}.user-item input[type=checkbox]{margin:0;width:auto}.user-info{flex:1 1;gap:12px}.user-avatar,.user-info{align-items:center;display:flex}.user-avatar{background:#e5e7eb;border-radius:50%;font-size:16px;height:36px;justify-content:center;width:36px}.user-details{flex:1 1}.user-nickname{color:#374151;display:block;font-weight:600;margin-bottom:2px}.user-status{display:block;font-size:12px}.user-status.online{color:#10b981}.user-status.offline{color:#6b7280}.selected-count{color:#667eea;font-size:14px;font-weight:600;text-align:center}.dialog-footer{border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:space-between;padding:24px}.btn-cancel,.btn-create{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-cancel{background:#f3f4f6;color:#374151}.btn-cancel:hover:not(:disabled){background:#e5e7eb}.btn-create{background:#667eea;color:#fff}.btn-create:hover:not(:disabled){background:#5a67d8}.btn-cancel:disabled,.btn-create:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.call-manager{padding:16px}.call-manager-header{flex-direction:column;gap:16px;padding:20px;text-align:center}.call-manager-header h1{font-size:24px}.tab-navigation{flex-direction:column;gap:8px}.tab-button{padding:16px}.calls-grid,.room-types{grid-template-columns:1fr}.quick-actions{align-items:center;flex-direction:column}.btn-quick-action{justify-content:center;max-width:300px;width:100%}.create-call-dialog{margin:20px;width:95%}.call-type-options{grid-template-columns:1fr}.dialog-footer{flex-direction:column}.notification{left:10px;min-width:auto;right:10px}}@media (prefers-color-scheme:dark){.call-manager{background:#111827;color:#fff}.active-calls-list,.call-manager-header,.history-list,.rooms-tab .quick-actions,.rooms-tab .room-type-card,.tab-navigation{background:#1f2937;border-color:#374151}.call-manager-header h1,.list-header h3,.room-type-card h3{color:#fff}.tab-button{color:#9ca3af}.tab-button:hover{background:#374151;color:#e5e7eb}.call-room-card{background:#1f2937;border-color:#374151}.history-item{background:#374151}.history-item:hover{background:#4b5563}.create-call-dialog{background:#1f2937;color:#fff}.form-group input{background:#374151;color:#fff}.form-group input,.users-list{border-color:#4b5563}.user-item{border-bottom-color:#374151}}