@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_396b12ce-module__rRjk0G__className{font-family:Inter,Inter Fallback;font-style:normal}
:root{--bg-dark:#0f172a;--bg-darker:#020617;--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--accent:#3b82f6;--accent-hover:#2563eb;--accent-soft:#3b82f61a;--accent-glow:#3b82f633;--text-main:#f8fafc;--text-muted:#94a3b8;--font-size-xs:.75rem;--font-size-sm:.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;--panel-radius:16px;--transition:transform .2s cubic-bezier(.4,0,.2,1),opacity .2s ease;--glass-shadow:0 8px 32px 0 #0000005c;--card-shadow:0 4px 12px #0000001a;--header-height:72px;--sidebar-width:360px}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;height:100%}body{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--font-size-base);background-color:var(--bg-darker);color:var(--text-main);text-rendering:optimizeLegibility;background-image:radial-gradient(at 0 0,#3b82f61a 0,#0000 50%),radial-gradient(at 100% 100%,#9333ea1a 0,#0000 50%);line-height:1.6;overflow-x:hidden}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-main{flex:1}header{height:var(--header-height);z-index:2000;position:sticky;top:0}.animate-slide-up{will-change:transform,opacity;opacity:0;animation:.6s cubic-bezier(.16,1,.3,1) forwards slideUp}.animate-fade-in{will-change:opacity;animation:.4s ease-out fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.divider{background:var(--glass-border);width:1px;height:24px;margin:0 16px}.search-box{background:var(--glass-bg);border:1px solid var(--glass-border);width:100%;max-width:500px;transition:var(--transition);border-radius:14px;align-items:center;padding:6px;display:flex;position:relative}.search-box:focus-within{border-color:var(--accent);background:#ffffff14;box-shadow:0 0 0 4px #3b82f626}.search-box input{color:var(--text-main);font-size:var(--font-size-base);background:0 0;border:none;outline:none;flex:1;padding:8px 16px}.search-box button{background:var(--accent);color:#fff;cursor:pointer;transition:var(--transition);font-weight:600;font-size:var(--font-size-sm);border:none;border-radius:10px;padding:8px 20px}.search-box button:hover{background:var(--accent-hover);transform:translateY(-1px)}.user-controls{align-items:center;gap:12px;display:flex}.action-btn{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--text-main);cursor:pointer;width:40px;height:40px;transition:var(--transition);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.action-btn:hover{background:var(--glass-border);border-color:var(--accent);transform:translateY(-2px)}.action-btn:active{transform:translateY(0)}.inbox-layout-wrapper{height:calc(100vh - var(--header-height));background:var(--bg-darker);display:flex;position:relative;overflow:hidden}.app-root{background:var(--bg-darker);flex-direction:column;min-height:100vh;display:flex;position:relative}.app-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 0 0,#3b82f60d 0%,#0000 40%),radial-gradient(circle at 100% 100%,#8b5cf60d 0%,#0000 40%);width:100%;height:100%;position:absolute;top:0;left:0}.landing-hero{z-index:1;flex-direction:column;align-items:center;padding:140px 24px 100px;display:flex;position:relative}.hero-content{flex-direction:column;align-items:center;width:100%;max-width:800px;margin-bottom:100px;display:flex}.hero-badge{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:100px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.8rem;font-weight:700;display:flex}.badge-dot{background:#3b82f6;border-radius:50%;width:6px;height:6px;animation:2s infinite pulse;box-shadow:0 0 10px #3b82f6}@keyframes pulse{0%,to{opacity:.5}50%{opacity:.8}}.main-logo-text{color:#fff;letter-spacing:-.04em;text-align:center;margin-bottom:20px;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:900;line-height:1.1}.hero-subtitle{color:#94a3b8;text-align:center;max-width:600px;margin-bottom:48px;font-size:clamp(1rem,2vw,1.25rem);line-height:1.6}.hero-search-container{flex-direction:column;align-items:center;gap:20px;width:100%;max-width:640px;margin-bottom:48px;display:flex}.hero-input-wrapper{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);background:#0f172a99;border-radius:24px;align-items:center;width:100%;padding:8px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 20px 40px #0000004d}.hero-input-wrapper:focus-within{background:#0f172acc;border-color:#3b82f680;transform:translateY(-2px);box-shadow:0 25px 50px #0006}.input-prefix{color:#475569;padding-left:20px;font-size:1.25rem;font-weight:700}.hero-input-wrapper input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:16px;font-size:1.125rem;font-weight:600}.hero-go-btn{color:#020617;cursor:pointer;background:#fff;border:none;border-radius:18px;align-items:center;gap:12px;height:56px;padding:0 24px;font-weight:800;transition:all .2s;display:flex}.hero-go-btn:hover{background:#f1f5f9;transform:scale(1.02)}.hero-random-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:10px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.hero-random-btn:hover{color:#fff;background:#ffffff0d;border-color:#fff3}.mode-selection-glass{border:1px solid var(--glass-border);background:#0f172a99;border-radius:20px;width:fit-content;margin-bottom:40px;padding:6px;display:flex;position:relative}.mode-pill-bg{background:#3b82f6;border-radius:14px;width:calc(50% - 6px);height:calc(100% - 12px);transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:6px;left:6px;box-shadow:0 4px 15px #3b82f64d}.mode-pill-bg.private{transform:translate(100%)}.mode-option{z-index:2;color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:10px 24px;font-size:.9rem;font-weight:700;transition:color .3s;position:relative}.mode-option.active{color:#fff}.domain-status-info{color:#64748b;font-size:.85rem}.domain-status-info strong{color:#94a3b8}.domain-status{color:#64748b;font-size:.85rem;font-weight:600}.domain-status span{color:#94a3b8}.features-row{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;max-width:1100px;margin-bottom:120px;display:grid}.feature-box{border:1px solid var(--glass-border);text-align:center;transition:var(--transition);background:#0f172a4d;border-radius:20px;padding:32px 24px}.feature-box:hover{background:#0f172a80;border-color:#3b82f64d;transform:translateY(-5px)}.feature-box .feature-icon{margin-bottom:16px;font-size:2rem}.feature-box h3{color:#fff;margin-bottom:10px;font-size:1.1rem}.feature-box p{color:#64748b;font-size:.9rem;line-height:1.5}.how-it-works-section{width:100%;max-width:1000px;margin-top:40px}.how-it-works-section h2{text-align:center;margin-bottom:60px;font-size:2rem;font-weight:800}.how-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:48px 60px;display:grid}.how-step{gap:24px;display:flex}.how-step .step-num{color:#1e293b;background:linear-gradient(#3b82f6,#1e3a8a);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900;line-height:1}.how-step h3{color:#fff;margin-bottom:10px;font-size:1.1rem}.how-step p{color:#64748b;font-size:.9rem;line-height:1.6}@media (max-width:768px){.features-row,.how-grid{grid-template-columns:1fr}}@media (max-width:1024px){:root{--sidebar-width:100%}.main-content{grid-template-columns:1fr}.mobile-hide{display:none!important}header{padding:0 16px}.search-box{display:none}.desktop-nav{display:none!important}.hero-input-wrapper{flex-direction:column;gap:12px;box-shadow:none!important;background:0 0!important;border:none!important;padding:0!important}.hero-input-wrapper input{text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border)!important;background:#0f172a99!important;border-radius:18px!important;width:100%!important}.hero-go-btn{justify-content:center;width:100%!important}.input-prefix{display:none}.features-row{grid-template-columns:1fr!important;gap:16px!important}}@media (max-width:768px){.main-logo-text{font-size:2.5rem!important}.hero-subtitle{margin-bottom:32px!important;font-size:1rem!important}.policy-content{border-radius:20px!important;padding:24px!important}.how-grid{grid-template-columns:1fr!important;gap:32px!important}.modal-container{border-radius:16px;margin:10px}}.animate-fade-in{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards slideUp}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--glass-border);background-clip:padding-box;border:2px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#fff3 padding-box padding-box}.mobile-toggle{display:none}@media (max-width:1024px){.mobile-toggle{justify-content:center;align-items:center;display:flex}}.bg-mesh{z-index:-1;pointer-events:none;filter:blur(100px);background:radial-gradient(circle at 10% 10%,#3b82f61f 0%,#0000 40%),radial-gradient(circle at 90% 90%,#9333ea1f 0%,#0000 40%),radial-gradient(circle at 50% 10%,#3b82f60d 0%,#0000 50%),radial-gradient(circle,#0f172a 0%,#0000 100%);position:fixed;inset:0}.dropdown-menu{border:1px solid var(--glass-border);z-index:2000;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172af2;border-radius:20px;min-width:240px;margin-top:12px;padding:8px;position:absolute;top:100%;right:0;overflow:hidden;box-shadow:0 20px 40px #00000080}.dropdown-header{border-bottom:1px solid var(--glass-border);margin-bottom:8px;padding:16px}.user-name{color:var(--text-main);font-size:15px;font-weight:700}.user-email{color:var(--text-muted);margin-top:2px;font-size:13px}.dropdown-item{width:100%;color:var(--text-muted);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 16px;font-size:14px;font-weight:500;display:flex}.dropdown-item.danger{color:#ef4444}.profile-avatar{border:2px solid var(--accent);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);cursor:pointer;transition:var(--transition);border-radius:50%;justify-content:center;align-items:center;font-weight:800;display:flex}.profile-avatar:hover{transform:scale(1.05)rotate(5deg);box-shadow:0 0 15px #3b82f666}.dropdown-item.danger:hover{background:#ef44441a}.features-grid{grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1200px;margin-top:60px;display:grid}@media (max-width:900px){.features-grid{grid-template-columns:1fr}}.feature-card{background:var(--glass-bg);border:1px solid var(--glass-border);text-align:left;transition:var(--transition);border-radius:24px;padding:40px 32px}.feature-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0000004d}.section-header{text-align:center;margin:120px 0 60px}.section-header h2{color:var(--text-main);letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800}.section-header p{color:var(--text-muted);max-width:600px;margin:0 auto;font-size:18px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;width:100%;max-width:1000px;margin:80px 0;display:grid}.stat-item{text-align:center}.stat-value{background:linear-gradient(#fff,#3b82f6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:3rem;font-weight:900;line-height:1}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:600}.feature-icon{background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:16px;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.feature-card h3{font-size:var(--font-size-xl);color:var(--text-main);margin-bottom:12px;font-weight:700}.feature-card p{color:var(--text-muted);line-height:1.6}.spinner{border:2px solid var(--accent);border-top-color:#0000;border-radius:50%;width:24px;height:24px;animation:1s linear infinite rotate}@keyframes rotate{to{transform:rotate(360deg)}}.policy-page{z-index:10;max-width:1000px;margin:0 auto;padding:140px 24px 80px;line-height:1.8;position:relative}.policy-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:80px;display:flex}.policy-header h1{letter-spacing:-.02em;background:linear-gradient(#fff 60%,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:clamp(2rem,5vw,2.75rem);font-weight:800;line-height:1.2}.policy-header p{color:var(--text-muted);max-width:600px;font-size:16px}.policy-content{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a66;border-radius:32px;padding:60px;box-shadow:0 30px 60px #0003}.policy-content h2{font-size:var(--font-size-3xl);color:var(--text-main);letter-spacing:-.02em;margin:48px 0 20px;font-weight:700}.policy-content h3{font-size:var(--font-size-xl);color:var(--text-main);margin:32px 0 16px;font-weight:600}.policy-content p{color:#94a3b8;font-size:var(--font-size-base);margin-bottom:20px}.policy-content ul,.policy-content ol{margin-bottom:24px;padding-left:20px}.policy-content li{color:#94a3b8;font-size:var(--font-size-base);margin-bottom:12px}.policy-content strong{color:var(--text-main);font-weight:600}.policy-content table{border-collapse:separate;border-spacing:0;border:1px solid var(--glass-border);border-radius:12px;width:100%;margin:32px 0;overflow:hidden}.policy-content th,.policy-content td{text-align:left;border-bottom:1px solid var(--glass-border);padding:16px}.policy-content th{color:var(--text-main);font-weight:700;font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;background:#ffffff08}.policy-content tr:last-child td{border-bottom:none}.back-home{color:var(--accent);transition:var(--transition);align-items:center;gap:10px;margin-bottom:40px;font-weight:600;text-decoration:none;display:inline-flex}.back-home:hover{color:var(--accent-hover);transform:translate(-5px)}.contact-grid{grid-template-columns:1.5fr 1fr;gap:40px;margin-top:40px;display:grid}@media (max-width:992px){.contact-grid{grid-template-columns:1fr}}.contact-card{border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172a66;border-radius:32px;padding:40px}.form-group{margin-bottom:24px}.form-group label{color:var(--text-muted);margin-bottom:10px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{border:1px solid var(--glass-border);color:#fff;width:100%;transition:var(--transition);background:#ffffff08;border-radius:16px;outline:none;padding:14px 18px;font-size:15px}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);background:#ffffff0f;box-shadow:0 0 0 4px #3b82f626}.send-btn{background:var(--accent);color:#fff;cursor:pointer;transition:var(--transition);border:none;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;font-size:16px;font-weight:700;display:flex}.send-btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 20px #3b82f64d}.send-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.modal-root{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:5000;background:#020617d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-container{background:#0f172a;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:440px;animation:.4s cubic-bezier(.16,1,.3,1) forwards scaleIn;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-glow{pointer-events:none;background:radial-gradient(circle,#3b82f633 0%,#0000 70%);width:200px;height:200px;position:absolute;top:-100px;left:50%;transform:translate(-50%)}.modal-close{color:#94a3b8;cursor:pointer;z-index:10;background:#ffffff0d;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-close:hover{color:#fff;background:#ffffff1a}.modal-main{padding:48px}.modal-heading{margin-bottom:32px}.modal-heading h2{color:#fff;letter-spacing:-.02em;margin-bottom:8px;font-size:2rem;font-weight:800}.modal-heading p{color:#94a3b8;font-size:.95rem;line-height:1.5}.modal-form{flex-direction:column;gap:20px;display:flex}.input-field{flex-direction:column;gap:8px;display:flex}.input-field label{color:#cbd5e1;padding-left:4px;font-size:.85rem;font-weight:700}.field-inner{align-items:center;display:flex;position:relative}.field-icon{color:#64748b;pointer-events:none;position:absolute;left:16px}.field-inner input{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:16px;outline:none;width:100%;padding:14px 16px 14px 48px;font-size:.95rem;transition:all .3s}.field-inner input:focus{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.submit-action-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:16px;justify-content:center;align-items:center;gap:12px;height:54px;margin-top:12px;font-size:1rem;font-weight:800;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.submit-action-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #fff3}.submit-action-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (max-width:480px){.modal-main{padding:32px 24px}.modal-container{border-radius:24px}}header{height:var(--header-height);z-index:2000;background:0 0;align-items:center;width:100%;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:0}header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172ab3;border-bottom:1px solid #ffffff14;box-shadow:0 10px 30px #0003}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.logo{cursor:pointer;align-items:center;gap:12px;transition:transform .2s;display:flex}.logo:hover{transform:translateY(-1px)}.logo-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:38px;height:38px;padding:4px;display:flex}img.logo-img{border-radius:10%}.logo span{color:#fff;letter-spacing:-.03em;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:800}.desktop-search{flex:1;max-width:420px;margin:0 40px;position:relative}.modern-search{background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;padding:4px;transition:all .3s;display:flex}.modern-search:focus-within{background:#ffffff14;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f61a}.input-wrapper{flex:1;align-items:center;padding-left:14px;display:flex}.search-icon{color:var(--text-muted)}.modern-search input{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:8px 12px;font-size:.9rem;font-weight:500}.switch-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:100px;padding:6px 16px;font-size:.8rem;font-weight:700;transition:all .2s}.switch-btn:hover{color:#000;background:#fff}.header-suggestions-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;box-shadow:0 20px 50px #0000004d}.suggestion-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;font-size:.65rem;font-weight:800}.suggestion-item{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.suggestion-item:hover,.suggestion-item.active{color:#fff;background:#ffffff0d}.suggestion-item svg{color:#3b82f6;opacity:.6}.header-actions{align-items:center;gap:20px;display:flex}.desktop-nav{align-items:center;gap:8px;display:flex}.nav-link{color:#94a3b8;border-radius:100px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff0d}.action-divider{background:#ffffff1a;width:1px;height:24px}.mode-toggle-pill-btn{cursor:pointer;color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:8px;padding:6px 14px;transition:all .3s;display:flex}.mode-toggle-pill-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.mode-toggle-pill-btn.private{color:#60a5fa;background:#3b82f61a;border-color:#3b82f633}.pill-dot{background:#22c55e;border-radius:50%;width:8px;height:8px}.private .pill-dot{background:#3b82f6;box-shadow:0 0 8px #3b82f6}.pill-text{font-size:.85rem;font-weight:700}.premium-login-btn{color:#000;cursor:pointer;background:#fff;border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.premium-login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #ffffff4d}.premium-login-btn:active{transform:translateY(0)}.avatar-btn{cursor:pointer;background:linear-gradient(135deg,#3b82f6,#9333ea);border:2px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.avatar-btn:hover{border-color:#fff;transform:scale(1.05)}.avatar-initial{color:#fff;font-size:1.1rem;font-weight:800}.modern-dropdown{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b;border:1px solid #ffffff1a;border-radius:20px;width:260px;margin-top:15px;padding:8px;position:absolute;top:100%;right:0;box-shadow:0 20px 50px #00000080}.dropdown-user-info{padding:16px}.dropdown-username{color:#fff;font-size:1rem;font-weight:700}.dropdown-email{color:#94a3b8;font-size:.85rem}.dropdown-btn{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;width:100%;padding:12px 16px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.dropdown-btn:hover{color:#fff;background:#ffffff0d}.logout-btn:hover{background:rgba(ef,68,68,.1);color:#f87171}.mobile-menu-toggle{cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:none}.hamburger{flex-direction:column;justify-content:space-between;width:20px;height:14px;display:flex;position:relative}.hamburger span{background:#fff;border-radius:2px;width:100%;height:2px;transition:all .3s;display:block}.mobile-menu-toggle.active .hamburger span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu-toggle.active .hamburger span:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-nav-root{top:var(--header-height);width:100%;height:calc(100vh - var(--header-height));z-index:1500;opacity:0;visibility:hidden;background:#020617;flex-direction:column;padding:24px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;left:0;transform:translateY(-10px)}.mobile-nav-root.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-nav-content{flex-direction:column;gap:32px;display:flex}.mobile-links{flex-direction:column;gap:8px;display:flex}.mobile-link{color:#fff;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;justify-content:space-between;align-items:center;padding:20px;font-size:1.1rem;font-weight:700;text-decoration:none;display:flex}.mobile-footer-actions{flex-direction:column;gap:16px;display:flex}.mode-toggle-pill-btn.large,.premium-login-btn.large{justify-content:center;width:100%;height:60px;font-size:1rem}@media (max-width:1024px){.header-container{padding:0 24px}.desktop-search,.desktop-nav,.action-divider{display:none}.mobile-menu-toggle{display:flex}.header-actions{gap:12px}}@media (max-width:480px){.header-container{padding:0 16px}.logo span,.premium-login-btn span{display:none}.premium-login-btn{justify-content:center;width:44px;height:44px;padding:10px}}.animate-scale-in{animation:.2s cubic-bezier(.16,1,.3,1) forwards scaleIn}.footer-root{background:#020617;border-top:1px solid #ffffff0d;width:100%;margin-top:auto;padding:80px 24px 40px}.footer-container{max-width:1400px;margin:0 auto}.footer-top{flex-wrap:wrap;justify-content:space-between;gap:60px;margin-bottom:80px;display:flex}.footer-brand{max-width:320px}.footer-logo{align-items:center;gap:12px;margin-bottom:20px;display:flex}.footer-logo span{color:#fff;letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.brand-pitch{color:#64748b;font-size:.95rem;line-height:1.6}.footer-grid{grid-template-columns:repeat(3,1fr);gap:60px;display:grid}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px;font-size:.9rem;font-weight:700}.footer-col{flex-direction:column;gap:12px;display:flex}.footer-col a{color:#94a3b8;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s}.footer-col a:hover{color:#fff}.footer-bottom{color:#475569;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-top:40px;font-size:.9rem;font-weight:500;display:flex}.footer-socials{gap:20px;display:flex}.footer-socials a{color:#475569;transition:all .2s}.footer-socials a:hover{color:#fff;transform:translateY(-2px)}@media (max-width:1024px){.footer-top{flex-direction:column;gap:48px}.footer-grid{gap:32px;width:100%}}@media (max-width:640px){.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column;gap:24px}}.hero-suggestions-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;background:#0f172af2;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 12px);left:0;right:0;box-shadow:0 20px 50px #00000080}.landing-suggestion-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;padding:8px 12px;font-size:.7rem;font-weight:800}.landing-suggestion-item{color:#fff;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.landing-suggestion-item:hover,.landing-suggestion-item.active{background:#ffffff0d}.landing-suggestion-item svg{color:#3b82f6}.inbox-page-outer{min-height:calc(100vh - var(--header-height));background:#020617;justify-content:center;padding:24px 0;display:flex}.inbox-layout-wrapper{width:100%;max-width:1300px;height:calc(100vh - var(--header-height) - 48px);background:#0f172a;border:1px solid #ffffff1a;border-radius:20px;margin:0 60px;display:flex;position:relative;overflow:hidden;box-shadow:0 40px 100px -20px #000000b3}@media (max-width:1400px){.inbox-layout-wrapper{margin:0 20px}}@media (max-width:1024px){.inbox-page-outer{padding:0}.inbox-layout-wrapper{height:calc(100vh - var(--header-height));border:none;border-radius:0;margin:0}}.sidebar-container{background:#f1f5f9;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:380px;height:100%;display:flex;position:relative}.sidebar-header-utility{background:#f8fafc;border-bottom:1px solid #e2e8f0;align-items:center;height:56px;padding:12px 16px;display:flex}.utility-top{justify-content:space-between;align-items:center;width:100%;display:flex}.utility-left,.utility-right{align-items:center;gap:8px;display:flex}.icon-btn-s.active{color:#3b82f6;background:#f1f5f9}.options-container{display:flex;position:relative}.options-dropdown{z-index:1000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;min-width:180px;margin-top:8px;padding:6px;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.options-dropdown .dropdown-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.options-dropdown .dropdown-item:hover{color:#3b82f6;background:#f1f5f9}.options-dropdown .dropdown-item svg{color:#94a3b8;transition:color .2s}.options-dropdown .dropdown-item:hover svg{color:#3b82f6}.dropdown-divider-s{background:#f1f5f9;height:1px;margin:6px 0}.icon-btn-s{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;display:flex}.icon-btn-s:hover:not(:disabled){color:#64748b;background:#f1f5f9}.icon-btn-s:disabled{opacity:.3;cursor:default}.pagination-arrows{background:0 0;align-items:center;gap:4px;display:flex}.page-arrow{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:2px;display:flex}.page-text{color:#94a3b8;text-align:center;min-width:45px;font-size:.75rem;font-weight:500}.mail-total-badge{color:#475569;background:#cbd5e1;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:800}.refresh-btn{color:#64748b;cursor:pointer;background:0 0;border:none;margin-left:4px;display:flex}.spinning{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sidebar-list{background:#fff;flex:1;overflow-y:auto}.list-separator{color:#94a3b8;text-transform:lowercase;background:#f8fafc;border-bottom:1px solid #f1f5f9;padding:8px 16px;font-size:.7rem;font-weight:800}.mail-list-item{cursor:pointer;border-bottom:1px solid #f1f5f9;padding:12px 16px;transition:all .15s;display:flex}.mail-list-item:hover{background:#f8fafc}.mail-list-item.is-active{background:#fff;border-left:3px solid #3b82f6;box-shadow:0 4px 12px #0000000d}.item-selection{margin-right:12px;padding-top:2px}.item-selection input{cursor:pointer;accent-color:#3b82f6;width:14px;height:14px}.item-content{flex:1;min-width:0}.item-row-top{justify-content:space-between;align-items:baseline;margin-bottom:2px;display:flex}.item-sender{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.item-time{color:#94a3b8;flex-shrink:0;font-size:.7rem;font-weight:500}.item-subject{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.loading-state-simple{text-align:center;padding:40px}.loading-spinner{border:2px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}.empty-list-info{text-align:center;color:#94a3b8;padding:40px 20px;font-size:.85rem}@media (max-width:1024px){.sidebar-container{width:100%}.mobile-hide{display:none!important}}.mail-detail-panel{background:#dfe6ed;flex-direction:column;flex:1;height:100%;display:flex;overflow:hidden}.mail-viewer-header-v2{background:linear-gradient(#f0f2f5,#e4e7eb);border-bottom:2px solid #cbd5e1;padding:12px 20px;position:relative;box-shadow:0 1px 3px #0000000d}.header-top-line{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px;display:flex}.subject-v2{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700;line-height:1.2}.subject-row-mobile{align-items:center;gap:12px;min-width:0;display:flex}.mobile-back-btn{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:4px;display:none}.mobile-back-btn:hover{background:#e2e8f0}.actions-v2{align-items:center;gap:12px;display:flex}.more-btn-relative{position:relative}.more-dropdown{z-index:100;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:150px;padding:4px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 25px #0000001a}.dropdown-item{color:#475569;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 14px;font-size:.8rem;font-weight:500;display:flex}.dropdown-item:hover{color:#1e3a8a;background:#f1f5f9}.dropdown-item.active{color:#3b82f6;background:#eff6ff;font-weight:700}.dropdown-divider{background:#e2e8f0;height:1px;margin:4px 0}.icon-btn-v2{color:#475569;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:2px;transition:all .15s;display:flex}.icon-btn-v2:hover{color:#1e3a8a}.icon-btn-v2.danger:hover{color:#dc2626}.icon-btn-v2.deliverability{color:#16a34a}.btn-label{text-transform:capitalize;font-size:.6rem;font-weight:600}.header-meta-info{flex-direction:column;gap:4px;display:flex}.meta-line{color:#475569;align-items:center;gap:8px;font-size:.8rem;display:flex}.av-circle{color:#fff;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.7rem;font-weight:800;display:flex}.meta-text{color:#334155}.meta-text strong{color:#0f172a;font-weight:700}.show-pics-link{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;align-items:center;gap:6px;width:fit-content;margin-top:4px;padding:2px 8px;font-size:.75rem;font-weight:600;display:flex}.show-pics-link:hover{color:#0f172a;background:#e2e8f0}.mail-body-container-v2{flex:1;padding:16px;overflow-y:auto}.mail-white-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;min-height:100%;padding:40px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.rendered-plain pre{white-space:pre-wrap;color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;padding:20px;font-family:inherit;font-size:.85rem;line-height:1.6}.email-content-iframe{background-color:#0000;width:100%}.mail-attachments-v2{border-top:1px dashed #cbd5e1;margin-top:40px;padding-top:24px}.att-title{color:#475569;margin-bottom:12px;font-size:.85rem;font-weight:700}.att-list-v2{flex-direction:column;gap:8px;display:flex}.att-item-v2{color:#3b82f6;border-radius:8px;align-items:center;gap:8px;width:fit-content;padding:6px 10px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.att-item-v2:hover{color:#2563eb;background:#eff6ff;text-decoration:none}.mail-footer-actions{gap:16px;margin-top:40px;display:flex}.quick-btn:hover{color:#0f172a;background:#e2e8f0;transform:translateY(-1px)}.quick-btn.primary{color:#fff;background:#3b82f6;border-color:#2563eb}.to-badge{color:#1e3a8a;background:#e2e8f0;border-radius:4px;padding:1px 6px;font-weight:600}@media (max-width:1024px){.actions-v2 .btn-label{display:none}.mail-white-card{padding:20px}.mobile-back-btn{display:flex}.header-top-line{gap:10px}.subject-v2{font-size:1rem}}@media (max-width:768px){.mail-viewer-header-v2{padding:10px 12px}.header-meta-info{gap:2px}.meta-text{font-size:.75rem}.quick-btn{padding:8px 16px;font-size:.8rem}}@media print{.no-print,.mail-back-btn{display:none!important}.mail-body-container-v2{padding:0;overflow:visible}.mail-white-card{box-shadow:none;border:none;padding:0}}.empty-view,.loading-view{text-align:center;background:#020617;flex:1;justify-content:center;align-items:center;height:100%;padding:40px;display:flex;position:relative;overflow:hidden}.loading-view{background:#020617;flex-direction:column;padding:40px}.skeleton-container{width:100%;max-width:800px;margin:0 auto}.skeleton-h1{background:#ffffff08;border-radius:8px;width:60%;height:32px;margin-bottom:24px;animation:2s infinite pulse}.skeleton-row{gap:16px;margin-bottom:32px;display:flex}.skeleton-circle{background:#ffffff08;border-radius:12px;width:40px;height:40px;animation:2s infinite pulse}.skeleton-col{flex-direction:column;flex:1;gap:8px;display:flex}.skeleton-h2{background:#ffffff05;border-radius:4px;width:30%;height:14px;animation:2s infinite pulse}.skeleton-h3{background:#ffffff05;border-radius:4px;width:20%;height:12px;animation:2s infinite pulse}.skeleton-block{background:#ffffff03;border-radius:20px;height:300px;animation:2s infinite pulse}.empty-view{text-align:center;background:#020617;flex:1;justify-content:center;align-items:center;height:100%;padding:40px;display:flex;position:relative;overflow:hidden}.empty-view-mesh{z-index:1;background-image:radial-gradient(at 0 0,#100f15 0,#0000 50%),radial-gradient(at 50% 0,#2f3e6a33 0,#0000 50%);position:absolute;inset:0}.empty-card-premium{z-index:2;text-align:center;width:100%;max-width:480px;position:relative}.icon-sphere{color:#3b82f6;background:#3b82f60d;border:1px solid #3b82f61a;border-radius:32px;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto 32px;display:flex;position:relative}.glow-ray{z-index:-1;background:radial-gradient(circle,#3b82f626 0%,#0000 70%);width:150%;height:150%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-card-premium h2{letter-spacing:-.04em;margin-bottom:12px;font-size:2.5rem;font-weight:900;color:#fff!important}.empty-card-premium p{font-size:1.1rem;font-weight:500;line-height:1.6;color:#94a3b8!important}@media (max-width:768px){.empty-view{padding:20px}.empty-card-premium h2{font-size:1.8rem}}.search-shortcut,.landing-search-shortcut{opacity:.4;pointer-events:none;z-index:5;gap:4px;transition:all .2s;display:flex;position:absolute;top:50%;right:60px;transform:translateY(-50%)}.search-shortcut kbd,.landing-search-shortcut kbd{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:2px 5px;font-family:inherit;font-size:.7rem;box-shadow:0 2px #0003}.input-wrapper:focus-within .search-shortcut,.hero-input-wrapper:focus-within .landing-search-shortcut,input:not(:placeholder-shown)~.search-shortcut,input:not(:placeholder-shown)~.landing-search-shortcut{opacity:0;visibility:hidden}.suggestion-item-v2{cursor:pointer;color:#94a3b8;border-radius:10px;justify-content:space-between;align-items:center;padding:8px 12px;transition:all .2s;display:flex}.suggestion-item-v2.active,.suggestion-item-v2:hover{color:#fff;background:#ffffff0d}.si-main{flex:1;align-items:center;gap:12px;font-size:.85rem;font-weight:600;display:flex}.si-remove{color:#475569;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:4px;transition:all .2s;display:flex}.suggestion-item-v2:hover .si-remove{opacity:1}.si-remove:hover{color:#ef4444;background:#ef44441a}.landing-suggestion-item-v2{cursor:pointer;color:#fff;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .2s;display:flex}.landing-suggestion-item-v2.active,.landing-suggestion-item-v2:hover{background:#ffffff0d}.l-si-main{flex:1;align-items:center;gap:12px;font-size:.9rem;font-weight:600;display:flex}.l-si-remove{color:#ffffff4d;cursor:pointer;opacity:0;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s;display:flex}.landing-suggestion-item-v2:hover .l-si-remove{opacity:1}.l-si-remove:hover{color:#ef4444;background:#ef44441a}@media (max-width:768px){.search-shortcut,.landing-search-shortcut{display:none}}.mail-footer-actions{border-top:1px solid #ffffff0f;gap:16px;margin-top:40px;padding-top:32px;display:flex}.quick-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.quick-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.quick-btn.primary{color:#fff;background:#3b82f6;border:none;box-shadow:0 4px 15px #3b82f64d}.quick-btn.primary:hover{background:#2563eb;box-shadow:0 8px 25px #3b82f666}.quick-btn svg{opacity:.8}@media (max-width:640px){.mail-footer-actions{flex-direction:column}}.nav-dropdown-wrapper{align-items:center;display:flex;position:relative}.tools-dropdown{-webkit-backdrop-filter:blur(25px)!important;backdrop-filter:blur(25px)!important;background:#0f172ad9!important;border:1px solid #ffffff1a!important;width:440px!important;margin-top:8px!important;padding:12px!important;box-shadow:0 25px 50px -12px #00000080!important}.tools-dropdown:before{content:"";background:0 0;height:15px;position:absolute;top:-15px;left:0;right:0}.dropdown-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.tool-item{align-items:center;gap:14px;display:flex;background:0 0!important;border-radius:14px!important;padding:14px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.tool-item:hover{transform:translateY(-2px);color:#fff!important;background:#ffffff0d!important}.tool-icon{background:#ffffff08;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.4rem;display:flex}.tool-item span:not(.tool-icon){color:#e2e8f0;font-size:.95rem;font-weight:600}.nav-link.dropdown-trigger{cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;transition:all .2s;display:flex}.nav-link.dropdown-trigger:hover,.nav-link.dropdown-trigger.active{color:#fff}.mobile-dropdown-section{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.mobile-grid-links{grid-template-columns:1fr 1fr;gap:12px;padding:0 8px;display:grid}.mobile-grid-item{color:#fff;background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:16px;text-decoration:none;transition:all .2s;display:flex}.mobile-grid-item:active{background:#ffffff0f;transform:scale(.95)}.mobile-grid-item .m-icon{margin-bottom:8px;font-size:1.5rem}.mobile-grid-item span{color:#94a3b8;font-size:.8rem;font-weight:600}.mobile-link.disabled{opacity:.5;pointer-events:none}
.chat-widget-container{z-index:9999;flex-direction:column;align-items:flex-end;gap:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;bottom:24px;right:24px}.chat-fab{cursor:pointer;color:#fff;background:#25d366;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 15px #0000004d}.chat-fab:hover{transform:scale(1.1);box-shadow:0 8px 25px #25d36666}.chat-fab svg{fill:currentColor;width:32px;height:32px}.chat-fab .unread-badge{color:#fff;background:#ef4444;border:2px solid #0f172a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:.75rem;font-weight:700;display:flex;position:absolute;top:0;right:0}.chat-window{transform-origin:100% 100%;background:#0b141a;border:1px solid #2a3942;border-radius:12px;flex-direction:column;width:380px;height:650px;max-height:calc(100vh - 100px);animation:.3s ease-out slideIn;display:flex;overflow:hidden;box-shadow:0 10px 40px #00000080}@keyframes slideIn{0%{opacity:0;transform:scale(.95)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}.chat-header{background:#202c33;border-bottom:1px solid #2a3942;flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:10px 16px;display:flex}.chat-header-title{color:#e9edef;align-items:center;gap:12px;font-size:1rem;font-weight:600;display:flex}.chat-header-actions{color:#aebac1;gap:16px;display:flex}.header-btn{color:#aebac1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;transition:background .2s;display:flex}.header-btn:hover{background:#ffffff1a}.user-status{color:#8696a0;font-size:.75rem;font-weight:400}.chat-content{background-blend-mode:overlay;background-color:#0b141a;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:400px;flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-content::-webkit-scrollbar{width:6px}.chat-content::-webkit-scrollbar-thumb{background:#fff3}.conversation-list{background:#111b21}.conversation-item{cursor:pointer;border-bottom:1px solid #202c33;align-items:center;gap:15px;padding:12px 16px;transition:background .2s;display:flex}.conversation-item:hover{background:#202c33}.conversation-item.active{background:#2a3942}.avatar{color:#fff;background:#6b7c85;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.1rem;font-weight:600;display:flex;overflow:hidden}.conversation-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conversation-top{justify-content:space-between;align-items:baseline;display:flex}.conversation-name{color:#e9edef;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:500;overflow:hidden}.conversation-time{color:#8696a0;flex-shrink:0;font-size:.75rem}.conversation-bottom{justify-content:space-between;align-items:center;display:flex}.conversation-preview{color:#8696a0;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:.85rem;overflow:hidden}.unread-count{color:#111b21;background:#25d366;border-radius:50%;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:.75rem;font-weight:700;display:flex}.messages-container{flex-direction:column;gap:4px;padding:20px 6%;display:flex}.message-bubble{word-wrap:break-word;border-radius:8px;max-width:75%;margin-bottom:4px;padding:6px 10px 8px 12px;font-size:.9rem;line-height:1.4;position:relative;box-shadow:0 1px .5px #00000021}.message-bubble.mine{color:#e9edef;background:#005c4b;border-top-right-radius:0;align-self:flex-end}.message-bubble.mine:before{content:"";border-top:8px solid #005c4b;border-bottom:0;border-left:8px solid #005c4b;border-right:8px solid #0000;width:0;height:0;position:absolute;top:0;right:-8px}.message-bubble.theirs{color:#e9edef;background:#202c33;border-top-left-radius:0;align-self:flex-start}.message-bubble.theirs:before{content:"";border-top:8px solid #202c33;border-bottom:0;border-left:8px solid #0000;border-right:8px solid #202c33;width:0;height:0;position:absolute;top:0;left:-8px}.message-meta{float:right;align-items:center;gap:4px;height:14px;margin-top:4px;margin-left:12px;display:flex}.message-time{color:#fff9;font-size:.68rem;line-height:1}.read-status{align-items:center;display:flex}.read-status svg{color:#53bdeb;width:16px;height:16px}.read-status.pending svg{color:#fff9}.typing-indicator{color:#25d366;background:#202c33;border-radius:12px;align-self:flex-start;margin-bottom:10px;margin-left:20px;padding:8px 12px;font-size:.8rem;font-weight:600}.chat-input-area{background:#202c33;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.chat-input{color:#e9edef;background:#2a3942;border:none;border-radius:8px;outline:none;flex:1;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .2s}.chat-input:focus{background:#2a3942}.send-btn{color:#8696a0;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.send-btn.active{color:#00a884}.send-btn:hover{background:#ffffff0d}.empty-state{text-align:center;color:#8696a0;background:#111b21;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state-icon{opacity:.5;margin-bottom:16px;font-size:3rem}.empty-state h3{color:#e9edef;margin-bottom:8px;font-size:1.5rem;font-weight:300}.empty-state p{max-width:250px;font-size:.9rem;line-height:1.5}.login-prompt-btn{color:#111b21;cursor:pointer;background:#00a884;border:none;border-radius:24px;margin-top:24px;padding:10px 24px;font-weight:600;transition:all .2s}.login-prompt-btn:hover{background:#008f6f}@media (max-width:600px){.chat-window{z-index:10000;border-radius:0;width:100%;height:100%;max-height:100vh;position:fixed;inset:0}}