@import"https://fonts.googleapis.com/css2?family=Nunito:wght@200..1000&display=swap";:root{--bg: #f3f5f7;--panel: #ffffff;--muted: #9aa3ab;--accent: #35B6D4;--shadow: rgba(10,10,10,.08);--border: #DFE4EA}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;background:var(--bg);font-family:Nunito,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:0 20px}.chat-root{width:100%;max-width:1200px;height:min(680px,calc(100vh - 40px));display:flex;gap:16px;background:transparent}.mobile-menu-toggle{display:none;position:fixed;top:20px;left:20px;z-index:1001;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:12px;box-shadow:0 4px 12px var(--shadow);cursor:pointer}.mobile-menu-toggle .icon{font-size:20px}.sidebar{width:340px;background:var(--panel);border-radius:12px;display:flex;flex-direction:column;border:1px solid var(--border);position:relative}.sidebar.mobile-hidden{display:none}.sidebar.mobile-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1000;display:flex;align-items:flex-start;justify-content:flex-start;padding:20px}.sidebar.mobile-overlay .sidebar{position:absolute;top:0;left:0;height:calc(100vh - 40px);width:280px;border-radius:12px;z-index:1001}.desktop-sidebar{display:block}@media (max-width: 768px){.desktop-sidebar{display:none}}.sidebar{width:320px;background:var(--panel);border-radius:16px;display:flex;flex-direction:column;border:1px solid var(--border)}.sidebar-header{padding:12px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);min-height:88px}.sidebar-header h3{margin:0;font-size:20px;font-weight:800;color:#1a1a1a}.sidebar-header .icon{background:none;border:none;font-size:20px;cursor:pointer}.contacts{list-style:none;padding:15px 0 0;margin:0;overflow-y:auto;flex:1}.contact{display:flex;align-items:center;padding:10px;margin:5px 20px;border-radius:8px;cursor:pointer;gap:10px;position:relative;transition:background .2s;border:1px solid transparent}.contact:hover{background:#f2fdff}.contact.active{background:#f2fdff;border-color:#a7f1ff}.avatar{width:44px;height:44px;border-radius:50%;background:#d0e8f0;display:flex;align-items:center;justify-content:center;font-weight:600;color:#0a5568;flex-shrink:0;font-size:16px;position:relative}.avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.avatar.large{width:52px;height:52px;font-size:20px;font-weight:800}.meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.name{font-weight:700;font-size:14px;color:#1a1a1a;display:flex;align-items:center;gap:6px}.preview{font-size:14px;color:#111928;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.date{font-size:12px;color:var(--muted);flex-shrink:0;align-self:flex-start;margin-top:5px}.unread-badge{background:#35b6d4;color:#fff;font-weight:700;border-radius:10px;padding:2px 6px;font-size:10px;line-height:1;position:absolute;right:14px;bottom:13px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center}.slide-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--panel);border-right:1px solid var(--border);transform:translate(-100%);transition:transform .3s ease;z-index:1000}.slide-menu.open{transform:translate(0)}.menu-content{padding:20px;display:flex;flex-direction:column;height:100%}.menu-logo{margin-bottom:40px}.menu-logo img{height:auto}.menu-nav{flex:1;display:flex;flex-direction:column;gap:20px}.menu-item{background:none;border:none;text-align:left;padding:12px 16px;font-size:18px;font-weight:600;color:#1a1a1a;cursor:pointer;transition:color .2s,background .2s;display:flex;align-items:center;gap:12px;font-family:Nunito,sans-serif;border-radius:8px}.menu-item:hover{color:#35b6d4;background:#f2fdff}.menu-icon{width:20px;height:20px;flex-shrink:0}.menu-toggle{position:fixed;bottom:20px;left:0;width:24px;height:44px;border-radius:0 10px 10px 0;background:var(--panel);border:1px solid var(--border);box-shadow:0 4px 12px var(--shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;z-index:999;transition:left .3s ease}.menu-toggle.open{left:279px}.menu-toggle:hover{transform:scale(1.05)}.toggle-icon{width:20px;height:20px;transition:transform .3s ease;transform:rotate(180deg)}.menu-toggle.open .toggle-icon{transform:rotate(0)}.chat-area{flex:1;background:var(--panel);border-radius:12px;padding:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--border)}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--border);min-height:88px}.chat-header .left{display:flex;align-items:center;gap:12px}.chat-header .title{display:flex;flex-direction:column;gap:2px}.chat-header .name{font-weight:800;font-size:20px;color:#1a1a1a}.chat-header .icon{background:none;border:none;font-size:20px;cursor:pointer}.messages{flex:1;padding:24px 28px;overflow-y:auto;background:var(--panel)}.msg-row{display:flex;flex-direction:column;margin-bottom:20px;align-items:flex-start}.msg-row.me{align-items:flex-end}.msg{max-width:75%;padding:11px 14px;border-radius:16px;word-wrap:break-word;position:relative;box-shadow:0 1px 2px #0000000d}.msg{background:#f0f2f4;color:#1a1a1a;border-top-left-radius:0}.msg.me{background:#1fbbd6;color:#fff;border-bottom-right-radius:0;border-bottom-left-radius:16px;border-top-left-radius:16px}.msg .text{font-size:16px;font-weight:500;line-height:1.4;white-space:pre-wrap;word-break:break-word}.msg .amount{font-size:14px;font-weight:700;color:#28a745;margin-bottom:4px}.msg-row .time{font-size:11px;color:var(--muted);margin-top:10px}.msg-row.me .time{color:#2c3d4866}.msg .file-attachments{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.msg .file-attachment{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#0000000d;border-radius:6px}.msg.me .file-attachment{background:#ffffff1a}.msg .file-icon{width:16px;height:16px}.msg .money-icon{width:16px;height:16px;margin-right:4px}.msg .file-info{flex:1}.msg .file-name{font-size:14px;font-weight:500;margin-bottom:2px}.msg .file-name.clickable{cursor:pointer;color:var(--accent);transition:opacity .2s}.msg .file-name.clickable:hover{opacity:.7}.msg.me .file-name.clickable{color:#fff}.msg.me .file-name.clickable:hover{opacity:.8}.msg .file-type{font-size:11px;color:var(--muted)}.msg.me .file-type{color:#ffffffb3}.messages-loader{padding:20px;text-align:center;color:var(--muted);font-size:14px}.messages-empty{padding:40px 20px;text-align:center;color:var(--muted);font-size:14px}.composer{padding:20px;border-top:1px solid var(--border);background:var(--panel);display:flex;flex-direction:column;gap:8px}.composer .files-preview{display:flex;flex-direction:column;gap:4px}.composer .file-preview{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f8f9fa;border-radius:6px;border:1px solid var(--border)}.composer .file-name{font-size:14px;color:#1a1a1a;flex:1}.composer .file-remove{background:none;border:none;color:var(--muted);cursor:pointer;font-size:18px;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.composer .file-remove:hover{background:#e9ecef;color:#dc3545}.composer .composer-content{display:flex;align-items:center;gap:20px}.input-area{position:relative;width:100%}.composer .input{flex:1;padding:15px 50px 15px 15px;border:1px solid var(--border);border-radius:12px;background:#f3f4f6;font-size:14px;outline:none;font-family:Nunito,sans-serif;width:100%;vertical-align:bottom}.composer .input:focus{border-color:var(--accent)}.composer .actions{display:flex;align-items:center;gap:8px}.composer .icon{background:url("data:image/svg+xml,%3csvg%20width='10'%20height='18'%20viewBox='0%200%2010%2018'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5.14687%2017.0193C5.09062%2017.0193%205.0625%2017.0193%205.00625%2017.0193C3.7125%2017.0193%202.30625%2016.4849%201.43438%2015.6693C0.50625%2014.7974%200%2013.6161%200%2012.4068V3.68801C0%202.47863%200.590625%201.38176%201.63125%200.678635C2.64375%20-0.0244904%203.90937%20-0.19324%205.09062%200.228635L5.14687%200.25676C5.2875%200.31301%205.45625%200.341135%205.625%200.453635C6.91875%201.12863%207.70625%202.33801%207.70625%203.71613V11.1693C7.70625%2011.9286%207.45312%2012.6318%206.975%2013.1943C6.89062%2013.3068%206.83437%2013.363%206.77812%2013.3911C6.24375%2013.8693%205.625%2014.1224%204.92188%2014.1224C4.13438%2014.1224%203.375%2013.7568%202.86875%2013.1661C2.39063%2012.6036%202.10938%2011.8724%202.10938%2011.113V4.89738C2.10938%204.55988%202.39062%204.25051%202.75625%204.25051C3.12187%204.25051%203.40313%204.53176%203.40313%204.89738V11.1411C3.40313%2011.5911%203.57188%2012.0411%203.85313%2012.3786C4.10625%2012.688%204.52813%2012.8849%204.92188%2012.8849C5.2875%2012.8849%205.59688%2012.7443%205.87813%2012.4911C5.90625%2012.463%205.93437%2012.4349%205.99062%2012.3786C6.27187%2012.0411%206.44063%2011.6193%206.44063%2011.1693V3.68801C6.44063%202.78801%205.93438%202.00051%205.03438%201.55051L5.00625%201.52238C4.95%201.49426%204.89375%201.46613%204.78125%201.43801L4.69688%201.40988C3.88125%201.12863%203.0375%201.24113%202.33437%201.71926C1.63125%202.16926%201.26562%202.87238%201.26562%203.65988V12.3786C1.26562%2013.2224%201.65938%2014.0943%202.30625%2014.713C2.95313%2015.3036%204.05%2015.7255%205.03438%2015.7255C5.99063%2015.7536%206.89062%2015.388%207.59375%2014.7411C8.26875%2014.0943%208.63437%2013.2505%208.60625%2012.3786V5.60051C8.60625%205.26301%208.8875%204.95363%209.25313%204.95363C9.61875%204.95363%209.9%205.23488%209.9%205.60051V12.3786C9.92813%2013.588%209.42188%2014.7693%208.49375%2015.6693C7.56563%2016.513%206.35625%2017.0193%205.14687%2017.0193Z'%20fill='%23637381'/%3e%3c/svg%3e") center center no-repeat;border:none;font-size:20px;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s;position:absolute;right:5px;width:50px;height:50px;top:50%;margin-top:-25px}.composer .icon:disabled{opacity:.5;cursor:not-allowed}.composer .send{background:url("data:image/svg+xml,%3csvg%20width='19'%20height='21'%20viewBox='0%200%2019%2021'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M18.6935%209.59938C18.556%209.35876%2018.3498%209.18688%2018.1091%209.04938L2.26227%200.180635C1.98727%200.0431349%201.67789%20-0.0256151%201.36852%200.00875992C1.05914%200.0431349%200.784142%200.14626%200.543517%200.35251C0.302892%200.55876%200.131016%200.83376%200.0622665%201.10876C-0.0408585%201.41813%20-0.00648355%201.72751%200.0966415%202.03688L3.05289%2010.39L0.0966415%2018.7431C-0.00648355%2019.0525%20-0.00648351%2019.3619%200.0622665%2019.6369C0.131016%2019.9463%200.302892%2020.1869%200.543517%2020.3931C0.784142%2020.5994%201.05914%2020.7025%201.36852%2020.7369C1.40289%2020.7369%201.47164%2020.7369%201.50602%2020.7369C1.74664%2020.7369%202.02164%2020.6681%202.26227%2020.5306L18.1091%2011.6619C18.3498%2011.5244%2018.556%2011.3525%2018.6935%2011.1119C18.831%2010.8713%2018.8998%2010.5963%2018.8998%2010.3556C18.8998%2010.115%2018.831%209.84001%2018.6935%209.59938ZM1.57477%201.55563L15.9435%209.59938H4.42789L1.57477%201.55563ZM1.57477%2019.2244L4.46227%2011.1806H15.9779L1.57477%2019.2244Z'%20fill='white'/%3e%3c/svg%3e") center center no-repeat var(--accent);color:#fff;border:none;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:600;transition:background .2s;width:52px;height:52px}.composer .send:hover:not(:disabled){background-color:#19a9c0}.composer .send:disabled{cursor:not-allowed;background-color:#2c3d4866}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--panel);display:flex;align-items:center;justify-content:center;z-index:9999}.loader-container{display:flex;flex-direction:column;align-items:center;gap:16px}.loader-spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top:3px solid var(--accent);border-radius:50%;animation:loader-spin 1s linear infinite}.loader-message{color:var(--muted);font-size:14px;font-weight:500}@keyframes loader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.contacts::-webkit-scrollbar{width:6px}.contacts::-webkit-scrollbar-track{background:transparent}.contacts::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:3px}.contacts::-webkit-scrollbar-thumb:hover{background:#b0bcc4}.messages::-webkit-scrollbar{width:6px}.messages::-webkit-scrollbar-track{background:transparent}.messages::-webkit-scrollbar-thumb{background:#d0d7de;border-radius:3px}.messages::-webkit-scrollbar-thumb:hover{background:#b0bcc4}@media (max-width: 480px){.app-root{padding:0}.chat-root{height:100vh;max-width:none;flex-direction:column;gap:0}.mobile-menu-toggle{display:block;top:10px;left:10px}.sidebar{width:100%;height:auto;max-height:50vh;border-radius:0}.chat-area{width:100%;height:calc(100vh - 50px);border-radius:0}.chat-header{padding:10px 12px}.chat-header .name{font-size:15px}.messages{padding:12px 16px}.msg{max-width:90%;padding:8px 12px}.msg .text{font-size:13px}.composer{padding:10px 12px}.composer .input{font-size:16px;padding:10px 12px}.composer .actions{gap:6px}.composer .send{padding:6px 12px;font-size:14px}}@media (max-width: 766px){.app-root{padding:0}.chat-root{height:100vh;max-width:none;flex-direction:column;gap:0}.mobile-menu-toggle{display:block}.desktop-sidebar{display:none}.chat-area{width:100%;height:100vh;border-radius:0}.chat-header{padding:12px 16px}.messages{padding:16px 20px}.msg{max-width:85%}.composer{padding:12px 16px}.composer .input{font-size:16px}}@media (min-width: 769px){.mobile-menu-toggle{display:none}}@media (min-width: 769px) and (max-width: 1024px){.chat-root{height:600px}.sidebar{width:280px}.msg{max-width:65%}}@media (max-height: 600px){.chat-root{height:calc(100vh - 40px)}.sidebar{max-height:400px}.messages{padding:16px 20px}}@media (max-width: 768px) and (orientation: landscape){.chat-root{height:100vh}.sidebar{max-height:100vh}.chat-area{height:100vh}}.login-root{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#f5f7f8,#eef3f5)}.login-panel{width:920px;height:560px;background:#fff;border-radius:14px;box-shadow:0 20px 60px #0f171814;display:flex;overflow:hidden}.login-illustration{flex:1;background:#f7fbfc;display:flex;align-items:center;justify-content:center}.login-illustration img{width:100%;height:100%;object-fit:cover}.login-form{width:420px;padding:48px 40px;display:flex;flex-direction:column;gap:12px}.login-form h2{margin:0;font-size:26px}.login-form .muted{color:var(--muted);margin-bottom:12px}.field{display:flex;flex-direction:column;gap:8px;margin-top:8px}.field label{font-size:13px;color:#344a4d}.field input{padding:12px 14px;border-radius:10px;border:1px solid #e7ecee;background:#fff}.actions-row{display:flex;gap:10px;margin-top:18px}.btn{padding:10px 14px;border-radius:10px;border:none;cursor:pointer}.btn.primary{background:var(--accent);color:#fff}.btn.ghost{background:transparent;border:1px solid #e6ecef}.help{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:13px;color:var(--muted)}.help .link{color:var(--accent);text-decoration:none;cursor:pointer}.login-page{min-height:100vh;display:flex;flex-direction:column;background:#f3f5f6;position:relative}.login-header{display:flex;justify-content:center;align-items:center;padding:15px 48px 28px}.login-header .logo img{height:40px}.login-header .contact{display:flex;gap:20px;color:#6b6b6b;font-size:14px}.login-header .contact-item{display:flex;align-items:center;gap:8px}.login-center{flex:1;display:flex;align-items:center;justify-content:center}.login-card{width:480px;max-width:90%;text-align:center;padding:40px 48px;background:transparent}.login-card .title{font-size:28px;margin:0 0 20px;color:#263238;font-weight:700}.login-card .subtitle{color:#6b6b6b;margin-bottom:24px}.login-card .label{display:block;text-align:left;color:#6b6b6b;margin:12px 0 8px;font-size:14px}.code-input{width:100%;padding:12px 14px;border-radius:6px;border:1px solid #e2e6e8;background:#fff;font-size:16px;box-shadow:inset 0 1px #00000005}.enter-btn{margin-top:20px;width:280px;max-width:100%;height:56px;border-radius:999px;background:linear-gradient(180deg,#18b5d0,#00a9c0);border:none;color:#fff;font-weight:600;font-size:16px;cursor:pointer;display:inline-block}.login-footer{display:flex;justify-content:space-between;align-items:center;padding:18px 48px;color:#788a8d;font-size:13px}.login-footer .right{display:flex;gap:18px}@media (max-width:720px){.login-header{padding:16px}.login-card{padding:20px}.enter-btn{width:100%}}.sidebar-loader{padding:20px;text-align:center;color:var(--muted)}.messages-loader,.messages-empty{padding:24px;text-align:center;color:var(--muted)}