@import url("https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap");:root{color-scheme:dark;--bg:#090a12;--surface:#11131f;--surface-light:#191c2b;--text:#f3f3fa;--muted:#9295aa;--purple:#9275ff;--purple-light:#b29fff;--border:rgba(255,255,255,.085);--green:#55d6a0;--danger:#ff9b9b}*{box-sizing:border-box}html{min-height:100%}body,html{background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:Vazirmatn,Tahoma,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:800;letter-spacing:1.2px;direction:ltr}.brand b{color:var(--purple-light);font-weight:500}.brand-symbol,.card-logo{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;color:white;font-size:23px;font-weight:800;background:linear-gradient(145deg,#a58aff,#6547ce);box-shadow:0 7px 24px rgba(123,91,232,.25)}.eyebrow{color:var(--purple-light);font-size:11px;font-weight:600}.online-dot,.secure-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px rgba(85,214,160,.7);flex:0 0 auto}.auth-page{min-height:100vh;position:relative;overflow:hidden;padding:0 7.5%;display:flex;flex-direction:column;background:radial-gradient(ellipse at 12% 45%,rgba(103,76,207,.13),transparent 38%),radial-gradient(ellipse at 88% 12%,rgba(47,116,150,.1),transparent 32%),#090a12}.ambient{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;opacity:.16}.ambient-one{width:320px;height:320px;background:#7655e9;top:25%;right:-220px}.ambient-two{width:260px;height:260px;background:#287b9c;bottom:-170px;left:20%}.auth-footer,.auth-header{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.auth-header{height:94px;border-bottom:1px solid rgba(255,255,255,.055)}.header-caption{color:#888ba1;font-size:12px}.auth-layout{width:100%;max-width:1180px;flex:1 1;margin:0 auto;display:grid;grid-template-columns:1fr 440px;grid-gap:9%;gap:9%;align-items:center;padding:55px 0 65px;position:relative;z-index:1}.intro-panel{max-width:560px}.intro-badge{display:inline-flex;align-items:center;gap:9px;padding:9px 14px;border:1px solid rgba(146,117,255,.2);border-radius:30px;background:rgba(146,117,255,.07);color:#c5b8ff;font-size:11px}.intro-panel h1{font-size:clamp(36px,4.2vw,55px);line-height:1.65;letter-spacing:-1.8px;margin:25px 0 13px;font-weight:800}.intro-panel h1 span{color:var(--purple-light)}.intro-description{color:#a0a2b4;font-size:14px;line-height:2.2;max-width:480px;margin:0}.feature-list{display:grid;grid-gap:23px;gap:23px;margin-top:38px}.feature-item{display:flex;align-items:center;gap:15px}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(146,117,255,.19);border-radius:13px;background:rgba(146,117,255,.08);color:#b6a3ff;font-size:21px;flex:0 0 auto}.feature-item div{display:grid;grid-gap:4px;gap:4px}.feature-item strong{font-size:13px;font-weight:600}.feature-item div span{color:#888ba0;font-size:11px}.intro-bottom{margin-top:45px;display:flex;align-items:center;gap:12px;color:#7e8094;font-size:11px}.intro-line{width:34px;height:1px;background:var(--purple)}.auth-card{width:100%;padding:31px;border:1px solid rgba(255,255,255,.09);border-radius:23px;background:linear-gradient(150deg,rgba(25,27,43,.97),rgba(15,17,29,.97));box-shadow:0 28px 90px rgba(0,0,0,.35),0 0 50px rgba(105,78,201,.07);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.card-top{display:flex;align-items:center;justify-content:space-between}.card-logo{width:43px;height:43px;border-radius:14px;font-size:24px}.secure-label{display:inline-flex;align-items:center;gap:8px;color:#9ca0b4;font-size:10px}.secure-dot{width:6px;height:6px}.card-heading{margin-top:29px}.card-heading h2{margin:7px 0 5px;font-size:24px;font-weight:700}.card-heading p{margin:0;color:#9295a9;font-size:11px;line-height:2}.mode-switch{display:grid;grid-template-columns:1fr 1fr;grid-gap:5px;gap:5px;padding:5px;margin-top:25px;border-radius:12px;background:#0d0f19}.mode-switch button{border:0;padding:10px;border-radius:9px;background:transparent;color:#9295aa;font-size:12px;transition:.2s}.mode-switch button.mode-active{background:#252139;color:#d6ccff;box-shadow:inset 0 0 0 1px rgba(159,135,255,.15)}.auth-form{display:grid;grid-gap:17px;gap:17px;margin-top:23px}.field{display:grid;grid-gap:8px;gap:8px;min-width:0}.field>span{color:#d7d8e4;font-size:11px;font-weight:600}.field>span small{color:#81849a;font-weight:400}.input-wrap{height:48px;display:flex;align-items:center;gap:11px;padding:0 13px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(8,10,19,.65);transition:border-color .2s,box-shadow .2s}.input-wrap:focus-within{border-color:rgba(155,130,255,.7);box-shadow:0 0 0 3px rgba(146,117,255,.09)}.input-icon{color:#9c88e8;font-size:17px;width:17px;text-align:center}.input-wrap input{width:100%;height:100%;outline:none;border:0;background:transparent;color:#f3f3fa;font-size:12px;min-width:0}.input-wrap input::placeholder{color:#65697f}.field-hint{color:#74788e;font-size:9px}.primary-button,.submit-button{min-height:49px;display:flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;color:white;font-size:12px;font-weight:700;background:linear-gradient(105deg,#795be0,#9878ff);box-shadow:0 9px 25px rgba(119,86,223,.22);transition:transform .2s,filter .2s}.submit-button{margin-top:4px}.primary-button:hover,.submit-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.submit-button>span:last-child{font-size:17px}.card-bottom{display:flex;justify-content:center;align-items:center;gap:7px;padding-top:22px;margin-top:21px;border-top:1px solid rgba(255,255,255,.07);color:#9295a9;font-size:10px}.card-bottom button{padding:0;border:0;background:none;color:#b6a2ff;font-weight:700;font-size:10px}.form-message{padding:10px 12px;border-radius:9px;font-size:10px;line-height:1.9;display:flex;gap:8px;align-items:flex-start}.form-message>span{font-weight:800}.error-message{color:#ffaaaa;background:rgba(208,65,65,.09);border:1px solid rgba(255,100,100,.13)}.success-message{color:#8ee4bc;background:rgba(57,180,126,.09);border:1px solid rgba(85,214,160,.13)}.button-spinner,.loading-spinner{width:17px;height:17px;border:2px solid rgba(255,255,255,.25);border-top-color:white;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-footer{min-height:65px;border-top:1px solid rgba(255,255,255,.055);color:#71758a;font-size:10px}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#9295aa;background:var(--bg)}.loading-logo,.welcome-chat-logo{display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:white;font-size:31px;font-weight:800;background:linear-gradient(145deg,#a58aff,#6547ce);box-shadow:0 7px 24px rgba(123,91,232,.25)}.loading-screen .loading-spinner{width:24px;height:24px;border-color:rgba(255,255,255,.12);border-top-color:var(--purple-light)}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 0,rgba(90,67,170,.09),transparent 35%),var(--bg)}.app-topbar{height:76px;flex:0 0 auto;padding:0 34px;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(12,13,23,.88)}.app-topbar,.topbar-user{display:flex;align-items:center}.topbar-user{gap:12px}.avatar,.message-avatar{display:grid;place-items:center;width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#735bd0,#342b61);color:white;font-weight:700}.user-details{display:grid;grid-gap:3px;gap:3px;min-width:85px}.user-details strong{font-size:11px}.user-details span{color:var(--muted);font-size:10px}.logout-button{border:1px solid var(--border);border-radius:9px;background:rgba(255,255,255,.035);color:#c9c9d7;padding:9px 14px;font-size:10px}.logout-button:hover{border-color:rgba(255,120,120,.35);color:#ffaaaa}.global-error,.global-notice{width:min(100% - 40px,1400px);margin:12px auto 0;padding:10px 14px;border-radius:10px;font-size:11px}.global-notice{color:#9ce5bf;border:1px solid rgba(85,214,160,.15);background:rgba(85,214,160,.07)}.global-error{display:flex;justify-content:space-between;gap:12px;color:#ffaaaa;border:1px solid rgba(255,100,100,.16);background:rgba(208,65,65,.08)}.global-error button{border:0;background:transparent;color:inherit;font-size:19px;line-height:1}.chat-layout{width:min(100%,1600px);min-height:0;flex:1 1;margin:0 auto;padding:22px 28px;display:grid;grid-template-columns:330px minmax(0,1fr);grid-gap:18px;gap:18px}.conversation-panel,.rooms-sidebar{min-height:0;border:1px solid var(--border);border-radius:18px;background:linear-gradient(155deg,rgba(21,23,37,.98),rgba(14,16,27,.98));box-shadow:0 18px 55px rgba(0,0,0,.16)}.rooms-sidebar{display:flex;flex-direction:column;overflow:hidden}.sidebar-heading{padding:22px 19px 17px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-heading h1{margin:5px 0 0;font-size:21px}.create-room-button{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(146,117,255,.25);border-radius:9px;padding:9px 11px;color:#d4caff;background:rgba(146,117,255,.1);font-size:10px;white-space:nowrap}.create-room-button span{font-size:17px;line-height:10px}.room-tabs{margin:0 17px;padding:4px;display:grid;grid-template-columns:1fr 1fr;grid-gap:4px;gap:4px;border-radius:10px;background:#0c0e18}.room-tabs button{border:0;border-radius:8px;padding:10px 5px;color:#85899e;background:transparent;font-size:10px}.room-tabs button.active{color:#ded6ff;background:#29233f;box-shadow:inset 0 0 0 1px rgba(159,135,255,.12)}.room-list{flex:1 1;overflow-y:auto;padding:13px 11px}.room-list-item{width:100%;min-height:66px;padding:10px;display:flex;align-items:center;gap:11px;text-align:right;border:1px solid transparent;border-radius:12px;color:var(--text);background:transparent;transition:.18s}.room-list-item.selected,.room-list-item:hover{background:rgba(146,117,255,.09);border-color:rgba(146,117,255,.15)}.conversation-room-icon,.room-list-icon{width:39px;height:39px;flex:0 0 auto;display:grid;place-items:center;border-radius:12px;color:#c8baff;background:rgba(146,117,255,.13);font-size:20px}.room-list-text{flex:1 1;min-width:0;display:grid;grid-gap:5px;gap:5px}.room-list-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.room-list-text small{color:#85899d;font-size:9px}.room-list-arrow{color:#777b91;font-size:22px}.sidebar-empty{padding:25px 15px;color:#81859a;text-align:center;font-size:11px;line-height:2}.sidebar-footer{gap:9px;padding:15px 20px;border-top:1px solid var(--border);color:#9295aa;font-size:10px}.discover-room,.sidebar-footer{display:flex;align-items:center}.discover-room{padding:10px;justify-content:space-between;gap:7px;border-bottom:1px solid rgba(255,255,255,.045)}.discover-room-main{display:flex;align-items:center;gap:10px;min-width:0}.join-button{border:1px solid rgba(85,214,160,.2);border-radius:8px;padding:7px 10px;color:#9ce5bf;background:rgba(85,214,160,.07);font-size:9px;white-space:nowrap}.conversation-panel{display:flex;flex-direction:column;overflow:hidden;position:relative}.conversation-header{min-height:77px;flex:0 0 auto;display:flex;align-items:center;gap:13px;padding:12px 21px;border-bottom:1px solid var(--border)}.conversation-room-icon{width:43px;height:43px;font-size:22px}.conversation-room-info{flex:1 1;min-width:0}.conversation-room-info h2{margin:0 0 5px;font-size:13px}.conversation-room-info span{color:#898da2;font-size:10px}.mobile-back,.refresh-button{width:37px;height:37px;border:1px solid var(--border);border-radius:10px;color:#b8a8ff;background:rgba(255,255,255,.035);font-size:20px}.mobile-back{display:none}.message-list{flex:1 1;min-height:220px;overflow-y:auto;padding:22px 24px;display:flex;flex-direction:column;gap:17px;scroll-behavior:smooth}.load-older-button{align-self:center;border:1px solid var(--border);border-radius:20px;padding:8px 14px;color:#b9aaff;background:rgba(146,117,255,.07);font-size:10px}.message-row{display:flex;align-items:flex-end;gap:9px;max-width:82%}.message-row.own-message{align-self:flex-start;flex-direction:row-reverse}.message-avatar{width:31px;height:31px;border-radius:10px;font-size:11px;flex:0 0 auto}.message-content{min-width:0;display:grid;grid-gap:5px;gap:5px}.message-sender{padding:0 5px;color:#b9a9ff;font-size:10px;font-weight:600}.message-bubble{padding:10px 13px 7px;border:1px solid rgba(255,255,255,.065);border-radius:13px 13px 13px 4px;background:#1b1e2d;min-width:75px}.own-message .message-bubble{border-color:rgba(146,117,255,.17);border-radius:13px 13px 4px 13px;background:linear-gradient(145deg,#302650,#252039)}.message-bubble p{margin:0;color:#eeeeF7;font-size:12px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}.message-bubble time{display:block;margin-top:4px;color:#898ba0;text-align:left;direction:ltr;font-size:9px}.conversation-empty{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#85899e;text-align:center}.conversation-empty h3{margin:0;color:#d9d8e6;font-size:14px}.conversation-empty p{margin:0;font-size:11px}.empty-icon{color:#a996ff;font-size:33px}.conversation-empty .loading-spinner{width:25px;height:25px;border-color:rgba(255,255,255,.12);border-top-color:var(--purple-light)}.message-composer{position:relative;flex:0 0 auto;margin:0 18px 18px;min-height:64px;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;background:#0d0f19}.message-composer:focus-within{border-color:rgba(155,130,255,.5)}.message-composer textarea{flex:1 1;min-width:0;min-height:40px;max-height:120px;resize:vertical;border:0;outline:0;color:#f3f3fa;background:transparent;padding:9px 5px;font-size:12px;line-height:1.8}.message-composer textarea::placeholder{color:#686c82}.composer-count{align-self:flex-end;padding-bottom:8px;color:#666b80;font-size:8px;direction:ltr}.message-composer button{width:40px;height:40px;flex:0 0 auto;border:0;border-radius:12px;color:white;background:linear-gradient(145deg,#9c80ff,#6d50d3);font-size:17px;transform:rotate(180deg)}.message-composer button:disabled{filter:grayscale(.5)}.welcome-chat{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;text-align:center}.welcome-chat-logo{width:72px;height:72px;margin-bottom:22px;border-radius:22px;font-size:38px}.welcome-chat h2{margin:12px 0 7px;font-size:22px}.welcome-chat p{max-width:390px;margin:0 0 22px;color:#9295aa;font-size:12px;line-height:2.1}.primary-button{width:100%;padding:0 18px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(3,4,10,.76);-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.modal-card{width:100%;max-width:480px;max-height:min(90vh,760px);overflow-y:auto;padding:25px;border:1px solid rgba(255,255,255,.11);border-radius:19px;background:linear-gradient(150deg,#1b1d2d,#11131f);box-shadow:0 25px 90px rgba(0,0,0,.5)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.modal-heading h2{margin:6px 0 0;font-size:19px}.modal-close{width:32px;height:32px;border:1px solid var(--border);border-radius:9px;color:#b8bbca;background:rgba(255,255,255,.04);font-size:20px}.modal-form{display:grid;grid-gap:17px;gap:17px}.modal-form .field input,.modal-form .field textarea{width:100%;border:1px solid rgba(255,255,255,.09);border-radius:10px;outline:0;padding:12px 13px;color:#f3f3fa;background:rgba(8,10,19,.65);font-size:12px}.modal-form .field input{height:45px}.modal-form .field textarea{resize:vertical;line-height:1.9}.modal-form .field input:focus,.modal-form .field textarea:focus{border-color:rgba(155,130,255,.65);box-shadow:0 0 0 3px rgba(146,117,255,.08)}.modal-form input::placeholder,.modal-form textarea::placeholder{color:#65697f}.room-type-options{display:grid;grid-template-columns:1fr 1fr;grid-gap:9px;gap:9px}.room-type-options button{display:grid;grid-gap:6px;gap:6px;padding:13px;border:1px solid var(--border);border-radius:11px;color:#c8c9d7;text-align:right;background:rgba(255,255,255,.025)}.room-type-options button.chosen{border-color:rgba(146,117,255,.48);background:rgba(146,117,255,.1)}.room-type-options strong{font-size:11px}.room-type-options small{color:#898da1;font-size:9px;line-height:1.7}.message-list,.modal-card,.room-list{scrollbar-width:thin;scrollbar-color:#39334f transparent}.message-list::-webkit-scrollbar,.modal-card::-webkit-scrollbar,.room-list::-webkit-scrollbar{width:6px}.message-list::-webkit-scrollbar-thumb,.modal-card::-webkit-scrollbar-thumb,.room-list::-webkit-scrollbar-thumb{border-radius:10px;background:#39334f}@media (max-width:1000px){.chat-layout{grid-template-columns:290px minmax(0,1fr);padding:17px}.auth-layout{grid-template-columns:1fr 390px;gap:4%}.intro-panel h1{font-size:37px}.auth-card{padding:25px}}@media (max-width:700px){.auth-page{padding:0 20px}.auth-header{height:72px}.header-caption{font-size:10px}.auth-layout{display:flex;flex-direction:column;gap:35px;padding:38px 0}.intro-panel{width:100%}.intro-panel h1{font-size:34px;line-height:1.55;margin-top:17px}.intro-description{font-size:12px}.feature-list{gap:16px;margin-top:25px}.feature-icon{width:37px;height:37px}.intro-bottom{display:none}.auth-card{max-width:440px;padding:25px 21px}.auth-footer{min-height:55px}.app-topbar{height:67px;padding:0 15px}.app-topbar .brand{font-size:13px;gap:7px}.app-topbar .brand-symbol{width:32px;height:32px}.user-details{display:none}.logout-button{padding:8px 10px}.chat-layout{display:block;padding:10px;min-height:calc(100vh - 67px)}.rooms-sidebar{min-height:calc(100vh - 87px);max-height:none}.conversation-panel{display:none;height:calc(100vh - 87px);min-height:440px}.chat-layout.conversation-open .rooms-sidebar{display:none}.chat-layout.conversation-open .conversation-panel{display:flex}.mobile-back{display:block}.conversation-header{min-height:68px;padding:9px 12px;gap:9px}.conversation-room-icon{width:37px;height:37px}.message-list{padding:17px 12px}.message-row{max-width:94%}.message-composer{margin:0 9px 9px;padding:7px}.composer-count{display:none}.global-error,.global-notice{width:calc(100% - 20px)}.modal-card{padding:21px 17px}}@media (max-width:390px){.auth-card{padding:22px 17px}.intro-panel h1{font-size:29px}.auth-footer{font-size:9px}.sidebar-heading{padding:18px 13px 14px}.create-room-button{padding:8px;font-size:9px}.room-tabs{margin:0 12px}.room-type-options{grid-template-columns:1fr}}