@import"https://fonts.googleapis.com/css2?family=Vazirmatn:wght@300;400;600;700&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Vazirmatn,Space Grotesk,sans-serif;line-height:1.6;font-weight:400;color:#121218;background-color:#f6f0ff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,#fce7d4,transparent 45%),radial-gradient(circle at top left,#d6e6ff,transparent 40%),#f7f2ff;direction:rtl;text-align:right}#root{min-height:100vh}input,button,textarea,select{font:inherit}.page{min-height:100vh;display:grid;grid-template-columns:320px 1fr;gap:24px;padding:32px;color:#121218}.auth-page{grid-template-columns:1fr;place-items:center}.auth-card{max-width:420px;width:100%;background:#ffffffe6;padding:40px;border-radius:24px;box-shadow:0 28px 60px #0f11231f;display:grid;gap:24px;animation:float-in .6s ease-out}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;color:#4d4d63;margin-bottom:8px}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;font-size:.9rem;color:#1f1f2f}.auth-form input{border:1px solid #d2d3e1;border-radius:14px;padding:12px 14px;font-size:1rem;background:#fff}.auth-form button{margin-top:4px}.auth-toggle{display:flex;align-items:center;justify-content:space-between;font-size:.9rem}.link-button{background:none;border:none;color:#4052f2;font-weight:600;cursor:pointer;text-decoration:none;display:inline-flex}.status{background:#fff4ed;color:#9c3b18;padding:10px 12px;border-radius:12px;font-size:.9rem}.sidebar{background:#ffffffbf;border-radius:28px;padding:24px;display:flex;flex-direction:column;gap:24px;box-shadow:0 18px 40px #0c0e241f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.profile{display:flex;align-items:center;justify-content:space-between;gap:12px}.profile h2{margin:0}.member-list{display:grid;gap:16px}.member-list-header{display:flex;align-items:center;justify-content:space-between}.member-list ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.password-card{display:grid;gap:12px;padding:16px;border-radius:18px;background:#ffffffb3;border:1px solid rgba(68,82,244,.12)}.password-card h3{margin:0}.password-form{display:grid;gap:10px}.password-form input{border-radius:12px;border:1px solid #d4d4e3;padding:10px 12px;font-size:.95rem}.member{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;background:#ffffffb3;border:1px solid transparent;border-radius:16px;cursor:pointer;text-align:left;color:#6b6b7c}.member.active{border-color:#4452f4;background:#4452f41f}.dot{width:10px;height:10px;border-radius:50%;background:#b7b7c9}.dot.online{background:#2ed573}.chat{background:#ffffffc7;border-radius:28px;padding:24px;display:grid;grid-template-rows:auto 1fr auto;gap:16px;box-shadow:0 22px 50px #0f112324;animation:float-in .5s ease-out;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.chat-header{display:flex;align-items:center;justify-content:space-between}.chat-body{background:#fff9;border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;overflow-y:auto}.bubble{max-width:70%;background:#f2f2f7;padding:12px 14px;border-radius:16px;align-self:flex-start;display:grid;gap:8px;font-size:.95rem}.bubble.me{background:#4452f4;color:#fff;align-self:flex-end;box-shadow:0 12px 24px #4452f447}.bubble span{font-size:.75rem;opacity:.7}.empty{text-align:center;color:#5a5a74;font-size:.95rem;padding:20px 0}.chat-input{display:grid;grid-template-columns:1fr 120px;gap:12px}.chat-input input{border-radius:14px;border:1px solid #d4d4e3;padding:12px 14px;font-size:1rem}button{border:none;background:#4452f4;color:#fff;padding:12px 16px;border-radius:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 18px #4452f433}.ghost{background:#4452f41f;color:#4452f4}.ghost.small{padding:6px 10px;border-radius:10px;font-size:.85rem}.overlay,.mobile-only{display:none}@keyframes float-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.page{grid-template-columns:1fr;padding:20px}.sidebar{position:fixed;inset:16px;transform:translateY(110%);transition:transform .25s ease;z-index:20;order:2}.sidebar.open{transform:translateY(0)}.chat{order:1}.chat-input{grid-template-columns:1fr}.overlay{display:block;position:fixed;inset:0;background:#0b0c1859;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:10}.overlay.show{opacity:1;pointer-events:auto}.mobile-only{display:inline-flex}}