@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:light;--bg: #f2f5fb;--bg-accent: #d7e5ff;--card: rgba(255, 255, 255, .82);--card-border: rgba(137, 162, 220, .28);--text: #10213c;--muted: #677898;--primary: #2166ff;--primary-strong: #0f48c7;--danger: #db455d;--success: #0f9b78;--shadow: 0 24px 80px rgba(21, 45, 94, .12);--radius-xl: 28px;--radius-lg: 22px;--radius-md: 18px}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Manrope,sans-serif;color:var(--text);background:radial-gradient(circle at top left,rgba(33,102,255,.15),transparent 28%),radial-gradient(circle at top right,rgba(15,155,120,.14),transparent 24%),linear-gradient(180deg,#f7f9fd,#edf2fb 52%,#f4f7fb)}button,input,textarea{font:inherit}button{cursor:pointer;border:none}.eyebrow{margin:0 0 10px;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;color:#5e79bd}.muted{color:var(--muted)}.glass-panel,.side-panel-card,.auth-card,.brand-card,.chat-window,.messenger-sidebar,.messenger-side-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-shell,.splash-screen{min-height:100vh;display:grid;grid-template-columns:1.2fr .9fr;align-items:stretch}.auth-hero{padding:40px;display:flex;align-items:center;justify-content:center}.auth-panel{padding:40px 40px 40px 0;display:flex;align-items:center;justify-content:center}.glass-panel,.auth-card,.brand-card,.side-panel-card,.chat-window,.messenger-sidebar,.messenger-side-panel{background:var(--card);border:1px solid var(--card-border);box-shadow:var(--shadow)}.glass-panel{width:min(100%,760px);padding:44px;border-radius:36px;position:relative;overflow:hidden}.glass-panel:before{content:"";position:absolute;inset:auto -80px -100px auto;width:220px;height:220px;background:radial-gradient(circle,rgba(33,102,255,.22),transparent 70%)}.glass-panel h1,.auth-card h2,.hero-empty h2{margin:0;font-size:clamp(2rem,4vw,3.7rem);line-height:1.05}.auth-hero__text,.hero-empty p{margin:18px 0 0;max-width:620px;font-size:1.08rem;line-height:1.7;color:var(--muted)}.feature-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.feature-grid article{padding:18px;border-radius:20px;background:#ffffffad;border:1px solid rgba(144,167,223,.26)}.feature-grid strong{display:block;margin-bottom:8px}.feature-grid span{color:var(--muted);font-size:.95rem;line-height:1.5}.auth-card{width:min(100%,460px);padding:34px;border-radius:32px;animation:slide-up .6s ease both}.stack-form{display:grid;gap:16px}.field{display:grid;gap:8px}.field span{font-size:.92rem;color:#4f648b}.field input,.composer textarea{width:100%;padding:16px 18px;border-radius:18px;border:1px solid rgba(136,159,212,.34);background:#ffffffe0;color:var(--text);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.field input:focus,.composer textarea:focus{outline:none;border-color:#2166ff99;box-shadow:0 0 0 4px #2166ff1a;transform:translateY(-1px)}.verification-input{text-align:center;letter-spacing:.3em;font-size:1.35rem;font-weight:700}.timer-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:.92rem}.primary-button,.secondary-button,.danger-button,.ghost-button,.link-button{transition:transform .2s ease,opacity .2s ease,background .2s ease}.primary-button:hover,.secondary-button:hover,.danger-button:hover,.ghost-button:hover{transform:translateY(-1px)}.primary-button{padding:15px 18px;border-radius:18px;color:#fff;background:linear-gradient(135deg,var(--primary),#3f7cff);font-weight:700}.primary-button--compact{padding:11px 14px}.secondary-button,.ghost-button{padding:14px 16px;border-radius:16px;background:#2166ff14;color:var(--primary-strong);font-weight:700}.danger-button{padding:14px 16px;border-radius:16px;background:#db455d1f;color:var(--danger);font-weight:700}.link-button{padding:0;background:transparent;color:var(--primary-strong);font-weight:700}.link-button:disabled,.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.alert,.floating-alert{padding:14px 16px;border-radius:16px;background:#db455d1a;color:var(--danger)}.messenger-shell{min-height:100vh;display:grid;grid-template-columns:360px minmax(420px,1fr) 360px;gap:18px;padding:18px}.messenger-sidebar,.messenger-side-panel{display:flex;flex-direction:column;gap:16px;padding:18px;border-radius:var(--radius-xl)}.brand-card{padding:18px;border-radius:24px}.brand-card__row{display:flex;gap:14px;align-items:center}.brand-card h1{margin:0 0 6px;font-size:1.25rem}.status-chip{margin-top:18px;display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:.85rem;font-weight:700}.status-chip--online{background:#0f9b781f;color:var(--success)}.status-chip--offline{background:#db455d1a;color:var(--danger)}.sidebar-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sidebar-tab{padding:12px 14px;border-radius:16px;background:#ffffffb8;color:#5270b7;font-weight:700}.sidebar-tab--active{background:linear-gradient(135deg,#2166ff1f,#2166ff33);color:var(--primary-strong)}.sidebar-section,.side-panel-card{min-height:0}.sidebar-section__header,.panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sidebar-section__header h2,.panel-header h2,.profile-hero h3{margin:0;font-size:1.15rem}.chat-list,.contact-list{display:grid;gap:10px;overflow:auto}.chat-card,.contact-card{display:flex;align-items:center;gap:14px;width:100%;padding:14px;border-radius:20px;background:#ffffffb8;text-align:left}.chat-card--active{background:linear-gradient(135deg,#2166ff24,#2166ff3d)}.chat-card__content,.contact-card__main{min-width:0;flex:1}.chat-card__top,.chat-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-card__top strong,.contact-card strong{font-size:.98rem}.chat-card__top span,.chat-card__bottom p,.contact-card p{margin:0;color:var(--muted);font-size:.88rem}.chat-card__bottom p,.contact-card p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-badge{min-width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--primary);color:#fff;font-size:.82rem;font-weight:800}.empty-card,.panel-empty{padding:18px;border-radius:20px;background:#fff9;color:var(--muted)}.empty-card p,.panel-empty p{margin:0 0 8px;color:var(--text);font-weight:700}.chat-window{display:flex;flex-direction:column;min-height:0;border-radius:var(--radius-xl);overflow:hidden}.chat-window--empty{align-items:center;justify-content:center;padding:40px}.hero-empty{max-width:620px}.chat-header{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:18px 22px;border-bottom:1px solid rgba(145,168,220,.22);background:#ffffffb8}.chat-header__user{display:flex;align-items:center;gap:14px}.chat-header__user p{margin:4px 0 0;color:var(--muted);font-size:.88rem}.messages-scroll{flex:1;padding:22px;overflow:auto;background:linear-gradient(180deg,#f0f6ffb8,#f9fbffe6),radial-gradient(circle at top left,rgba(33,102,255,.07),transparent 30%)}.message-group{display:grid;gap:10px;margin-bottom:18px}.message-date{justify-self:center;padding:8px 12px;border-radius:999px;background:#10213c14;color:#4b6086;font-size:.82rem;font-weight:700}.message-bubble{max-width:min(75%,620px);padding:14px 16px;border-radius:22px 22px 22px 10px;background:#fffffff5;box-shadow:0 12px 28px #1a2b4d14;animation:slide-up .25s ease}.message-bubble--own{justify-self:end;border-radius:22px 22px 10px;background:linear-gradient(135deg,#2166ff24,#fffffff2)}.message-bubble p{margin:0;white-space:pre-wrap;line-height:1.55}.message-meta{margin-top:10px;display:flex;justify-content:flex-end;gap:10px;font-size:.78rem;color:var(--muted)}.typing-indicator{min-height:24px;padding:0 22px 6px;color:var(--muted);opacity:0;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease}.typing-indicator--visible{opacity:1;transform:translateY(0)}.composer{display:flex;gap:12px;align-items:flex-end;padding:16px 22px 22px}.composer textarea{min-height:56px;max-height:180px;resize:vertical}.messenger-side-panel{min-height:0}.side-panel-card{height:100%;padding:20px;border-radius:var(--radius-xl);overflow:auto}.contact-card{justify-content:space-between}.contact-card__main{display:flex;align-items:center;gap:14px}.contact-card__actions{display:grid;gap:10px;justify-items:end}.button-row{display:flex;gap:8px}.profile-hero{display:flex;align-items:center;gap:16px;margin-bottom:20px;padding:18px;border-radius:22px;background:linear-gradient(135deg,#2166ff1f,#ffffffb3)}.profile-hero p{margin:4px 0 10px;color:var(--muted)}.presence-dot{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.82rem;font-weight:700}.presence-dot:before{content:"";width:10px;height:10px;border-radius:999px;background:#c5cfdf}.presence-dot--online{color:var(--success)}.presence-dot--online:before{background:var(--success);box-shadow:0 0 0 6px #0f9b781f}.avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.avatar--sm{width:38px;height:38px}.avatar--md{width:48px;height:48px}.avatar--lg{width:62px;height:62px}.avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2e6bff,#2fc0c7);color:#fff;font-weight:800}.mobile-back-button{display:none;padding:10px 14px;border-radius:14px;background:#2166ff14;color:var(--primary-strong);font-weight:700}.floating-alert{position:fixed;right:24px;bottom:24px;max-width:360px;box-shadow:var(--shadow)}.splash-screen{grid-template-columns:1fr;place-items:center;padding:24px}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1180px){.messenger-shell{grid-template-columns:320px minmax(0,1fr)}.messenger-side-panel{grid-column:1 / -1}}@media (max-width: 920px){.auth-shell,.splash-screen{grid-template-columns:1fr}.auth-panel{padding:0 24px 32px}.auth-hero{padding:24px}.feature-grid,.messenger-shell{grid-template-columns:1fr}.messenger-shell--chat-open .messenger-sidebar,.messenger-shell--chat-open .messenger-side-panel{display:none}.mobile-back-button{display:inline-flex}.composer{flex-direction:column;align-items:stretch}.contact-card,.chat-card{align-items:flex-start}.contact-card__actions{justify-items:start}}@media (max-width: 640px){.glass-panel,.auth-card,.messenger-sidebar,.messenger-side-panel,.chat-window,.side-panel-card{border-radius:24px}.messenger-shell,.auth-hero,.auth-panel{padding:14px}.glass-panel,.auth-card{padding:24px}.chat-header,.messages-scroll,.composer{padding-left:16px;padding-right:16px}.message-bubble{max-width:88%}}