.navbar-wrapper{position:fixed;top:0;left:0;right:0;z-index:1000;padding:20px 0;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-wrapper.scrolled{padding:10px 0}.navbar-container{max-width:1100px;width:92%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 20px;border-radius:100px;background:#0a0f1e99;backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid rgba(255,255,255,.08);box-shadow:0 8px 32px #0000004d,inset 0 1px #ffffff0d;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-wrapper.scrolled .navbar-container{background:#0a0f1ed9;box-shadow:0 12px 40px #0006,inset 0 1px #ffffff0f;border-color:#ffffff1a}.nav-logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex-shrink:0;z-index:1001}.logo-text{font-size:1.6rem;font-weight:700;color:#f8fafc;letter-spacing:-.5px;font-family:Outfit,sans-serif;transition:color .3s ease;display:flex;align-items:center}.nav-logo:hover .logo-text{color:#fff;text-shadow:0 0 20px rgba(168,85,247,.4)}.logo-dot{color:#a855f7}.logo-cursor{display:inline-block;width:3px;height:24px;background-color:#a855f7;margin-left:4px;border-radius:4px;animation:blink 1.2s ease-in-out infinite;box-shadow:0 0 10px #a855f780}@keyframes blink{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.85)}}.nav-links.desktop-nav{display:flex;align-items:center;gap:2px}.nav-link{position:relative;color:#f8fafc80;font-size:.82rem;font-weight:500;padding:8px 16px;border-radius:50px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.nav-link:hover{color:#f8fafcd9}.nav-link.active{color:#fff;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav-indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;border-radius:50%;background:#a855f7;box-shadow:0 0 8px #a855f799}.nav-cta.desktop-nav{position:relative;display:flex;align-items:center;gap:8px;padding:10px 24px;border-radius:50px;background:linear-gradient(135deg,#a855f7,#4c1d95);color:#fff;font-weight:700;font-size:.82rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #a855f733;flex-shrink:0}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 24px #a855f759}.cta-pulse{position:absolute;inset:0;border-radius:50px;border:2px solid rgba(0,242,177,.6);animation:ctaPulse 2s ease-out infinite;pointer-events:none}@keyframes ctaPulse{0%{transform:scale(1);opacity:.6}to{transform:scale(1.3);opacity:0}}.nav-burger{display:none;flex-direction:column;justify-content:space-between;width:24px;height:18px;background:transparent;border:none;cursor:pointer;padding:0;z-index:1001;margin-right:12px}.burger-line{width:100%;height:2px;background-color:#f8fafc;border-radius:10px;transition:all .3s ease;transform-origin:left center}.nav-burger.open .burger-line:nth-child(1){transform:rotate(45deg)}.nav-burger.open .burger-line:nth-child(2){width:0%;opacity:0}.nav-burger.open .burger-line:nth-child(3){transform:rotate(-45deg)}.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:100%;height:100vh;background:#010409f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .4s cubic-bezier(.4,0,.2,1)}.mobile-nav.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-content{display:flex;flex-direction:column;align-items:center;gap:30px;padding:20px;width:100%}.mobile-nav-link{color:#f8fafcb3;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link.active{color:#00f2b1;transform:scale(1.1)}.mobile-nav-cta{margin-top:20px;font-size:1.1rem;padding:16px 40px}@media(max-width:900px){.nav-links.desktop-nav,.nav-cta.desktop-nav{display:none}.nav-burger{display:flex}.navbar-container{padding:8px 8px 8px 16px;border-radius:50px}}@media(max-width:480px){.logo-text{display:none}.navbar-container{width:88%;padding:6px 6px 6px 12px}}.hero-modern{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding-top:120px;padding-bottom:100px;background-color:#030014;background-image:radial-gradient(circle at 50% 50%,#0f172a,#030014);position:relative;overflow:hidden}.hero-bg-effects{position:absolute;inset:0;pointer-events:none;overflow:hidden}.hero-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.15}.hero-glow-1{width:600px;height:600px;background:#a855f7;top:-200px;left:-100px;animation:glowFloat 8s ease-in-out infinite alternate}.hero-glow-2{width:500px;height:500px;background:#581c87;bottom:-150px;right:-100px;animation:glowFloat 10s ease-in-out infinite alternate-reverse}@keyframes glowFloat{0%{transform:translate(0)}to{transform:translate(40px,-30px)}}.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 75%)}.hero-container{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - 220px);justify-content:center}.hero-status{display:inline-flex;align-items:center;gap:8px;padding:6px 18px 6px 12px;border-radius:50px;background:#a855f714;border:1px solid rgba(168,85,247,.15);margin-bottom:2.5rem;font-size:.82rem;font-weight:500;color:#a855f7;letter-spacing:.3px}.hero-status .status-dot{width:8px;height:8px;border-radius:50%;background:#a855f7;box-shadow:0 0 10px #a855f799;animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.hero-title{font-size:clamp(3rem,10vw,6rem);font-weight:900;line-height:1.05;letter-spacing:-2px;margin-bottom:1.8rem;color:#f8fafc}.hero-title-line{display:flex;align-items:center;justify-content:center;gap:16px}.hero-title-icon{color:#a855f7;opacity:.6;flex-shrink:0}.hero-subtitle{font-size:1.15rem;color:#94a3b8;max-width:600px;margin:0 auto 2.5rem;line-height:1.7;font-weight:400}.hero-subtitle strong{color:#f8fafc;font-weight:600}.hero-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:3rem}.hero-tag{padding:5px 14px;border-radius:50px;font-size:.75rem;font-weight:500;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);color:#f8fafc99;letter-spacing:.3px;transition:all .3s ease}.hero-tag:hover{background:#a855f71a;border-color:#a855f733;color:#a855f7}.hero-btns{display:flex;gap:16px;justify-content:center;align-items:center}.btn-primary-filled{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#a855f7,#4c1d95);color:#fff;padding:14px 32px;border-radius:14px;font-weight:700;font-size:.95rem;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none;box-shadow:0 4px 20px #a855f733}.btn-primary-filled:hover{transform:translateY(-4px);box-shadow:0 12px 30px #a855f759}.btn-secondary-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;border-radius:14px;font-weight:600;font-size:.95rem;background:#ffffff0a;color:#f8fafc;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-secondary-outline:hover{border-color:#ffffff40;background:#ffffff14;transform:translateY(-4px)}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;color:#94a3b866;font-size:.7rem;font-weight:500;letter-spacing:1px;text-transform:uppercase;animation:scrollBounce 2s ease-in-out infinite}@keyframes scrollBounce{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}@media(max-width:768px){.hero-title{font-size:3.5rem;letter-spacing:-1.5px}.hero-title-icon{display:none}.hero-subtitle{font-size:1rem;padding:0 12px;margin-bottom:2rem}.hero-btns{flex-direction:column;width:100%;padding:0 24px}.btn-primary-filled,.btn-secondary-outline{width:100%;justify-content:center}.hero-tags{padding:0 16px}}.footer-v2{background:#020617;position:relative;padding:120px 0 40px;color:#94a3b8;overflow:hidden;border-top:1px solid rgba(255,255,255,.03)}.footer-mesh{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.15}.mesh-ball{position:absolute;border-radius:50%;filter:blur(120px);animation:floatingMesh 10s ease-in-out infinite}.mesh-ball-1{width:600px;height:600px;background:radial-gradient(circle,rgba(0,242,177,.2),transparent);top:-200px;left:-100px;animation-delay:0s}.mesh-ball-2{width:400px;height:400px;background:radial-gradient(circle,rgba(99,102,241,.15),transparent);bottom:-100px;right:-100px;animation-delay:-2s}.mesh-ball-3{width:300px;height:300px;background:radial-gradient(circle,rgba(34,211,238,.1),transparent);top:30%;left:40%;animation-delay:-5s}@keyframes floatingMesh{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.footer-v2 .container{position:relative;z-index:1}.footer-cta-wrapper{margin-bottom:100px}.mega-cta-card{background:linear-gradient(135deg,#ffffff0a,#ffffff03);border:1px solid rgba(255,255,255,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:48px;padding:80px;display:grid;grid-template-columns:1.5fr 1fr;gap:60px;overflow:hidden;position:relative;box-shadow:0 40px 100px -20px #00000080}.cta-chip{display:inline-block;padding:8px 16px;background:#00f2b114;color:#00f2b1;border-radius:50px;font-size:.8rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:24px;border:1px solid rgba(0,242,177,.15)}.mega-cta-title{font-size:4rem;font-weight:900;color:#f8fafc;line-height:1.05;letter-spacing:-2.5px;margin-bottom:24px}.gradient-text-alt{background:linear-gradient(135deg,#00f2b1,#22d3ee,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.mega-cta-desc{font-size:1.15rem;line-height:1.6;color:#94a3b8;max-width:500px;margin-bottom:40px}.btn-mega-primary{display:flex;align-items:center;gap:12px;background:#f8fafc;color:#020617;padding:20px 40px;border-radius:50px;font-weight:800;font-size:1.1rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);width:fit-content;box-shadow:0 10px 30px #f8fafc33}.btn-mega-primary:hover{transform:translateY(-4px) scale(1.02);background:#00f2b1;box-shadow:0 20px 40px #00f2b14d}.mega-cta-visual{position:relative;height:100%}.visual-circle{position:absolute;top:50%;right:-50px;transform:translateY(-50%);width:300px;height:300px;border:1px solid rgba(255,255,255,.05);border-radius:50%}.visual-dots{position:absolute;top:20px;right:20px;width:100px;height:100px;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1px);background-size:15px 15px}.footer-hub{display:grid;grid-template-columns:1fr 2fr;gap:80px;padding-bottom:80px;border-bottom:1px solid rgba(255,255,255,.05)}.hub-logo{font-size:2.2rem;font-weight:900;color:#f8fafc;margin-bottom:24px;letter-spacing:-.5px;cursor:pointer;width:fit-content}.hub-logo span{color:#00f2b1}.hub-bio{font-size:1.05rem;line-height:1.7;margin-bottom:32px}.expert-highlight{color:#f8fafc;font-weight:600}.hub-time{display:flex;align-items:center;gap:16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);padding:12px 20px;border-radius:16px;width:fit-content}.time-icon{width:36px;height:36px;background:#ffffff0a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#00f2b1}.time-details{display:flex;flex-direction:column}.time-label{font-size:.65rem;font-weight:700;letter-spacing:1px;color:#475569}.time-value{font-size:1.1rem;font-weight:800;color:#f1f5f9;font-variant-numeric:tabular-nums}.hub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.hub-col h4{font-size:.75rem;font-weight:800;color:#475569;letter-spacing:2px;margin-bottom:24px;text-transform:uppercase}.hub-nav{display:flex;flex-direction:column;gap:16px}.hub-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:#94a3b8;font-weight:600;transition:all .3s ease}.link-number{font-size:.7rem;color:#334155;font-family:monospace}.hub-link:hover{color:#00f2b1}.hub-link:hover .link-text{transform:translate(4px)}.link-text{transition:transform .3s ease}.hub-contact{display:flex;flex-direction:column;gap:20px}.hub-contact-item{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;transition:opacity .3s ease}.hub-contact-item:hover{opacity:.8}.item-icon{width:40px;height:40px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;color:#e2e8f0}.item-text{display:flex;flex-direction:column}.item-text small{font-size:.65rem;font-weight:700;color:#475569}.item-text span{font-size:.9rem;font-weight:600;color:#f1f5f9}.hub-socials{display:flex;flex-direction:column;gap:10px}.hub-social-btn{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;color:#94a3b8;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s cubic-bezier(.16,1,.3,1)}.footer-final{padding-top:40px;display:flex;justify-content:space-between;align-items:center}.final-left{display:flex;flex-direction:column;gap:6px}.final-copyright{font-size:.95rem}.text-white{color:#f1f5f9}.final-location{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#64748b}.tech-stack-premium{display:flex;align-items:center;gap:16px;margin-right:24px}.tech-label{font-size:.7rem;font-weight:800;color:#475569;letter-spacing:1px}.tech-pills{display:flex;gap:8px}.tech-pill{padding:4px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:.75rem;font-weight:600;color:#e2e8f0;transition:all .3s ease}.tech-pill:hover{background:#00f2b10d;border-color:#00f2b133;color:#00f2b1}.final-right{display:flex;align-items:center}.back-to-top{width:50px;height:50px;background:#f1f5f9;color:#020617;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 20px #0003}@media(max-width:1100px){.mega-cta-card{padding:60px;gap:40px}.mega-cta-title{font-size:3rem}}@media(max-width:968px){.mega-cta-card{grid-template-columns:1fr;text-align:center;border-radius:40px}.mega-cta-desc{margin:0 auto 40px}.btn-mega-primary{margin:0 auto}.visual-circle,.visual-dots{display:none}.footer-hub{grid-template-columns:1fr;gap:60px}.hub-brand{text-align:center;display:flex;flex-direction:column;align-items:center}.hub-bio{max-width:100%}}@media(max-width:768px){.hub-grid{grid-template-columns:1fr;gap:50px}.footer-final{flex-direction:column-reverse;gap:40px;text-align:center}.final-left,.final-right{align-items:center}.final-right{flex-direction:column;gap:30px}.tech-stack-premium{margin-right:0}}@media(max-width:480px){.mega-cta-card{padding:40px 24px}.mega-cta-title{font-size:2.2rem}.footer-v2{padding:80px 0 40px}.btn-mega-primary{padding:16px 30px;width:100%;justify-content:center}.tech-pills{flex-wrap:wrap;justify-content:center}}.loader-container{display:flex;justify-content:center;align-items:center;min-height:300px;width:100%;opacity:0;animation:fadeIn .3s ease-in forwards}.loader{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-bottom-color:var(--accent);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation .8s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{to{opacity:1}}:root{--bg-dark: #030014;--bg-light: #f1f5f9;--accent: #a855f7;--accent-secondary: #2e1065;--accent-muted: rgba(168, 85, 247, .1);--text-dark: #0f172a;--text-light: #f1f5f9;--text-muted: #94a3b8;--nav-bg: rgba(3, 0, 20, .8);--border-light: rgba(0, 0, 0, .05);--border-dark: rgba(255, 255, 255, .1);--font-family: "Outfit", sans-serif;--container-max-width: 1200px;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-dark);color:var(--text-light);line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{width:90%;max-width:var(--container-max-width);margin:0 auto;position:relative;z-index:10}.section-padding{padding:240px 0;position:relative}@media(max-width:768px){.section-padding{padding:120px 0}}.light-section{background-color:var(--bg-light);color:var(--text-dark);position:relative;overflow:hidden}.dark-section{background-color:var(--bg-dark);color:var(--text-light);position:relative;overflow:hidden}.accent-text{color:var(--accent)}.accent-gradient{background:linear-gradient(135deg,var(--accent),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-center{text-align:center;margin-bottom:60px}.badge{background:#a855f71a;color:var(--accent);padding:6px 16px;border-radius:50px;font-size:.85rem;font-weight:600;display:inline-block;margin-bottom:1.5rem;border:1px solid rgba(168,85,247,.2)}.section-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;letter-spacing:-1px}.section-subtitle{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto 4rem}.wave-divider{position:absolute;left:0;width:100%;overflow:hidden;line-height:0;z-index:5;pointer-events:none}.wave-divider.wave-bottom{bottom:-3px}.wave-divider.wave-top{top:-1px;transform:rotate(180deg);z-index:0}section{position:relative;overflow:hidden}.wave-divider svg{position:relative;display:block;width:calc(100% + 1.5px);height:160px}.btn-green{background:linear-gradient(135deg,#a855f7,#2e1065);color:#fff;padding:12px 28px;border-radius:50px;font-weight:700;font-size:.95rem;transition:var(--transition-smooth);border:none;cursor:pointer;box-shadow:0 4px 15px #a855f74d}.btn-green:hover{filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 8px 25px #a855f780}.glass-card{background:#ffffff08;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.05);border-radius:24px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#a855f766;border-radius:10px;transition:background .3s ease}::-webkit-scrollbar-thumb:hover{background:#a855f7}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#020617;position:relative;overflow:hidden;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-bg-effects{position:absolute;inset:0;z-index:0;pointer-events:none}.login-glow{position:absolute;border-radius:50%;filter:blur(140px)}.login-glow-1{width:500px;height:500px;background:#00f2b114;top:-200px;right:-100px;animation:glowDrift 12s ease-in-out infinite}.login-glow-2{width:400px;height:400px;background:#22d3ee0f;bottom:-150px;left:-100px;animation:glowDrift 14s ease-in-out infinite reverse}.login-glow-3{width:350px;height:350px;background:#a855f70d;top:50%;left:50%;transform:translate(-50%,-50%);animation:glowPulse 8s ease-in-out infinite}@keyframes glowDrift{0%,to{transform:translate(0)}33%{transform:translate(30px,-20px)}66%{transform:translate(-20px,30px)}}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}.login-particles{position:absolute;inset:0;pointer-events:none;z-index:0}.particle{position:absolute;border-radius:50%;background:#00f2b126;animation:particleFloat linear infinite}.particle-1{width:4px;height:4px;top:15%;left:20%;animation-duration:15s;animation-delay:0s}.particle-2{width:3px;height:3px;top:40%;left:80%;animation-duration:18s;animation-delay:-3s;background:#22d3ee26}.particle-3{width:5px;height:5px;top:70%;left:15%;animation-duration:20s;animation-delay:-6s}.particle-4{width:3px;height:3px;top:25%;left:65%;animation-duration:16s;animation-delay:-8s;background:#a855f726}.particle-5{width:4px;height:4px;top:85%;left:50%;animation-duration:14s;animation-delay:-4s}.particle-6{width:3px;height:3px;top:55%;left:35%;animation-duration:22s;animation-delay:-10s;background:#22d3ee1f}@keyframes particleFloat{0%{transform:translateY(0) translate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translate(50px);opacity:0}}.login-loading{display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.login-loader{position:relative;width:56px;height:56px;display:flex;align-items:center;justify-content:center}.login-loader-ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.04);border-top-color:#00f2b1;border-radius:50%;animation:spin 1s linear infinite}.login-loader-icon{color:#00f2b1;animation:pulse 2s ease-in-out infinite}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.login-card{position:relative;z-index:1;width:100%;max-width:440px;background:#ffffff04;border:1px solid rgba(255,255,255,.06);border-radius:28px;padding:44px 36px;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);box-shadow:0 32px 64px #0000004d;animation:cardIn .6s cubic-bezier(.16,1,.3,1)}@keyframes cardIn{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.login-header{text-align:center;margin-bottom:32px}.login-shield{width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,#00f2b11f,#22d3ee0f);border:1px solid rgba(0,242,177,.15);display:flex;align-items:center;justify-content:center;margin:0 auto 18px;color:#00f2b1;transition:all .4s ease}.login-shield.success{background:linear-gradient(135deg,#00f2b133,#00f2b114);border-color:#00f2b14d;box-shadow:0 0 32px #00f2b126;animation:shieldPulse .6s ease}.login-shield.error{background:linear-gradient(135deg,#ef44441f,#ef44440f);border-color:#ef444433;color:#ef4444}@keyframes shieldPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.login-header h1{font-size:1.8rem;font-weight:800;color:#f8fafc;letter-spacing:-.5px}.login-subtitle{color:#64748b;font-size:.84rem;margin-top:6px;font-weight:400}.login-message{border-radius:12px;padding:11px 16px;margin-bottom:20px;font-size:.82rem;text-align:center;font-weight:500}.login-error{background:#ef44440f;border:1px solid rgba(239,68,68,.15);color:#ef4444}.login-success{background:#00f2b10f;border:1px solid rgba(0,242,177,.15);color:#00f2b1}.totp-prompt{text-align:center;padding:8px 0 20px}.totp-icon-wrapper{width:48px;height:48px;border-radius:14px;background:#00f2b10f;border:1px solid rgba(0,242,177,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 14px;color:#00f2b1}.totp-icon{color:#00f2b1;margin-bottom:12px}.totp-prompt p{color:#94a3b8;font-size:.88rem;line-height:1.5}.digit-inputs{display:flex;gap:8px;justify-content:center;align-items:center;margin-bottom:24px}.digit-group{display:flex;align-items:center;gap:8px}.digit-separator{color:#334155;font-size:1.2rem;margin:0 2px;font-weight:300}.digit-input{width:52px;height:64px;text-align:center;font-size:1.4rem;font-weight:700;font-family:JetBrains Mono,SF Mono,monospace;background:#ffffff05;border:1.5px solid rgba(255,255,255,.08);border-radius:14px;color:#f8fafc;outline:none;transition:all .25s ease;caret-color:#00f2b1}.digit-input:focus{border-color:#00f2b180;box-shadow:0 0 0 3px #00f2b114,0 0 24px #00f2b10f;background:#00f2b105;transform:translateY(-2px)}.digit-input.filled{border-color:#00f2b133;background:#00f2b108;color:#00f2b1}.digit-input.has-error{border-color:#ef444466;animation:digitShake .4s ease}@keyframes digitShake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.digit-input:disabled{opacity:.5}.login-form{display:flex;flex-direction:column}.login-verifying{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;color:#00f2b1;font-size:.82rem;font-weight:500}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#00f2b1,#00c896);color:#010409;border:none;border-radius:14px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .3s ease;font-family:inherit;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:8px}.login-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 8px 32px #00f2b133}.login-btn:active:not(:disabled){transform:translateY(0)}.login-btn:disabled{opacity:.4;cursor:not-allowed}.setup-welcome{text-align:center;display:flex;flex-direction:column;gap:16px}.setup-icon-wrapper{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#00f2b11a,#22d3ee0f);border:1px solid rgba(0,242,177,.12);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#00f2b1}.setup-welcome h2{font-size:1.2rem;font-weight:700;color:#f8fafc}.setup-welcome>p{color:#94a3b8;font-size:.85rem;line-height:1.6}.setup-welcome>p strong{color:#00f2b1}.setup-steps{display:flex;flex-direction:column;gap:10px;margin:8px 0;text-align:left}.setup-step{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px;font-size:.82rem;color:#94a3b8}.step-number{width:28px;height:28px;border-radius:8px;background:#00f2b114;color:#00f2b1;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.78rem;flex-shrink:0}.setup-qr{text-align:center;display:flex;flex-direction:column;gap:16px}.qr-wrapper{display:flex;justify-content:center;padding:8px 0}.qr-image{width:220px;height:220px;border-radius:18px;display:block;background:#fff;padding:10px;box-shadow:0 8px 32px #0003}.qr-instruction{color:#94a3b8;font-size:.85rem;line-height:1.5}.qr-instruction strong{color:#00f2b1}.backup-secret{display:flex;flex-direction:column;gap:6px;text-align:left}.backup-secret small{color:#64748b;font-size:.72rem;font-weight:500}.secret-row{display:flex;align-items:center;gap:8px}.backup-secret code{flex:1;background:#f59e0b0a;padding:10px 14px;border-radius:10px;font-size:.72rem;color:#f59e0b;letter-spacing:1.5px;word-break:break-all;border:1px solid rgba(245,158,11,.1);font-family:JetBrains Mono,SF Mono,monospace}.copy-btn{width:38px;height:38px;border-radius:10px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.copy-btn:hover{background:#ffffff0f;color:#00f2b1}.login-footer{text-align:center;margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.04)}.login-footer a{color:#475569;font-size:.78rem;text-decoration:none;transition:color .2s ease;font-weight:500}.login-footer a:hover{color:#00f2b1}@media(max-width:480px){.login-card{padding:32px 24px;border-radius:22px}.digit-input{width:44px;height:56px;font-size:1.2rem;border-radius:12px}.digit-inputs{gap:6px}.login-header h1{font-size:1.5rem}.qr-image{width:180px;height:180px}}.accent-text{color:#00f2b1}.dashboard{display:flex;min-height:100vh;background:#060a13;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#e2e8f0;position:relative;overflow:hidden}.dashboard:before{content:"";position:fixed;top:-50%;right:-30%;width:80vw;height:80vw;background:radial-gradient(circle,rgba(0,242,177,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.dashboard:after{content:"";position:fixed;bottom:-40%;left:-20%;width:60vw;height:60vw;background:radial-gradient(circle,rgba(34,211,238,.02) 0%,transparent 70%);pointer-events:none;z-index:0}.dash-toast{position:fixed;top:24px;right:24px;z-index:9999;display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:14px;font-size:.84rem;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:toastIn .4s cubic-bezier(.16,1,.3,1);box-shadow:0 8px 32px #0000004d}.dash-toast.success{background:#00f2b11f;border:1px solid rgba(0,242,177,.2);color:#00f2b1}.dash-toast.error{background:#ef44441f;border:1px solid rgba(239,68,68,.2);color:#ef4444}.dash-toast button{background:none;border:none;color:inherit;cursor:pointer;opacity:.6;padding:2px;display:flex}.dash-toast button:hover{opacity:1}@keyframes toastIn{0%{transform:translate(100%) scale(.8);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.dash-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:#060a13;color:#64748b;gap:20px;font-family:Inter,sans-serif}.loader-wrapper{position:relative;width:64px;height:64px;display:flex;align-items:center;justify-content:center}.loader-ring{position:absolute;inset:0;border:2px solid rgba(255,255,255,.04);border-top-color:#00f2b1;border-radius:50%;animation:spin 1s linear infinite}.loader-icon{color:#00f2b1;animation:pulse 2s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(.9)}50%{opacity:1;transform:scale(1)}}.animate-in{animation:fadeSlideIn .5s cubic-bezier(.16,1,.3,1)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.dash-sidebar{width:260px;background:#ffffff04;border-right:1px solid rgba(255,255,255,.04);display:flex;flex-direction:column;justify-content:space-between;padding:20px 12px;flex-shrink:0;position:relative;z-index:10;transition:width .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dash-sidebar.collapsed{width:72px}.dash-sidebar-top{display:flex;flex-direction:column;gap:8px}.dash-sidebar-bottom{margin-top:auto}.dash-logo{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:24px;cursor:pointer;border-radius:12px;transition:all .2s ease}.dash-logo:hover{background:#ffffff08}.dash-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#00f2b126,#22d3ee14);border:1px solid rgba(0,242,177,.15);display:flex;align-items:center;justify-content:center;color:#00f2b1;flex-shrink:0}.dash-logo-text{font-weight:800;font-size:1.1rem;color:#f8fafc;white-space:nowrap;letter-spacing:-.3px}.dash-nav{display:flex;flex-direction:column;gap:2px}.dash-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:none;background:none;color:#64748b;font-size:.84rem;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left;position:relative;white-space:nowrap;overflow:hidden}.dash-nav-item:hover{background:#ffffff0a;color:#94a3b8}.dash-nav-item.active{background:#00f2b114;color:#00f2b1}.dash-nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:#00f2b1;border-radius:0 3px 3px 0}.nav-badge{margin-left:auto;background:#ffffff0f;padding:2px 8px;border-radius:50px;font-size:.68rem;font-weight:700;min-width:24px;text-align:center}.nav-badge.urgent{background:#ef44441f;color:#ef4444;animation:badgePulse 2s ease-in-out infinite}.nav-badge-dot{position:absolute;top:8px;right:8px;width:6px;height:6px;background:#ef4444;border-radius:50%}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dash-user{display:flex;align-items:center;gap:10px;padding:12px;border-top:1px solid rgba(255,255,255,.04);margin-top:8px}.dash-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#00f2b1,#22d3ee);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#010409;flex-shrink:0}.dash-user-info{flex:1;display:flex;flex-direction:column;min-width:0}.dash-username{font-weight:600;font-size:.84rem;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-user-info small{color:#475569;font-size:.68rem}.dash-logout{background:#ef44440f;border:1px solid rgba(239,68,68,.1);color:#ef4444;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dash-logout:hover{background:#ef44441f;border-color:#ef444433}.dash-main{flex:1;display:flex;flex-direction:column;overflow-y:auto;position:relative;z-index:1}.dash-topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid rgba(255,255,255,.04);background:#060a1399;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:sticky;top:0;z-index:20}.dash-page-title{font-size:1.4rem;font-weight:700;letter-spacing:-.5px;color:#f8fafc}.dash-page-subtitle{color:#475569;font-size:.78rem;margin-top:2px;text-transform:capitalize}.dash-topbar-right{display:flex;align-items:center;gap:8px}.topbar-btn{width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.06);background:#ffffff08;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;position:relative}.topbar-btn:hover{background:#ffffff0f;color:#f8fafc;border-color:#ffffff1a}.notification-dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#ef4444;color:#fff;border-radius:50px;font-size:.6rem;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #060a13}.dash-content-area{flex:1;padding:24px 32px 40px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:14px;padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.04);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-2px);border-color:#ffffff14}.stat-card:hover:before{opacity:1}.stat-gradient-1{background:linear-gradient(135deg,#00f2b10f,#00f2b105)}.stat-gradient-1:hover{box-shadow:0 8px 32px #00f2b114}.stat-gradient-1 .stat-icon-wrapper{background:#00f2b11a;color:#00f2b1}.stat-gradient-2{background:linear-gradient(135deg,#3b82f60f,#3b82f605)}.stat-gradient-2:hover{box-shadow:0 8px 32px #3b82f614}.stat-gradient-2 .stat-icon-wrapper{background:#3b82f61a;color:#3b82f6}.stat-gradient-3{background:linear-gradient(135deg,#f973160f,#f9731605)}.stat-gradient-3:hover{box-shadow:0 8px 32px #f9731614}.stat-gradient-3 .stat-icon-wrapper{background:#f973161a;color:#f97316}.stat-gradient-4{background:linear-gradient(135deg,#a855f70f,#a855f705)}.stat-gradient-4:hover{box-shadow:0 8px 32px #a855f714}.stat-gradient-4 .stat-icon-wrapper{background:#a855f71a;color:#a855f7}.stat-icon-wrapper{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-info{display:flex;flex-direction:column;flex:1}.stat-number{font-size:1.6rem;font-weight:800;color:#f8fafc;line-height:1;letter-spacing:-.5px}.stat-label{font-size:.75rem;color:#64748b;margin-top:4px;font-weight:500}.stat-arrow{color:#334155;transition:all .2s ease}.stat-card:hover .stat-arrow{color:#64748b;transform:translate(2px)}.overview-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.overview-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;overflow:hidden}.overview-card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(255,255,255,.04)}.overview-card-header h3{display:flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:#e2e8f0}.overview-card-header h3 svg{color:#00f2b1}.overview-link{display:flex;align-items:center;gap:4px;background:none;border:none;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:color .2s ease;font-family:inherit}.overview-link:hover{color:#00f2b1}.overview-card-body{padding:8px;max-height:380px;overflow-y:auto}.overview-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#334155;gap:8px}.overview-empty p{font-size:.85rem;font-weight:500}.overview-message-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.overview-message-row:hover{background:#ffffff08}.overview-message-row.unread{background:#00f2b105}.overview-msg-avatar{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#00f2b126,#22d3ee1a);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:#00f2b1;flex-shrink:0}.overview-msg-content{flex:1;min-width:0}.overview-msg-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:2px}.overview-msg-top strong{font-size:.82rem;font-weight:600;color:#e2e8f0}.overview-msg-time{font-size:.68rem;color:#475569}.overview-msg-preview{font-size:.76rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overview-unread-dot{width:8px;height:8px;background:#00f2b1;border-radius:50%;flex-shrink:0}.overview-moments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:4px}.overview-moment-thumb{aspect-ratio:1;border-radius:12px;overflow:hidden;position:relative;cursor:pointer}.overview-moment-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.overview-moment-thumb:hover img{transform:scale(1.08)}.overview-moment-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);display:flex;align-items:flex-end;padding:8px;opacity:0;transition:opacity .3s ease}.overview-moment-thumb:hover .overview-moment-overlay{opacity:1}.overview-moment-overlay span{font-size:.68rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.security-banner{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:linear-gradient(135deg,#00f2b10a,#22d3ee05);border:1px solid rgba(0,242,177,.08);border-radius:14px}.security-banner-left{display:flex;align-items:center;gap:12px;color:#00f2b1}.security-banner-left div{display:flex;flex-direction:column}.security-banner-left strong{font-size:.82rem;color:#e2e8f0}.security-banner-left p{font-size:.72rem;color:#64748b;margin-top:1px}.security-banner-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:8px;color:#94a3b8;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.security-banner-btn:hover{background:#ffffff0f;color:#f8fafc}.upload-card{background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:18px;margin-bottom:24px;overflow:hidden}.upload-card-header{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.04);color:#e2e8f0}.upload-card-header h3{font-size:.88rem;font-weight:600}.upload-card-header svg{color:#00f2b1}.upload-body{padding:22px}.upload-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px;border:2px dashed rgba(255,255,255,.06);border-radius:14px;cursor:pointer;transition:all .3s ease;color:#475569}.upload-dropzone:hover{border-color:#00f2b140;background:#00f2b105;color:#00f2b1}.dropzone-icon{width:64px;height:64px;border-radius:16px;background:#00f2b10f;display:flex;align-items:center;justify-content:center;margin-bottom:4px;transition:all .3s ease}.upload-dropzone:hover .dropzone-icon{background:#00f2b11a;transform:scale(1.05)}.upload-dropzone span{font-size:.88rem;font-weight:500}.upload-dropzone small{font-size:.72rem;opacity:.6}.upload-preview{position:relative;display:flex;justify-content:center}.upload-preview img{max-height:240px;border-radius:14px;display:block;box-shadow:0 8px 32px #0000004d}.upload-remove{position:absolute;top:10px;right:10px;background:#ef4444e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;color:#fff;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.upload-remove:hover{background:#ef4444;transform:scale(1.05)}.upload-controls{display:flex;gap:12px;margin-top:16px}.upload-title-input{flex:1;padding:11px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#f8fafc;font-size:.85rem;outline:none;font-family:inherit;transition:all .2s ease}.upload-title-input:focus{border-color:#00f2b14d;box-shadow:0 0 0 3px #00f2b10d}.upload-title-input::placeholder{color:#475569}.upload-btn{display:flex;align-items:center;gap:8px;padding:11px 24px;background:linear-gradient(135deg,#00f2b1,#00c896);color:#010409;border:none;border-radius:10px;font-size:.82rem;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.upload-btn:disabled{opacity:.4;cursor:not-allowed}.upload-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 8px 24px #00f2b126}.moments-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.moments-section-header h3{font-size:1rem;font-weight:600;color:#e2e8f0}.moments-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.moment-card{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:14px;overflow:hidden;transition:all .3s ease;cursor:pointer}.moment-card:hover{border-color:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.moment-image{aspect-ratio:1;overflow:hidden;position:relative}.moment-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.moment-card:hover .moment-image img{transform:scale(1.05)}.moment-overlay{position:absolute;inset:0;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff}.moment-card:hover .moment-overlay{opacity:1}.moment-footer{padding:14px;display:flex;justify-content:space-between;align-items:flex-end;gap:12px}.moment-info-main{flex:1;min-width:0}.moment-title{font-size:.82rem;color:#f8fafc;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;margin-bottom:2px}.moment-date{font-size:.65rem;color:#64748b;display:block;font-weight:500}.moment-actions{display:flex;align-items:center}.moment-delete{background:#ef44440d;border:1px solid rgba(239,68,68,.1);color:#ef4444;cursor:pointer;padding:6px;border-radius:8px;display:flex;transition:all .2s cubic-bezier(.4,0,.2,1)}.moment-delete:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;color:#334155;gap:10px;grid-column:1 / -1}.empty-icon{width:72px;height:72px;border-radius:18px;background:#ffffff08;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.empty-state p{font-weight:600;font-size:1rem}.empty-state small{font-size:.8rem;opacity:.7}.modal-backdrop{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#0c1120;border:1px solid rgba(255,255,255,.06);border-radius:20px;max-width:560px;width:100%;position:relative;animation:modalIn .3s cubic-bezier(.16,1,.3,1);overflow:hidden}@keyframes modalIn{0%{transform:scale(.95) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:8px;background:#ffffff0f;border:none;color:#94a3b8;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s ease}.modal-close:hover{background:#ffffff1a;color:#f8fafc}.modal-image{width:100%;max-height:400px;object-fit:contain;background:#000}.modal-info{padding:20px 24px}.modal-info h3{font-size:1.1rem;font-weight:600;color:#f8fafc;margin-bottom:6px}.modal-info p{display:flex;align-items:center;gap:6px;font-size:.78rem;color:#64748b}.modal-actions{padding:0 24px 20px;display:flex;gap:10px}.modal-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:.8rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;font-family:inherit}.modal-btn.danger{background:#ef444414;color:#ef4444;border:1px solid rgba(239,68,68,.15)}.modal-btn.danger:hover{background:#ef444426}.messages-toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.messages-search{display:flex;align-items:center;gap:10px;flex:1;min-width:200px;padding:0 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .2s ease}.messages-search:focus-within{border-color:#00f2b14d;box-shadow:0 0 0 3px #00f2b10d}.messages-search svg{color:#475569;flex-shrink:0}.messages-search input{flex:1;padding:11px 0;background:none;border:none;color:#f8fafc;font-size:.85rem;outline:none;font-family:inherit}.messages-search input::placeholder{color:#475569}.search-clear{background:none;border:none;color:#475569;cursor:pointer;padding:4px;display:flex;transition:color .2s}.search-clear:hover{color:#94a3b8}.messages-filters{display:flex;gap:6px}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;color:#64748b;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.filter-btn:hover{background:#ffffff0d;color:#94a3b8}.filter-btn.active{background:#00f2b114;border-color:#00f2b126;color:#00f2b1}.messages-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;min-height:500px}.messages-list{display:flex;flex-direction:column;gap:4px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:8px;overflow-y:auto;max-height:600px}.message-row{display:flex;align-items:flex-start;gap:12px;padding:14px 12px;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative}.message-row:hover{background:#ffffff08}.message-row.selected{background:#00f2b10a;border:1px solid rgba(0,242,177,.1)}.message-row.unread{background:#00f2b105}.message-row-avatar{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#00f2b11f,#22d3ee14);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;color:#00f2b1;flex-shrink:0}.message-row-content{flex:1;min-width:0}.message-row-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:3px}.message-row-top strong{font-size:.82rem;font-weight:600;color:#e2e8f0}.message-row-time{font-size:.68rem;color:#475569}.message-row-subject{margin-bottom:4px}.message-row-type{font-size:.68rem;padding:1px 8px;background:#00f2b10f;border-radius:50px;color:#00f2b1;font-weight:600}.message-row-preview{font-size:.75rem;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-unread-indicator{width:8px;height:8px;background:#00f2b1;border-radius:50%;flex-shrink:0;margin-top:4px}.message-detail{background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.message-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#334155;gap:12px}.message-detail-empty p{font-size:.85rem;color:#475569}.message-detail-header{padding:20px;border-bottom:1px solid rgba(255,255,255,.04)}.message-detail-back{display:none;background:none;border:none;color:#64748b;cursor:pointer;padding:4px;margin-bottom:12px}.message-detail-sender{display:flex;align-items:center;gap:12px;margin-bottom:12px}.message-detail-avatar{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#00f2b1,#22d3ee);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;color:#010409;flex-shrink:0}.message-detail-sender strong{display:block;font-size:.92rem;color:#f8fafc}.message-detail-sender span{font-size:.78rem;color:#64748b}.message-detail-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.message-detail-type{background:#00f2b114;color:#00f2b1;padding:4px 12px;border-radius:50px;font-size:.72rem;font-weight:600}.message-detail-date{display:flex;align-items:center;gap:6px;font-size:.72rem;color:#475569}.message-detail-body{padding:24px 20px;flex:1}.message-detail-body p{color:#94a3b8;font-size:.88rem;line-height:1.7;white-space:pre-wrap}.message-detail-actions{display:flex;gap:10px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.04)}.msg-action-btn{display:flex;align-items:center;gap:6px;padding:10px 18px;border-radius:10px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;text-decoration:none;border:none}.msg-action-btn.primary{background:linear-gradient(135deg,#00f2b1,#00c896);color:#010409}.msg-action-btn.primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.msg-action-btn.danger{background:#ef44440f;color:#ef4444;border:1px solid rgba(239,68,68,.1)}.msg-action-btn.danger:hover{background:#ef44441f}.dash-settings{display:flex;flex-direction:column;gap:20px;max-width:800px}.settings-section{background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:16px;padding:24px}.settings-section-header{display:flex;align-items:flex-start;gap:14px;margin-bottom:20px;color:#00f2b1}.settings-section-header div h3{font-size:1rem;font-weight:600;color:#f8fafc;margin-bottom:2px}.settings-section-header div p{font-size:.78rem;color:#64748b}.settings-2fa-card{display:flex;flex-direction:column;gap:20px}.settings-2fa-status{display:flex;flex-direction:column;gap:10px}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:50px;font-size:.72rem;font-weight:800;letter-spacing:.5px;width:fit-content}.status-badge.active{background:#00f2b11a;color:#00f2b1;border:1px solid rgba(0,242,177,.2)}.settings-2fa-status p{color:#94a3b8;font-size:.84rem;line-height:1.6}.settings-2fa-info{display:flex;flex-direction:column;gap:12px}.info-item{display:flex;align-items:center;gap:14px;padding:14px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:12px}.info-item svg{color:#00f2b1;flex-shrink:0}.info-item strong{display:block;font-size:.82rem;font-weight:600;color:#e2e8f0;margin-bottom:2px}.info-item span{font-size:.75rem;color:#64748b}.session-card{display:flex;flex-direction:column;gap:1px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.04)}.session-row{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:#ffffff04}.session-row:not(:last-child){border-bottom:1px solid rgba(255,255,255,.03)}.session-label{color:#64748b;font-size:.82rem;font-weight:500}.session-value{color:#e2e8f0;font-size:.82rem;font-weight:600}.security-tips{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tip-card{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#ffffff04;border:1px solid rgba(255,255,255,.04);border-radius:12px}.tip-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tip-icon.good{background:#00f2b114;color:#00f2b1}.tip-icon.warning{background:#f9731614;color:#f97316}.tip-card strong{display:block;font-size:.82rem;font-weight:600;color:#e2e8f0;margin-bottom:2px}.tip-card p{font-size:.75rem;color:#64748b;line-height:1.4}.danger-zone{border-color:#ef44441a}.danger-zone .settings-section-header{color:#ef4444}.danger-actions{display:flex;gap:10px}.danger-btn{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:10px;color:#ef4444;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.danger-btn:hover{background:#ef44441f;border-color:#ef444440}@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid,.security-tips{grid-template-columns:1fr}}@media(max-width:900px){.messages-layout{grid-template-columns:1fr}.message-detail{position:fixed;inset:0;z-index:100;border-radius:0;display:none}.message-detail.show,.message-detail-back{display:flex}}@media(max-width:768px){.dashboard{flex-direction:column}.dash-sidebar{width:100%;flex-direction:row;padding:12px 16px;align-items:center}.dash-sidebar.collapsed{width:100%}.dash-sidebar-top{flex-direction:row;align-items:center;gap:12px;flex:1}.dash-nav{flex-direction:row;gap:4px}.dash-nav-item span,.nav-badge{display:none}.dash-sidebar-bottom{margin-top:0}.dash-user{border-top:none;border-left:1px solid rgba(255,255,255,.04);margin-top:0;padding-left:12px}.dash-user-info{display:none}.dash-logo{margin-bottom:0}.dash-logo-text{display:none}.dash-topbar,.dash-content-area{padding:16px 20px}.stats-grid{grid-template-columns:repeat(2,1fr)}.upload-controls,.messages-toolbar{flex-direction:column}.messages-filters{width:100%;overflow-x:auto}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}.moments-grid{grid-template-columns:repeat(2,1fr)}.dash-page-title{font-size:1.1rem}}.dash-main::-webkit-scrollbar,.messages-list::-webkit-scrollbar,.overview-card-body::-webkit-scrollbar{width:6px}.dash-main::-webkit-scrollbar-track,.messages-list::-webkit-scrollbar-track,.overview-card-body::-webkit-scrollbar-track{background:transparent}.dash-main::-webkit-scrollbar-thumb,.messages-list::-webkit-scrollbar-thumb,.overview-card-body::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:10px}.dash-main::-webkit-scrollbar-thumb:hover,.messages-list::-webkit-scrollbar-thumb:hover,.overview-card-body::-webkit-scrollbar-thumb:hover{background:#ffffff1a}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}}@media(max-width:768px){.dashboard{flex-direction:column}.dash-sidebar{width:100%;height:auto;border-right:none;border-bottom:1px solid rgba(255,255,255,.04);padding:12px 16px;flex-direction:row!important;align-items:center;position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.dash-sidebar.collapsed{width:100%}.dash-logo{margin-bottom:0!important;padding:4px}.dash-nav{display:none!important}.dash-user{border-top:none!important;margin-top:0!important;padding:4px;margin-left:auto}.dash-username,.dash-user-info small{display:none}.dash-topbar{padding:16px 20px}.dash-content-area{padding:20px 16px}.stats-grid{grid-template-columns:1fr}.dash-page-title{font-size:1.2rem}}@media(max-width:480px){.dash-topbar-right{gap:4px}.topbar-btn{width:34px;height:34px}.dash-logo-text{display:none}}.error-boundary-container{height:100vh;width:100vw;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0f172a;color:#e2e8f0;font-family:Outfit,system-ui,sans-serif;text-align:center;padding:2rem}.error-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#f87171}.error-message{font-size:1.1rem;margin-bottom:2rem;opacity:.8;max-width:500px}.error-btn{padding:12px 24px;background-color:#3b82f6;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s;font-family:inherit;font-size:1rem}.error-btn:hover{background-color:#2563eb}