*{box-sizing:border-box}:root{--bg:#000;--panel:#131a1e;--panel-2:#1e282d;--text:#e1e7e9;--text-h:#fff;--muted:#8696a0;--border:#ffffff0d;--accent:#00d2a0;--accent-soft:#00d2a01f;--accent-rgb:0, 210, 160;--bubble-me:linear-gradient(135deg, #005c4b 0%, #008069 100%);--bubble-them:#202c33;--bubble-me-text:#fff;--bubble-them-text:#e9edef;--danger:#ff5252;--glass:#131a1e66;--glass-border:#ffffff14;--shadow-premium:0 8px 32px #0006;--shadow-light:0 4px 12px #00000026;--chat-radius-sm:12px;--chat-radius-md:18px;--chat-radius-lg:24px;--chat-radius-pill:999px;--font-main:"Lato", system-ui, sans-serif;--font-heading:"Plus Jakarta Sans", sans-serif;--font-mono:"Inter", system-ui, sans-serif;--gradient-mesh:radial-gradient(at 0% 0%, #00ffcc26 0, transparent 50%), radial-gradient(at 100% 100%, #00ffcc1a 0, transparent 50%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:#f0f2f5;--panel:#fff;--panel-2:#f7f7f7;--text:#111827;--text-h:#000;--muted:#6b7280;--border:#0000000f;--accent:#00a884;--accent-soft:#00a8841a;--bubble-me:#d9fdd3;--bubble-them:#fff;--bubble-me-text:#111b21;--bubble-them-text:#111b21;--danger:#ef4444;--glass:#ffffffb3;--glass-border:#0000000a;--shadow:0 4px 20px #00000014;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body,#app{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;margin:0;line-height:1.6}h1,h2,h3,h4,h5,h6,.welcome-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-h);margin-top:0;font-weight:700;line-height:1.2}:root[data-theme=system]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial}}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.auth-bg{background-color:var(--bg);background-image:radial-gradient(at 0 0,#00ffcc26 0,#0000 50%),radial-gradient(at 100% 0,#0080ff1a 0,#0000 50%),radial-gradient(at 100% 100%,#00ffcc1a 0,#0000 50%),radial-gradient(at 0 100%,#0080ff1a 0,#0000 50%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.auth-shell{align-items:center;gap:32px;width:100%;max-width:900px;display:flex}@media (width<=900px){.auth-shell{text-align:center;flex-direction:column;gap:32px}.auth-hero{display:none}}.auth-hero{flex:1}.auth-hero-badge{background:var(--accent-soft);color:var(--accent);letter-spacing:1px;border-radius:6px;margin-bottom:16px;padding:4px 10px;font-size:13px;font-weight:700;display:inline-block}.auth-hero-title{font-family:var(--font-heading);color:var(--text-h);margin-bottom:16px;font-size:48px;font-weight:700;line-height:1.1}.auth-hero-sub{color:var(--muted);margin-bottom:24px;font-size:16px;line-height:1.5}.auth-hero-pills{flex-wrap:wrap;gap:12px;display:flex}.pill{border:1px solid var(--border);color:var(--muted);background:#ffffff0d;border-radius:20px;padding:8px 16px;font-size:12px;font-weight:600}.auth-card-modern{background:var(--glass);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);width:100%;max-width:420px;min-height:590px;box-shadow:var(--shadow);border-radius:20px;padding:32px}.auth-header-modern{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.auth-title{font-family:var(--font-heading);color:var(--text-h);margin-bottom:8px;font-size:28px;font-weight:700}.auth-subtitle{color:var(--muted);font-size:15px}.tabs-modern{background:var(--panel-2);border-radius:10px;margin-bottom:20px;padding:3px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:10px;font-size:14px;font-weight:600;transition:all .2s}.form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.form-row{gap:16px;display:flex}.label{color:var(--text-h);font-size:13px;font-weight:600}.input-modern{background:var(--panel-2);border:1px solid var(--border);width:100%;color:var(--text);border-radius:0;outline:none;padding:10px 14px;font-size:14px;transition:all .2s}.input-modern:focus{border-color:var(--accent)}.input-row{align-items:center;display:flex;position:relative}.input-row .btn-icon{color:var(--muted);position:absolute;right:8px}.btn-primary-modern{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:0;justify-content:center;align-items:center;gap:10px;width:100%;padding:12px;font-size:15px;font-weight:700;transition:all .2s;display:flex}.btn-primary-modern:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-primary-modern:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary-modern .upload-loader{border-color:#fff #ffffff4d #ffffff4d}.auth-foot{text-align:center;margin-top:16px;font-size:14px}*{scrollbar-width:none!important;-ms-overflow-style:none!important}::-webkit-scrollbar{display:none!important}.otp-container{justify-content:center;gap:12px;margin:20px 0;display:flex}.otp-input{border:1.5px solid var(--border);background:var(--panel-2);width:48px;height:56px;color:var(--text-h);text-align:center;border-radius:12px;outline:none;min-width:0;font-size:24px;font-weight:700;transition:all .2s}@media (width<=400px){.otp-inputs{gap:8px}.otp-input{width:40px;height:48px;font-size:20px}}.otp-input:focus{border-color:var(--accent);box-shadow:0 4px 12px var(--accent-soft);transform:translateY(-4px)}#app{height:100%}.layout{background:var(--bg-gradient);background-size:200% 200%;gap:0;height:100vh;animation:15s infinite gradientFlow;display:flex;overflow:hidden}.main{background:var(--glass);border:1px solid var(--glass-border);min-width:0;box-shadow:none;border-top:none;border-bottom:none;border-right:none;border-radius:0;flex-direction:column;flex:1;margin:0;padding-bottom:36px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.sidebar{z-index:20;background:#1e293b;border-right:1px solid #ffffff0d;position:relative}:root[data-theme=light] .sidebar{background:#ffffff8c;border-right:1px solid #0000000d}@media (width<=768px){.layout.chat-page-layout{display:block;position:relative;overflow:hidden}.layout.chat-page-layout .sidebar{height:100vh;position:absolute;top:0;left:0;transform:translate(0);width:100%!important}.layout.chat-page-layout .main{background:var(--bg);height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(100%);width:100%!important}.layout.chat-page-layout.is-chat-open .main{transform:translate(0)}.layout.chat-page-layout.is-chat-open .sidebar{transform:translate(-100%)}.layout.chat-page-layout .welcome-screen{display:none}}.sidebar-brand{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.brand-left{align-items:center;gap:10px;display:flex}.btn-logout-sidebar{color:var(--danger);cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-logout-sidebar:hover{opacity:1;background:#ef44441a;transform:scale(1.1)}.brand-name{font-family:var(--font-heading);letter-spacing:-1px;color:var(--text-h);text-transform:uppercase;font-size:1.05rem;font-weight:800}.close-menu-item{border-top:1px solid var(--border);margin-top:4px;color:var(--danger)!important}.close-menu-item svg{color:var(--danger)}.sidebar-logo{object-fit:contain;display:block;width:auto!important;height:28px!important}.sidebar-header{border-bottom:1px solid var(--border);background:var(--panel);justify-content:space-between;align-items:center;height:60px;padding:12px 16px;display:flex}.avatar{background:var(--panel-2);width:40px;height:40px;font-weight:700;font-family:var(--font-heading);color:var(--accent);border:1.5px solid var(--border);cursor:pointer;border-radius:50%;place-items:center;transition:transform .2s;display:grid}.avatar:hover{transform:scale(1.05)}.user-profile{align-items:center;gap:12px;display:flex}.user-info{min-width:0}.user-name{color:var(--text);font-size:16px;font-weight:600}.user-status{color:var(--muted);font-size:12px}.header-actions{gap:8px;display:flex}.btn-icon{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.btn-icon:hover{background:#ffffff1a}.search-input-wrapper{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.search-input-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.search-icon{color:var(--muted);pointer-events:none;position:absolute;left:12px}.input-search{width:100%;color:var(--text);background:0 0;border:none;outline:none;padding:10px 12px 10px 40px;font-size:14px}.input-search::placeholder{color:var(--muted)}.sidebar-invite-section{border-bottom:1px solid var(--border);padding:12px 16px}.sidebar-chats{flex:1;overflow:hidden auto}.sidebar-category{margin-top:16px}.category-header{letter-spacing:1px;color:var(--accent);opacity:.8;background:#0000001a;padding:8px 16px;font-size:11px;font-weight:700}.chat-item{cursor:pointer;border-bottom:1px solid var(--border);background:0 0;align-items:center;gap:12px;padding:14px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.chat-item:hover{background:var(--panel-2)}.chat-item.active{background:var(--accent-soft);border-left:4px solid var(--accent)}.sidebar-footer{background:var(--panel);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:8px 12px}.footer-user{cursor:pointer;border-radius:14px;align-items:center;gap:12px;padding:8px;transition:all .2s;display:flex}.footer-user:hover{background:var(--panel-2)}.footer-avatar-container{background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.footer-avatar-img{object-fit:cover;width:100%;height:100%}.footer-avatar-container .avatar.mini{color:var(--accent);font-size:14px;font-weight:700}.footer-user-info{flex:1;min-width:0}.footer-user-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.footer-user-status{color:#20bf6b;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.status-dot{background:#20bf6b;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #20bf6b80}.header-avatar-container{background:var(--accent-soft);border:1px solid var(--border);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden}.header-avatar-img{object-fit:cover;width:100%;height:100%}.header-user-info{flex:1;min-width:0;margin-left:4px}.header-user-name{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600;overflow:hidden}.header-user-status{color:#20bf6b;align-items:center;gap:4px;font-size:.75rem;font-weight:500;display:flex}.invite-usage-section{margin-bottom:8px;padding:12px 8px}.usage-figures{align-items:center;gap:3px;font-size:.85rem;font-weight:700;display:flex}.usage-figures .current{color:var(--accent)}.usage-figures .separator{color:var(--border);font-weight:400}.usage-figures .total{color:var(--text-h)}.usage-progress-container{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;height:6px;overflow:hidden}.usage-progress-fill{background:linear-gradient(90deg, var(--accent), #6c5ce7);border-radius:10px;height:100%;transition:width .8s cubic-bezier(.34,1.56,.64,1)}.usage-progress-fill.warning{background:linear-gradient(90deg,#fdcb6e,#e17055)}.usage-progress-fill.danger{background:linear-gradient(90deg,#ff4757,#ff6b81)}.footer-main-container{align-items:flex-end;gap:12px;display:flex}.invite-usage-section{flex:1;padding:0}.usage-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.usage-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:.65rem;font-weight:700}.footer-settings-btn{width:38px;height:38px;color:var(--muted);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s;display:flex}.footer-settings-btn:hover{color:var(--accent);background:var(--accent-soft);border-color:var(--accent);transform:rotate(45deg)}.footer-settings-btn svg{opacity:.8}.chat-avatar{margin-right:12px}.group-avatar .avatar{color:#10b981;background:#10b98126;border-radius:12px}.project-avatar .avatar{color:#f59e0b;background:#f59e0b26;border-radius:8px}.avatar-img{overflow:hidden;border-color:var(--accent)!important}.avatar-img img{object-fit:cover;width:100%;height:100%}.chat-content{flex:1;min-width:0}.chat-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.chat-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:400;overflow:hidden}.chat-time{color:var(--muted);flex-shrink:0;margin-left:8px;font-size:12px}.chat-last-message{align-items:center;display:flex}.message-text{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.message-text.muted{font-style:italic}.empty-state{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-icon{margin-bottom:16px;font-size:48px}.empty-title{color:var(--text);margin-bottom:8px;font-size:18px;font-weight:600}.welcome-view{background:var(--panel-2)}.welcome-screen{background:var(--bg);background-image:var(--gradient-mesh);justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.welcome-background{background:radial-gradient(circle at 50% 50%, var(--accent-soft) 0%, transparent 70%);opacity:.5;pointer-events:none;position:absolute;inset:0}.welcome-content{text-align:center;z-index:1;max-width:900px;padding:40px}.welcome-illustration{color:var(--accent);opacity:.9;filter:drop-shadow(0 0 20px var(--accent-soft));margin-bottom:32px}.welcome-title{font-family:var(--font-heading);letter-spacing:-1.5px;color:var(--text-h);margin-bottom:12px;font-size:48px;font-weight:800}.welcome-subtitle{color:var(--muted);max-width:600px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:19px;line-height:1.5}.welcome-features{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width<=600px){.welcome-features{grid-template-columns:1fr}.feature-card{padding:16px}}.feature-card{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);text-align:left;border-radius:20px;flex-direction:row;align-items:center;gap:20px;padding:20px 24px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex}.feature-card:hover{border-color:var(--accent);transform:translateY(-10px);box-shadow:0 20px 40px #00a88426}.feature-icon-wrapper{color:var(--accent);background:var(--accent-soft);border-radius:12px;flex-shrink:0;place-items:center;width:48px;height:48px;transition:transform .3s;display:grid}.feature-card:hover .feature-icon-wrapper{transform:rotate(10deg)}.feature-title{color:var(--text-h);font-size:15px;font-weight:600}.feature-desc{color:var(--muted);font-size:13px;line-height:1.4}.topbar{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;flex-shrink:0;align-items:center;gap:16px;height:60px;padding:12px 16px;display:flex}.topbar-left{align-items:center;gap:8px;display:flex}.topbar-center{flex:1;justify-content:flex-start;align-items:center;min-width:0;display:flex}.topbar-right{align-items:center;margin-left:auto;display:flex}@media (width<=768px){.topbar{grid-template-columns:48px 1fr 48px;gap:0;display:grid}.topbar-left{justify-content:flex-start}.topbar-center{flex:none;justify-content:center}.topbar-right{justify-content:flex-end;margin-left:0}}.chat-info{align-items:center;gap:12px;max-width:100%;display:flex}.mini-avatar .avatar{width:36px;height:36px;font-size:14px}.messages{background-blend-mode:overlay;background-image:url(https://wweb.dev/assets/whatsapp-chat-back.png);background-size:400px;flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}:root[data-theme=dark] .messages{background-blend-mode:soft-light;opacity:.8}.bubble-row{width:100%;margin-bottom:4px;animation:.3s cubic-bezier(0,.55,.45,1) slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.bubble{border-radius:var(--radius-md);max-width:75%;box-shadow:var(--shadow-light);background:var(--bubble-them);color:var(--bubble-them-text);border-top-left-radius:2px;padding:10px 14px;font-size:15px;line-height:1.5;position:relative}.mine .bubble{background:var(--bubble-me);color:var(--bubble-me-text);border-top-left-radius:var(--radius-md);border-top-right-radius:4px;box-shadow:0 4px 15px #00a88433}.bubble-text{word-break:break-word;margin-bottom:4px}.bubble-meta{opacity:.7;color:inherit;justify-content:flex-end;align-items:center;gap:4px;font-size:11px;display:flex}.status-icon{align-items:center;display:flex}.double-tick-icon.green{color:#4fc3f7}.composer{background:var(--panel);border-top:1px solid var(--border);align-items:center;gap:12px;padding:12px 20px;display:flex}.composer-input{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:15px;transition:border-color .2s}.composer-input:focus{border-color:var(--accent)}.file-btn{color:var(--muted);cursor:pointer;align-items:center;transition:color .2s;display:flex}.file-btn:hover{color:var(--accent)}.send-btn{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;transition:transform .2s,background-color .2s;display:grid}.send-btn:hover{background:#008f6f;transform:scale(1.05)}.upload-loader{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.chat-status{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.status-dot{background-color:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.new-chat-placeholder{height:200px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.placeholder-icon{margin-bottom:16px;font-size:48px}.menu-container,.menu-trigger{position:relative}.menu-dropdown{background:var(--panel);border:1px solid var(--border);z-index:1000;border-radius:8px;min-width:160px;margin-top:4px;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.menu-item{width:100%;color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:none;border-radius:0;align-items:center;gap:8px;padding:8px 16px;font-size:14px;display:flex;overflow:hidden}.menu-item:hover{background:var(--panel-2)}.menu-item:first-child{border-radius:8px 8px 0 0}.menu-item:last-child{border-radius:0 0 8px 8px}.online-dot{background-color:var(--accent);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-left:6px;display:inline-block}.online-dot.offline{background-color:var(--muted)}.menu-badge{color:#fff;background-color:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;display:flex;position:absolute;top:-4px;right:-4px}.counter{background-color:var(--accent);color:#fff;border-radius:12px;margin-left:auto;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block}.counter.red{background-color:#ef4444}.profile-page{background:var(--bg);min-height:100vh;color:var(--text)}.profile-header{background:var(--panel);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:16px;display:flex}.back-btn{width:40px;height:40px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.back-btn:hover{background:#ffffff1a}.profile-title{margin:0;font-size:20px;font-weight:600}.profile-content{max-width:400px;margin:0 auto;padding:32px 16px}.profile-avatar{justify-content:center;margin-bottom:32px;display:flex}.avatar.large{width:80px;height:80px;font-size:32px;font-weight:600}.profile-form{flex-direction:column;gap:24px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-label{color:var(--text);font-size:14px;font-weight:600}.form-input,.form-select{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:8px;outline:none;padding:12px 16px;font-size:16px}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-select{cursor:pointer}.message{text-align:center;border-radius:8px;padding:12px 16px;font-size:14px}.message.success{color:#00a884;background:#00a8841a;border:1px solid #00a88433}.message.error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.sidebar-top{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px;display:flex}.sidebar-title{font-weight:700}.sidebar-tabs{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:8px;padding:10px 14px;display:grid}.sidebar-tab{border:1px solid var(--border);height:34px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;font-weight:600}.sidebar-tab.active{background:#00a88424}.sidebar-search{border-bottom:1px solid var(--border);padding:10px 14px}.sidebar-section-header{background:var(--panel);border-bottom:1px solid var(--border);color:var(--text-h);align-items:center;gap:20px;padding:16px 20px;display:flex}.sidebar-section-header .btn-icon{color:var(--muted);transition:all .2s}.sidebar-section-header .btn-icon:hover{color:var(--accent);transform:translate(-2px)}.sidebar-section-title{font-family:var(--font-heading);font-size:19px;font-weight:700}.sidebar-list-header{z-index:10;position:sticky;top:0}.sidebar-list-content{flex:1;overflow:hidden auto}.sidebar-search-results{gap:8px;margin-top:8px;display:grid}.sidebar-list{flex:1;overflow:hidden auto}.row{text-align:left;width:100%;color:inherit;border:0;border-bottom:1px solid var(--border);cursor:pointer;background:0 0;grid-template-columns:32px 1fr;align-items:center;gap:10px;padding:6px 12px;display:grid}.row .avatar{font-size:.9rem;width:32px!important;height:32px!important}.row.active{background:#00a8841f}.avatar{background:#ffffff14;border-radius:999px;place-items:center;width:40px;height:40px;font-weight:800;display:grid}:root[data-theme=light] .avatar{background:#0000000f}.row-main{min-width:0;overflow:hidden}.row-title{align-items:center;gap:8px;font-weight:700;display:flex}.row-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.invitation-actions{gap:6px;margin-top:8px;display:flex}.invitation-actions .btn{border-radius:6px;flex:1;padding:8px;font-size:13px;font-weight:600;transition:all .2s}.invitation-actions .btn-primary{background:var(--accent);color:#fff;border:none;box-shadow:0 2px 4px #00a88433}.invitation-actions .btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.invitation-actions .btn-ghost{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.invitation-actions .btn-ghost:hover{background:var(--border)}.invitation-actions button{padding:6px 12px;font-size:12px}.main{background:var(--panel-2);flex-direction:column;min-width:0;display:flex}.chat-container{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:64px;padding:12px 20px;display:flex}.topbar-title{flex:1}.chat-info{align-items:center;gap:12px;display:flex}.chat-avatar{flex-shrink:0}.chat-avatar .avatar{width:40px;height:40px;font-size:18px}.chat-details{flex-direction:column;gap:2px;display:flex}.chat-name{color:var(--text-h);font-size:16px;font-weight:400;line-height:1.2}.chat-status{color:var(--muted);align-items:center;gap:6px;font-size:13px;line-height:1.2;display:flex}.chat-status.online{color:var(--accent)}.online-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 8px var(--accent-soft);border-radius:50%;flex-shrink:0}.online-dot.offline{background:var(--muted);box-shadow:none;opacity:.5}.topbar-actions{align-items:center;gap:12px;display:flex}.messages{flex-direction:column;flex:1;gap:10px;padding:14px;display:flex;overflow:auto}.bubble-row{display:flex}.bubble-row.mine{justify-content:flex-end}.bubble{background:var(--bubble-them);border:1px solid var(--border);border-radius:10px;max-width:min(680px,92%);padding:8px 10px}.bubble-row.mine .bubble{background:var(--bubble-me)}.bubble-text{white-space:pre-wrap;word-break:break-word}.bubble-image img{border-radius:8px;max-width:280px;display:block}.bubble-meta{color:var(--muted);justify-content:flex-end;gap:8px;margin-top:4px;font-size:11px;display:flex}.status{text-transform:lowercase}.status-icon{align-items:center;margin-left:4px;display:inline-flex}.status-icon.single-grey svg{color:var(--muted)}.double-tick-icon{align-items:center;display:inline-flex}.double-tick-icon.grey svg{color:var(--muted)}.double-tick-icon.green svg{color:var(--accent)}.composer{background:var(--panel);border-top:1px solid var(--border);flex-shrink:0;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:10px;display:grid}.composer-input{border:1px solid var(--border);height:38px;color:inherit;background:0 0;border-radius:10px;outline:none;padding:0 12px}.file-btn{border:1px solid var(--border);cursor:pointer;border-radius:10px;place-items:center;width:44px;height:38px;display:none}.file-btn input{display:none}.btn{border:1px solid var(--border);height:38px;color:inherit;cursor:pointer;background:0 0;border-radius:10px;padding:0 12px}.btn-primary{background:var(--accent);color:#0b141a;border-color:#0000;font-weight:700}.btn-invite-email{justify-content:center;align-items:center;color:#fff!important;gap:8px!important;display:flex!important}.send-btn{justify-content:center;align-items:center;width:44px;height:38px;padding:0;display:flex;color:#fff!important;background:var(--accent)!important;border-color:#0000!important}.btn-ghost{background:0 0}.btn-sm{border-radius:6px;height:28px;padding:0 6px;font-size:13px}.auth{place-items:center;width:100%;height:100%;padding:16px;display:grid;overflow-x:hidden}.auth-bg{background:radial-gradient(1000px 600px at 10% 10%, #00a88438, transparent 55%), radial-gradient(900px 500px at 90% 20%, #00a88424, transparent 55%), radial-gradient(900px 600px at 50% 110%, #ffffff0f, transparent 55%), var(--bg)}.auth-shell{grid-template-columns:1.05fr .95fr;align-items:stretch;gap:18px;width:100%;max-width:980px;display:grid}@media (width<=768px){.auth-shell{grid-template-columns:1fr;padding:16px}.auth-hero{display:none}.auth-card-modern{width:100%;padding:24px}}.auth-hero{border:1px solid var(--border);background:linear-gradient(#00a88424,#0000);border-radius:18px;flex-direction:column;justify-content:center;padding:22px;display:flex}.auth-hero-badge{border:1px solid var(--border);letter-spacing:.2px;background:#0000001f;border-radius:999px;align-self:flex-start;padding:6px 10px;font-weight:800;display:inline-flex}.auth-hero-title{margin-top:14px;font-size:40px;font-weight:900;line-height:1.1}.auth-hero-sub{color:var(--muted);margin-top:10px;line-height:1.35}.auth-hero-pills{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.pill{border:1px solid var(--border);background:#ffffff0a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}.auth-card{background:var(--panel);border:1px solid var(--border);border-radius:18px;width:100%;padding:18px;box-shadow:0 20px 60px #00000040}.auth-card-modern{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.auth-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.auth-header-modern{margin-bottom:14px}.auth-title{font-size:20px;font-weight:900}.auth-subtitle{color:var(--muted);margin-top:4px;font-size:13px}.tabs{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.tabs-modern{border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:6px}.tab{height:40px;color:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;font-weight:800}.tab.active{background:#00a88429;border-color:#00a88440}.tab:focus-visible{outline-offset:2px;outline:2px solid #00a88499}.form{flex-direction:column;gap:10px;height:360px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{flex-direction:column;display:flex}.field-half{flex:1}.field .label{color:var(--muted);text-align:left;margin-bottom:6px;font-size:12px}.input{border:1px solid var(--border);height:38px;color:inherit;background:0 0;border-radius:10px;outline:none;padding:0 12px}.input-full{box-sizing:border-box;width:100%}.input-modern{background:#ffffff08;border-radius:12px;height:42px}.input-modern:focus{border-color:#00a8848c;box-shadow:0 0 0 3px #00a8842e}.input-row{grid-template-columns:1fr auto;align-items:center;gap:10px;display:grid}.error{color:var(--danger);font-size:13px}.error-modern{background:#ef444414;border:1px solid #ef444459;border-radius:12px;padding:10px 12px}.btn-icon{padding:0 10px;font-weight:800}.btn-primary-modern{letter-spacing:.2px;border-radius:12px;height:40px;color:#fff!important}.btn-with-icon{justify-content:center;align-items:center;gap:8px;display:flex}.auth-foot{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.muted{color:var(--muted)}.link{color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.link:focus-visible{outline-offset:2px;border-radius:6px;outline:2px solid #00a88499}.theme-toggle-icon-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;transition:background-color .2s;display:inline-flex}.theme-toggle-icon-btn:hover{background:#00a88426}.theme-toggle-icon-btn:focus-visible{outline-offset:2px;outline:2px solid #00a88499}.theme-icon{color:var(--text);transition:transform .3s}.theme-toggle-icon-btn:hover .theme-icon{transform:rotate(20deg)}.empty-state{color:var(--muted);padding:22px}.hint{text-align:center;border-radius:8px;margin:12px 16px;padding:12px;font-size:13px}.hint.success{color:var(--accent);border:1px solid var(--accent-soft);background:#00a8841a;font-weight:500}.hint.danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433;font-weight:500}.badge{min-width:22px;height:22px;color:var(--accent);background:#00a8842e;border-radius:999px;justify-content:center;align-items:center;margin-left:8px;padding:0 8px;font-size:12px;display:inline-flex}.sidebar-invite{grid-template-columns:1fr auto;gap:10px;margin-bottom:10px;display:grid}.invitation-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.invitation-row .row-main{gap:6px;display:grid}.invite-summary{background:var(--panel-2);border-bottom:1px solid var(--border);padding:16px}.summary-header{align-items:center;gap:10px;margin-bottom:16px;display:flex}.summary-title-icon{font-size:20px}.summary-title{color:var(--text);font-size:15px;font-weight:700}.summary-stats{flex-direction:column;gap:10px;margin-bottom:16px;display:flex}.stat-card{background:var(--panel-1);border:1px solid var(--border);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:background .2s;display:flex}.stat-card:hover{background:var(--panel-3)}.stat-icon{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.stat-content{flex:1}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:500}.stat-value{color:var(--text);margin-top:2px;font-size:16px;font-weight:700}.stat-value.accent{color:var(--accent)}.stat-value.danger{color:#ef4444}.invites-remaining{background:var(--panel-1);border:1px solid var(--border);border-radius:8px;padding:12px}.remaining-label{color:var(--text);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:600;display:flex}.remaining-bar{background:var(--border);border-radius:3px;width:100%;height:6px;margin-bottom:8px;overflow:hidden}.remaining-fill{background:linear-gradient(90deg, var(--accent), #3b82f6);border-radius:3px;height:100%;transition:width .3s}.remaining-text{color:var(--accent);text-align:center;font-size:13px;font-weight:600}.pending-list-section{padding:12px 0}.pending-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:10px 14px;font-size:12px;font-weight:600}.typing{color:var(--muted);padding:0 4px;font-size:12px}.load-more{align-self:center}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}@media (width<=768px){.mobile-only{display:flex}.desktop-only{display:none}}.toggle-group{background:var(--panel-2);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;flex-direction:row!important;gap:20px!important}.toggle-info{flex:1}.form-hint{color:var(--muted);margin-top:4px;font-size:12px;line-height:1.4}.switch{flex-shrink:0;width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:var(--border);transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:3px;left:3px}input:checked+.slider{background-color:var(--accent)}input:focus+.slider{box-shadow:0 0 1px var(--accent)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:3px 8px;font-size:.65rem;font-weight:700}.status-badge.pending{background:var(--panel-2);color:var(--muted);border:1px solid var(--border)}.status-badge.accepted{color:#20bf6b;background:#20bf6b1a;border:1px solid #20bf6b33}.status-badge.rejected{color:#ff4757;background:#ff47571a;border:1px solid #ff475733}.avatar-mini .avatar{background:var(--accent-soft);width:100%;height:100%;color:var(--accent);border:none;justify-content:center;align-items:center;font-size:12px;display:flex}.avatar-mini.status-overlay{position:relative;overflow:visible}.status-indicator{border:2px solid var(--panel);z-index:2;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #0003}.status-indicator.accepted{color:#fff;background:#20bf6b}.status-indicator.rejected{color:#fff;background:#ff4757}.status-indicator.pending{background:var(--muted);color:#fff}.status-indicator svg{display:block}.btn-cancel-invite{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:4px;padding:8px;transition:all .2s;display:flex}.btn-cancel-invite:hover{color:var(--danger);background:#ef44441a;transform:scale(1.1)}.invitation-row.compact{padding:10px 12px}@media (width<=768px){.profile-container{max-width:100%!important;padding:0!important}.profile-card{min-height:100vh;border-radius:0!important;margin:0!important}.profile-body{padding:24px!important}.avatar-section{margin-bottom:32px!important}.form-grid{grid-template-columns:1fr!important;gap:20px!important}.premium-title{font-size:28px!important}}.avatar-mini{background:var(--panel-2);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.dropdown-divider{background:var(--border);height:1px;margin:4px 0}.dropdown-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.5px;padding:8px 16px 4px;font-size:11px;font-weight:700}.dropdown-list-compact{max-height:200px;padding:4px 8px;overflow-y:auto}.dropdown-invite-item{border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;transition:background .2s;display:flex}.dropdown-invite-item:hover{background:var(--panel-2)}.invite-email{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.status-dot-mini{border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot-mini.pending{background:var(--muted)}.status-dot-mini.accepted{background:#20bf6b}.status-dot-mini.rejected{background:#ff4757}.view-all-link{width:100%;color:var(--accent);cursor:pointer;text-align:center;background:0 0;border:none;padding:8px;font-size:12px;font-weight:600}.view-all-link:hover{text-decoration:underline}.row-email{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.85rem;font-weight:500;overflow:hidden}.row-date{color:var(--muted);white-space:nowrap;font-size:.7rem;font-weight:500}.invitation-row.compact{grid-template-columns:32px 1fr!important;align-items:center!important;gap:12px!important;min-height:48px!important;padding:8px 14px!important}.row-main-compact{flex:1;justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.status-icon-mini{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.status-icon-mini.pending{color:var(--muted)}.status-icon-mini.accepted{color:#20bf6b}.status-icon-mini.rejected{color:#ff4757}.dot-mini{background:currentColor;border-radius:50%;width:8px;height:8px}.compact-sweet{justify-content:space-between!important;align-items:center!important;height:auto!important;min-height:54px!important;padding:12px 16px!important;display:flex!important}.row-email-large{color:var(--text-h);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.95rem;font-weight:500;overflow:hidden}.row-actions-mini{align-items:center;gap:8px;display:flex}.btn-cancel-mini{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.btn-cancel-mini:hover{color:#ff4757;background:#ff47571a}.menu-list-dropdown{background:var(--panel-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);max-height:250px;overflow-y:auto}.menu-list-item{border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.menu-list-email{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.menu-list-empty{text-align:center;color:var(--muted);padding:12px;font-size:12px}.chevron-mini{color:var(--muted);align-items:center;margin-left:auto;transition:transform .3s;display:flex}.chevron-mini.rotated{transform:rotate(180deg)}.menu-item-actions{gap:6px;display:flex}.action-btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .2s;display:flex}.action-btn.accept{color:#fff;background:#20bf6b}.action-btn.reject{color:#fff;background:#ff4757}.action-btn:hover{filter:brightness(1.1);transform:scale(1.1)}.sophisticated-back-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.sophisticated-back-btn:hover{color:var(--accent);background:var(--panel-2);transform:translate(-4px)}.sophisticated-back-btn svg{transition:transform .3s}.sophisticated-back-btn:hover svg{transform:scale(1.1)}.category-header.toggleable{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding-right:12px;transition:background .2s;display:flex}.category-header.toggleable:hover{background:var(--panel-2);color:var(--text-h)}.category-expanded-content{background:rgba(var(--accent-rgb), .02);border-left:2px solid var(--accent);border-radius:0 0 0 8px;margin-bottom:8px;margin-left:12px}.empty-hint-mini{color:var(--muted);padding:10px 16px;font-size:11px;font-style:italic}.sub-header{color:var(--muted);letter-spacing:1px;padding:8px 16px 4px;font-size:10px;font-weight:800}.sidebar-mode{min-height:48px!important;padding-left:16px!important;padding-right:12px!important}.sidebar-mode .row-email-large{font-size:12px!important}.menu-dropdown{background:rgba(var(--panel-rgb), .95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1000;border:1px solid #ffffff1a;border-radius:18px;width:280px;padding:10px;animation:.3s cubic-bezier(.175,.885,.32,1.275) menuAppear;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 40px #0000004d,0 0 0 1px #ffffff0d}@keyframes menuAppear{0%{opacity:0;transform:translateY(10px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.menu-item{width:100%;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.menu-list-dropdown{background:#0003;border-radius:12px;margin:4px 0 8px;animation:.2s ease-out slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:300px}}.menu-list-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.menu-list-email{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;max-width:160px;font-size:12px;font-weight:500;overflow:hidden}.menu-dropdown{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);border-radius:14px;width:260px;padding:6px;animation:.2s fadeIn;box-shadow:0 10px 25px #00000026}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.menu-item{color:var(--text);border-radius:10px;gap:10px;padding:10px 12px;font-size:13px;font-weight:500}.menu-item:hover{background:var(--panel-2);color:var(--text-h);transform:none}.menu-list-dropdown{background:var(--bg);border:1px solid var(--border);border-radius:8px;margin:4px 6px 8px}.menu-list-item{border-bottom:1px solid var(--border);padding:8px 12px}.menu-list-item:last-child{border-bottom:none}.menu-list-email{max-width:150px;font-size:11px}.menu-item{justify-content:flex-start;align-items:center;min-height:44px;margin-bottom:2px;padding:0 14px;display:flex;position:relative}.menu-item svg{flex-shrink:0}.menu-item .counter{pointer-events:none;margin:0;position:absolute;top:50%;right:40px;transform:translateY(-50%)}.menu-item .chevron-mini{flex-shrink:0;margin-left:auto}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--panel-2);color:var(--text-h);letter-spacing:.3px;white-space:nowrap;opacity:0;pointer-events:none;visibility:hidden;box-shadow:var(--shadow-premium);border:1px solid var(--border);z-index:9999;border-radius:6px;padding:5px 10px;font-size:11px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.tooltip-right[data-tooltip]:after{left:auto;right:0;transform:translate(0)translateY(4px)}.tooltip-right[data-tooltip]:hover:after{transform:translate(0)translateY(0)}.premium-swal-container{z-index:9999!important}:root{--accent:#00d2a0;--accent-soft:#00d2a01f;--accent-rgb:0, 210, 160;--bubble-me:linear-gradient(135deg, #005c4b 0%, #008069 100%);--shadow-premium:0 8px 32px #0006;--shadow-light:0 4px 12px #00000026;--radius-xl:24px;--radius-lg:16px;--radius-md:12px;--glass:#131a1ed9;--glass-border:#ffffff14;--bg-gradient:linear-gradient(135deg, #000 0%, #0f172a 100%)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a padding-box content-box;border:2px solid #0000;border-radius:10px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background-clip:content-box;border:2px solid #0000;border-radius:10px;background:var(--accent)!important}*{scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}.desktop-only{display:flex!important}.mobile-only{display:none!important}@media (width<=768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}}:root[data-theme=light]{--bg-gradient:linear-gradient(135deg, #f0f2f5 0%, #fff 100%);--glass:#fffc;--glass-border:#0000000d;--shadow-premium:0 8px 32px #0000001a;--text-h:#000}:root[data-theme=light] ::-webkit-scrollbar-thumb{background:#0000001a}:root[data-theme=light]{scrollbar-color:#0000001a transparent}.welcome-screen{background:var(--bg-gradient)!important;background-size:200% 200%!important;animation:15s infinite gradientFlow!important}@keyframes gradientFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.welcome-title{background:linear-gradient(135deg, var(--text-h) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #0003);-webkit-background-clip:text;background-clip:text;font-size:64px!important}:root[data-theme=light] .welcome-title{filter:none}.feature-card{background:var(--glass)!important;border:1px solid var(--glass-border)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:var(--shadow-premium)!important}:root[data-theme=light] .feature-title{color:#111827!important}:root[data-theme=light] .feature-desc{color:#4b5563!important}.send-btn{width:44px!important;height:44px!important;box-shadow:0 4px 15px rgba(var(--accent-rgb), .3)!important;border:none!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;padding:0!important;display:flex!important}.auth-bg{background:var(--bg-gradient)!important;background-size:200% 200%!important;animation:15s infinite gradientFlow!important}.auth-card-modern{background:var(--glass)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;box-shadow:var(--shadow-premium)!important;border-radius:24px!important}.auth-hero-title{background:linear-gradient(135deg, var(--text-h) 0%, var(--accent) 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 20px #0003);-webkit-background-clip:text;background-clip:text;font-size:56px!important;font-weight:800!important}.input-modern{border:1px solid var(--glass-border)!important;background:#ffffff08!important;border-radius:12px!important;padding:12px 16px!important;transition:all .3s!important}:root[data-theme=light] .input-modern{background:#00000005!important}.input-modern:focus{transform:translateY(-1px);background:var(--panel)!important;border-color:var(--accent)!important;box-shadow:0 0 0 4px var(--accent-soft)!important}.auth-bg{align-items:flex-start!important;padding:60px 20px!important}@media (width>=850px){.auth-bg{align-items:center!important}}.auth-shell{flex-direction:row!important;align-items:stretch!important;gap:20px!important;width:100%!important;max-width:1100px!important;padding:20px!important;display:flex!important}.auth-hero{background:var(--glass)!important;-webkit-backdrop-filter:blur(24px)!important;backdrop-filter:blur(24px)!important;border:1px solid var(--glass-border)!important;background-image:linear-gradient(#00d2a014 0%,#0000 100%)!important;border-radius:24px!important;flex-direction:column!important;flex:1!important;justify-content:center!important;padding:60px 40px!important;display:flex!important}@media (width<=1024px){.auth-hero-title{font-size:42px!important}}@media (width<=850px){.auth-shell{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:40px!important}.auth-hero{padding:40px 24px!important}.auth-hero-title{font-size:36px!important}.auth-hero-sub{font-size:1rem!important}}@media (width<=480px){.auth-card-modern{border-radius:20px!important;width:100%!important;padding:24px 20px!important}.auth-title{font-size:1.5rem!important}.otp-container{gap:8px!important}.otp-input{width:40px!important;height:48px!important;font-size:20px!important}.auth-hero-title{font-size:28px!important}.auth-shell{padding:10px!important}}.chat-status.offline .status-dot{background-color:var(--danger)!important;box-shadow:0 0 8px #ff525266!important}.btn-premium-load-more{background:var(--glass)!important;border:1px solid var(--glass-border)!important;color:var(--accent)!important;cursor:pointer!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:fit-content!important;margin:20px auto!important;padding:12px 24px!important;font-size:.95rem!important;font-weight:700!important;transition:all .3s!important;display:flex!important}.btn-premium-load-more:hover{background:var(--accent-soft)!important;border-color:var(--accent)!important;transform:translateY(-2px)!important;box-shadow:0 5px 15px #0003!important}.btn-premium-load-more svg{transition:transform .3s!important}.btn-premium-load-more:hover svg{transform:translateY(-2px)!important}.btn-primary-modern{box-shadow:0 4px 15px rgba(var(--accent-rgb), .3)!important;border-radius:14px!important;padding:14px!important;font-weight:700!important;transition:all .3s!important}.btn-primary-modern:hover{filter:brightness(1.1)!important;box-shadow:0 8px 25px rgba(var(--accent-rgb), .4)!important;transform:translateY(-2px)!important}.tab{transition:all .3s!important}.tab.active{background:var(--accent-soft)!important;color:var(--accent)!important;box-shadow:none!important}@keyframes pulseHighlightGlobal{0%{box-shadow:none;background-color:#0000;transform:scale(1)}25%{box-shadow:0 0 40px #ffffffb3, 0 0 100px rgba(var(--accent-rgb), .3);background-color:#fff6;outline:3px solid #fff;transform:scale(1.05)}to{box-shadow:none;background-color:#0000;outline:0 solid #0000;transform:scale(1)}}.pulse-highlight .bubble{position:relative;z-index:9999!important;animation:1.5s cubic-bezier(.4,0,.2,1) forwards pulseHighlightGlobal!important}.btn-security-glow{color:#00d2a0;letter-spacing:.5px;cursor:pointer;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);border:1px solid #00d2a04d;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #00d2a026,inset 0 1px #ffffff1a}.btn-security-glow:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:50%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%;transform:skew(-20deg)}.btn-security-glow:hover{color:#fff;border-color:#00d2a099;transform:translateY(-2px);box-shadow:0 8px 25px #00d2a04d,inset 0 1px #fff3}.btn-security-glow:hover:before{left:150%}.btn-security-glow:active{transform:translateY(0);box-shadow:0 2px 10px #00d2a033}:root[data-theme=light] .btn-security-glow{color:#008069;background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border:1px solid #0080694d;box-shadow:0 4px 15px #0080691a,inset 0 1px #fff}:root[data-theme=light] .btn-security-glow:hover{color:#fff;background:#00d2a0;border-color:#00d2a0;box-shadow:0 8px 25px #00d2a04d}.global-mini-loader[data-v-47110bde]{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:9999;background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader-content[data-v-47110bde]{place-items:center;width:80px;height:80px;display:grid;position:relative}.loader-logo[data-v-47110bde]{object-fit:contain;z-index:2;width:48px;height:48px;animation:2s ease-in-out infinite pulse-logo-47110bde}.logo-pulse-ring[data-v-47110bde]{background:var(--accent);opacity:.2;z-index:1;border-radius:50%;animation:2s ease-in-out infinite pulse-ring-47110bde;position:absolute;inset:0}@keyframes pulse-logo-47110bde{0%,to{filter:drop-shadow(0 0 10px rgba(var(--accent-rgb), .5));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(var(--accent-rgb), .8));transform:scale(1.1)}}@keyframes pulse-ring-47110bde{0%{opacity:.5;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.fade-enter-active[data-v-47110bde],.fade-leave-active[data-v-47110bde]{transition:opacity .4s}.fade-enter-from[data-v-47110bde],.fade-leave-to[data-v-47110bde]{opacity:0}.pin-overlay[data-v-54ae911c]{z-index:99999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.pin-container[data-v-54ae911c]{background:var(--panel);border:1px solid var(--border);border-radius:16px;flex-direction:column;align-items:center;width:100%;max-width:260px;padding:24px 20px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp-54ae911c;display:flex;box-shadow:0 15px 35px -10px #00000080}@keyframes slideUp-54ae911c{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.pin-header[data-v-54ae911c]{text-align:center;margin-bottom:20px}.brand-logo-glow[data-v-54ae911c]{background:var(--accent-soft,#00d2a026);width:40px;height:40px;box-shadow:0 0 12px var(--accent-glow,#00d2a033);border-radius:10px;justify-content:center;align-items:center;margin:0 auto 10px;display:flex}.pin-logo[data-v-54ae911c]{object-fit:contain;width:24px;height:24px}.pin-header h2[data-v-54ae911c]{color:var(--text-h);margin:0 0 2px;font-size:1.15rem;font-weight:700}.pin-header p[data-v-54ae911c]{color:var(--text-m);margin:0;font-size:.8rem}.pin-input-display[data-v-54ae911c]{justify-content:center;width:100%;margin-bottom:6px;display:flex;position:relative}.pin-dots[data-v-54ae911c]{gap:10px;display:flex}.pin-dot[data-v-54ae911c]{border:2px solid var(--border);border-radius:50%;width:10px;height:10px;transition:all .2s}.pin-dot.filled[data-v-54ae911c]{background:#00d2a0;border-color:#00d2a0;transform:scale(1.1)}.hidden-input[data-v-54ae911c]{opacity:0;cursor:text;width:100%;height:100%;position:absolute;top:0;left:0}.error-text[data-v-54ae911c]{color:#ff4757;height:14px;margin-bottom:12px;font-size:.75rem;font-weight:600;animation:.4s cubic-bezier(.36,.07,.19,.97) both shake-54ae911c}.loading-text[data-v-54ae911c]{color:#00d2a0;height:14px;margin-bottom:12px;font-size:.75rem;font-weight:600}.spacer[data-v-54ae911c]{height:14px;margin-bottom:12px}@keyframes shake-54ae911c{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.keypad[data-v-54ae911c]{grid-template-columns:repeat(3,1fr);gap:10px;width:100%;display:grid}.keypad.disabled[data-v-54ae911c]{opacity:.5;pointer-events:none}.key[data-v-54ae911c]{background:var(--panel-2);width:44px;height:44px;color:var(--text-h);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;font-size:1.15rem;font-weight:600;transition:all .15s;display:flex}.key[data-v-54ae911c]:hover{background:var(--border);transform:scale(1.05)}.key[data-v-54ae911c]:active{color:#0f172a;background:#00d2a0;transform:scale(.95)}.action-key[data-v-54ae911c]{color:var(--text-m);background:0 0;font-size:.85rem}.key.placeholder[data-v-54ae911c]{pointer-events:none;cursor:default;background:0 0}.action-key[data-v-54ae911c]:hover{color:var(--text-h);background:#ffffff0d}.action-key[data-v-54ae911c]:active{color:var(--text-h);background:#ffffff1a}.forgot-pin-btn[data-v-54ae911c]{color:#00d2a0;cursor:pointer;background:0 0;border:none;border-radius:6px;width:100%;margin-top:12px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .2s}.forgot-pin-btn[data-v-54ae911c]:hover{background:#00d2a01a}.w-full[data-v-54ae911c]{width:100%}.mb-4[data-v-54ae911c]{margin-bottom:10px}.mb-6[data-v-54ae911c]{margin-bottom:14px}.flex[data-v-54ae911c]{display:flex}.gap-3[data-v-54ae911c]{gap:8px}.flex-1[data-v-54ae911c]{flex:1}.pin-input-styled[data-v-54ae911c]{text-align:center;letter-spacing:.5em;border:1px solid var(--border);width:100%;color:var(--text-h);background:#ffffff08;border-radius:8px;padding:8px;font-size:1.15rem;font-weight:800;transition:all .3s}.pin-input-styled[data-v-54ae911c]:focus{background:var(--panel);border-color:#00d2a0;outline:none;box-shadow:0 0 0 3px #00d2a033}[data-theme=light] .pin-input-styled{background:#00000005}.success-msg[data-v-54ae911c]{color:#00d2a0;text-align:center;background:#00d2a01a;border-radius:6px;padding:8px;font-size:.8rem;font-weight:600}.error-msg[data-v-54ae911c]{color:#ff4757;text-align:center;background:#ff47571a;border-radius:6px;padding:8px;font-size:.8rem;font-weight:600}.notifications-overlay[data-v-00829276]{z-index:1999;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0003;transition:opacity .3s;position:fixed;inset:0}.notifications-overlay.is-visible[data-v-00829276]{opacity:1;pointer-events:auto}.notifications-drawer[data-v-00829276]{background:var(--bg);z-index:2000;border-left:1px solid var(--border);flex-direction:column;width:400px;max-width:100vw;height:100vh;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-400px;box-shadow:-4px 0 24px #00000026}.notifications-drawer.is-open[data-v-00829276]{right:0}.drawer-header[data-v-00829276]{border-bottom:1px solid var(--border);background:var(--bg-hover);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-title[data-v-00829276]{color:var(--text-h);align-items:center;gap:8px;font-size:1.1rem;font-weight:800;display:flex}.drawer-actions[data-v-00829276]{align-items:center;gap:8px;display:flex}.btn-text[data-v-00829276]{color:var(--primary);cursor:pointer;background:0 0;border:none;font-size:.85rem;font-weight:600}.btn-text[data-v-00829276]:hover{text-decoration:underline}.drawer-body[data-v-00829276]{background:var(--bg);flex:1;overflow-y:auto}.empty-state[data-v-00829276]{height:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px;font-weight:500;display:flex}.notification-list[data-v-00829276]{flex-direction:column;display:flex}.notification-item[data-v-00829276]{border-bottom:1px solid var(--border);cursor:pointer;gap:16px;padding:16px 20px;transition:background .2s;display:flex;position:relative}.notification-item[data-v-00829276]:hover{background:var(--bg-hover)}.notification-item.is-unread[data-v-00829276]{background:rgba(var(--primary-rgb), .03)}.notification-item.is-unread[data-v-00829276]:hover{background:rgba(var(--primary-rgb), .08)}.notif-icon[data-v-00829276]{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.notif-message-type[data-v-00829276]{background:rgba(var(--primary-rgb), .1);color:var(--primary)}.notif-invitation[data-v-00829276]{color:#10b981;background:#10b9811a}.notif-project[data-v-00829276]{color:#f59e0b;background:#f59e0b1a}.notif-task[data-v-00829276]{color:#6366f1;background:#6366f11a}.notif-billing[data-v-00829276]{color:#ef4444;background:#ef44441a}.notif-system[data-v-00829276]{background:var(--border);color:var(--text)}.notif-content[data-v-00829276]{flex:1;min-width:0}.notif-title[data-v-00829276]{color:var(--text-h);margin-bottom:4px;font-size:.95rem;font-weight:700}.notif-message[data-v-00829276]{color:var(--text);margin-bottom:6px;font-size:.9rem;line-height:1.4}.notif-time[data-v-00829276]{color:var(--text-muted);font-size:.8rem;font-weight:500}.notif-actions[data-v-00829276]{flex-direction:column;justify-content:flex-start;align-items:flex-end;gap:12px;display:flex}.unread-dot-indicator[data-v-00829276]{background:var(--primary);width:10px;height:10px;box-shadow:0 0 0 3px rgba(var(--primary-rgb), .2);border-radius:50%}.btn-del-notif[data-v-00829276]{color:var(--text-muted);opacity:0;transition:opacity .2s,color .2s,background .2s}.notification-item:hover .btn-del-notif[data-v-00829276]{opacity:1}.btn-del-notif[data-v-00829276]:hover{color:#ef4444;background:#ef44441a}.global-nav-rail[data-v-bcd3f347]{z-index:1000;background-color:#0b1121;border-right:1px solid #ffffff0d;flex-direction:column;align-items:center;width:70px;height:100vh;padding:16px 0;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 12px #0000001a}:root[data-theme=light] .global-nav-rail[data-v-bcd3f347]{background-color:#f1f5f9;border-right:1px solid #00000014}.rail-top[data-v-bcd3f347]{margin-bottom:32px}.brand-logo-glow[data-v-bcd3f347]{cursor:pointer;background:#00d2a026;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 0 12px #00d2a033}.brand-logo-glow[data-v-bcd3f347]:hover{transform:scale(1.1)}.sidebar-logo[data-v-bcd3f347]{object-fit:contain;width:26px;height:26px}.rail-nav[data-v-bcd3f347]{flex-direction:column;flex:1;align-items:center;gap:16px;width:100%;display:flex}.rail-bottom[data-v-bcd3f347]{flex-direction:column;align-items:center;gap:16px;display:flex}.rail-icon-btn[data-v-bcd3f347]{color:#64748b;cursor:pointer;background:#00d2a00d;border:1px solid #00d2a01a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.rail-icon-btn[data-v-bcd3f347]:hover{color:#fff;background:linear-gradient(135deg,#00d2a0,#00f2fe);border-color:#0000;transform:translateY(-2px)scale(1.05);box-shadow:0 6px 20px #00d2a066}:root[data-theme=light] .rail-icon-btn[data-v-bcd3f347]:hover{color:#fff;background:linear-gradient(135deg,#00d2a0,#00f2fe)}.rail-icon-btn.active[data-v-bcd3f347]{color:#fff;background:linear-gradient(135deg,#00d2a0,#0284c7);border-color:#0000;box-shadow:0 4px 15px #00d2a066}.global-unread-dot[data-v-bcd3f347]{background-color:#ef4444;border:1.5px solid #0b1121;border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px;box-shadow:0 0 6px #ef4444cc}.user-avatar-wrapper[data-v-bcd3f347]{cursor:pointer;border:2px solid #0000;border-radius:50%;width:40px;height:40px;padding:2px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.user-avatar-wrapper[data-v-bcd3f347]:hover{border-color:#00d2a0;transform:scale(1.1)}.user-avatar-wrapper.active[data-v-bcd3f347]{border-color:#00d2a0;box-shadow:0 0 12px #00d2a066}.user-avatar[data-v-bcd3f347],.user-avatar-placeholder[data-v-bcd3f347]{object-fit:cover;border-radius:50%;width:100%;height:100%}.user-avatar-placeholder[data-v-bcd3f347]{color:#f8fafc;background:#1e293b;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;display:flex}.rail-icon-btn[data-tooltip][data-v-bcd3f347]:after,.user-avatar-wrapper[data-tooltip][data-v-bcd3f347]:after{content:attr(data-tooltip);color:#f8fafc;white-space:nowrap;pointer-events:none;opacity:0;z-index:1001;background:#0b1121f2;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.175,.885,.32,1.275);position:absolute;top:50%;left:65px;transform:translate(-10px,-50%)}.rail-icon-btn[data-tooltip][data-v-bcd3f347]:hover:after,.user-avatar-wrapper[data-tooltip][data-v-bcd3f347]:hover:after{opacity:1;transform:translateY(-50%)}.mobile-rail-overlay[data-v-bcd3f347]{display:none}@media (width<=768px){.mobile-only[data-v-bcd3f347]{display:block}.mobile-rail-overlay[data-v-bcd3f347]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9998;background:#00000080;display:block;position:fixed;inset:0}.global-nav-rail[data-v-bcd3f347]{z-index:9999;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);transform:translate(-100%)}.global-nav-rail.mobile-open[data-v-bcd3f347]{transform:translate(0)}.rail-icon-btn[data-tooltip][data-v-bcd3f347]:after,.user-avatar-wrapper[data-tooltip][data-v-bcd3f347]:after{display:none!important}}.drawer-backdrop[data-v-9d654665]{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;width:100vw;height:100vh;position:fixed;top:0;left:0}.profile-drawer[data-v-9d654665]{z-index:10001;background:#fff;flex-direction:column;width:320px;height:100vh;transition:right .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;right:-360px;overflow-y:auto;box-shadow:-10px 0 30px #0000000d}:root[data-theme=dark] .profile-drawer[data-v-9d654665]{background:#111827;border-left:1px solid #ffffff0d;box-shadow:-10px 0 30px #0000004d}.profile-drawer[data-v-9d654665]:before{content:"";z-index:-1;background:linear-gradient(#ffe0e6 0%,#fff0f0 40%,#fff0 100%);height:280px;position:absolute;top:0;left:0;right:0}:root[data-theme=dark] .profile-drawer[data-v-9d654665]:before{background:linear-gradient(135deg,#1e3a8a4d,#0f766e4d)}.profile-drawer.is-open[data-v-9d654665]{right:0}.profile-content[data-v-9d654665]{flex-direction:column;min-height:100%;padding:24px;display:flex}.close-btn[data-v-9d654665]{z-index:10;position:absolute;top:16px;right:16px}.icon-btn[data-v-9d654665]{cursor:pointer;color:#1e293b;background:#fff;border:none;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;box-shadow:0 2px 10px #0000000d}:root[data-theme=dark] .icon-btn[data-v-9d654665]{color:#f8fafc;background:#0003}.icon-btn[data-v-9d654665]:hover{background:#fff;transform:scale(1.05)}:root[data-theme=dark] .icon-btn[data-v-9d654665]:hover{background:#ffffff1a}.profile-header-area[data-v-9d654665]{text-align:center;flex-direction:column;align-items:center;margin-top:8px;margin-bottom:24px;display:flex}.avatar-wrapper[data-v-9d654665]{margin-bottom:4px;display:inline-flex;position:relative}.profile-avatar[data-v-9d654665],.profile-avatar-placeholder[data-v-9d654665]{object-fit:cover;border:none;border-radius:50%;width:80px;height:80px;display:block;box-shadow:0 4px 15px #00000014}:root[data-theme=dark] .profile-avatar[data-v-9d654665],:root[data-theme=dark] .profile-avatar-placeholder[data-v-9d654665]{border-color:#1e293b}.profile-avatar-placeholder[data-v-9d654665]{color:#fff;background:linear-gradient(135deg,#00d2a0,#008f6d);justify-content:center;align-items:center;font-size:2rem;font-weight:700;display:flex}.profile-name[data-v-9d654665]{color:#0f172a;font-size:1.25rem;font-weight:800;font-family:var(--font-heading,sans-serif);margin:0 0 4px}:root[data-theme=dark] .profile-name[data-v-9d654665]{color:#f8fafc}.profile-email[data-v-9d654665]{color:#64748b;margin:0;font-size:.9rem}.action-buttons-grid[data-v-9d654665]{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:32px;display:grid}.action-btn-wrapper[data-v-9d654665]{cursor:pointer;flex-direction:column;align-items:center;gap:8px;display:flex}.action-btn[data-v-9d654665]{color:#0ca678;cursor:pointer;background:#e6fcf5;border:none;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex}.action-btn-wrapper:hover .action-btn[data-v-9d654665]{background:#c3fae8;transform:translateY(-2px);box-shadow:0 4px 8px #0ca6781a}.action-btn-wrapper span[data-v-9d654665]{color:#1e293b;margin-top:4px;font-size:.75rem;font-weight:700}:root[data-theme=dark] .action-btn-wrapper span[data-v-9d654665]{color:#94a3b8}.profile-joined-date[data-v-9d654665]{color:#94a3b8;margin:4px 0 0;font-size:.8rem;font-weight:500}:root[data-theme=dark] .profile-joined-date[data-v-9d654665]{color:#cbd5e1}.status-badge[data-v-9d654665]{color:#10b981;background:#10b9811a;border-radius:8px;padding:4px 10px;font-size:.8rem}.status-badge.offline[data-v-9d654665]{color:#64748b;background:#64748b1a}.status-dot[data-v-9d654665]{background:#10b981;border-radius:50%;width:6px;height:6px}.status-dot.offline[data-v-9d654665]{background:#64748b}.section-title[data-v-9d654665]{color:#0f172a;text-transform:uppercase;letter-spacing:1px;margin:0;font-size:.75rem;font-weight:800}:root[data-theme=dark] .section-title[data-v-9d654665]{color:#f8fafc}.about-section[data-v-9d654665]{margin-bottom:24px}.about-text[data-v-9d654665]{color:#475569;margin:0;font-size:.9rem;line-height:1.5}:root[data-theme=dark] .about-text[data-v-9d654665]{color:#cbd5e1}.projects-section[data-v-9d654665]{margin-bottom:16px}.section-header[data-v-9d654665]{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.view-all-btn[data-v-9d654665]{color:#00d2a0;cursor:pointer;background:0 0;border:none;padding:0;font-size:.8rem;font-weight:600}.project-item[data-v-9d654665]{cursor:pointer;background:0 0;border:none;align-items:center;gap:16px;margin-bottom:8px;padding:10px 0;transition:all .2s;display:flex}:root[data-theme=dark] .project-item[data-v-9d654665]{background:0 0}.project-item[data-v-9d654665]:hover{transform:translate(4px)}:root[data-theme=dark] .project-item[data-v-9d654665]:hover{background:#ffffff0d}.project-icon[data-v-9d654665]{border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;font-weight:700;display:flex}.project-info[data-v-9d654665]{flex:1}.project-info h4[data-v-9d654665]{color:#0f172a;margin:0 0 2px;font-size:.9rem}:root[data-theme=dark] .project-info h4[data-v-9d654665]{color:#f8fafc}.project-info span[data-v-9d654665]{color:#64748b;font-size:.75rem}.app-main-layout{box-sizing:border-box;flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}@media (width>=769px){.app-main-layout.with-global-rail{padding-left:70px}}@media (width<=768px){.app-main-layout.with-global-rail{padding-bottom:0}}.global-footer-bar{box-sizing:border-box;-webkit-backdrop-filter:blur(10px);width:100%;height:36px;color:var(--muted,#94a3b8);z-index:10;pointer-events:none;letter-spacing:.5px;background:#000;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0}@media (width<=768px){.global-footer-bar{z-index:60}}:root[data-theme=light] .global-footer-bar{color:#64748b;background:#fffc;border-top:1px solid #0000000d}.global-notifications{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:24px;right:24px}.mobile-rail-toggle{display:none}@media (width<=768px){.mobile-only{display:block}.mobile-rail-toggle{color:#000;z-index:9000;cursor:pointer;background:#00d2a0;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;bottom:8px;right:12px;box-shadow:0 4px 15px #00d2a066}}.global-subscription-banner{z-index:40;justify-content:center;align-items:center;gap:16px;width:100%;padding:12px 24px;font-size:.9rem;font-weight:600;display:flex;position:relative}.global-subscription-banner.warning{color:#fa0;background:#ffaa0026;border-bottom:1px solid #ffaa004d}.global-subscription-banner.error{color:#ff3264;background:#ff326426;border-bottom:1px solid #ff32644d}.banner-content{align-items:center;gap:16px;display:flex}.banner-upgrade-btn{background:var(--text-h);color:var(--bg);border-radius:6px;padding:4px 12px;font-size:.8rem;font-weight:700;text-decoration:none}.banner-close-btn{color:inherit;cursor:pointer;opacity:.8;background:0 0;border:none;border-radius:50%;padding:6px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.banner-close-btn:hover{opacity:1;color:#ef4444;background:#ef444433;transform:translateY(-50%)scale(1.1)}.global-toast{pointer-events:auto;background:var(--panel-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:16px;align-items:center;gap:12px;min-width:280px;max-width:400px;padding:12px 20px;display:flex;box-shadow:0 10px 30px #0003}.global-toast.success{border-color:var(--accent)}.global-toast.success .toast-icon{color:var(--accent)}.toast-message{color:var(--text-h);font-size:.9rem;font-weight:700}.toast-enter-active,.toast-leave-active{transition:all .4s cubic-bezier(.16,1,.3,1)}.toast-enter-from{opacity:0;transform:translate(50px)scale(.9)}.toast-leave-to{opacity:0;transform:scale(.8)}@media (width<=768px){.global-subscription-banner{padding:12px 40px 12px 16px}.banner-content{text-align:center;flex-direction:column;gap:12px}.banner-close-btn{top:12px;right:12px;transform:none}.banner-close-btn:hover{transform:scale(1.1)}}