@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{color:#f4f6fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto;background:#0a0c12;font-family:Inter,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #8b7cff}button:disabled{cursor:not-allowed;opacity:.55}.auth-page{background:radial-gradient(at 50% 0,#222046 0%,#0000 48%),#0a0c12;justify-content:center;align-items:center;min-height:100vh;padding:28px 16px;display:flex;position:relative;overflow:hidden}.auth-glow{filter:blur(100px);opacity:.18;pointer-events:none;border-radius:50%;width:280px;height:280px;position:absolute}.glow-one{background:#6856ff;top:10%;left:8%}.glow-two{background:#267fe9;bottom:8%;right:8%}.auth-card{z-index:1;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#12151fee;border:1px solid #ffffff12;border-radius:24px;width:100%;max-width:430px;padding:34px;position:relative;box-shadow:0 24px 100px #0007}.auth-brand,.brand{letter-spacing:-.5px;align-items:center;gap:11px;font-weight:800;display:flex}.auth-brand{justify-content:center;margin-bottom:34px;font-size:21px}.brand-symbol,.security-icon,.big-icon{color:#fff;background:linear-gradient(135deg,#8272ff,#6551df);place-items:center;display:grid;box-shadow:0 8px 28px #725fff30}.brand-symbol{border-radius:14px;width:42px;height:42px}.auth-heading{text-align:center}.security-icon{border-radius:16px;width:48px;height:48px;margin:0 auto 17px}.auth-heading h1{letter-spacing:-1px;margin:0;font-size:27px}.auth-heading p{color:#9299ad;margin:10px 0 24px;font-size:14px;line-height:1.6}.auth-tabs{background:#0b0e15;border-radius:12px;gap:4px;margin-bottom:24px;padding:5px;display:flex}.auth-tab{color:#969db0;cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;padding:11px;transition:all .2s}.auth-tab.selected{color:#fff;background:#25283a;box-shadow:0 2px 8px #0002}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form label{color:#d8dbea;margin-top:5px;font-size:13px;font-weight:600}.input-wrap{color:#858ca1;background:#0c0f16;border:1px solid #292d3b;border-radius:12px;align-items:center;gap:11px;min-height:49px;padding:0 14px;transition:border-color .2s;display:flex}.input-wrap:focus-within{border-color:#8272ff}.input-wrap input{color:#f4f6fb;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:14px}.input-wrap input::placeholder{color:#656c7f}.submit-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8170ff,#6250dd);border:0;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:49px;margin-top:13px;font-weight:700;transition:transform .2s,filter .2s;display:flex;box-shadow:0 8px 24px #6955e533}.submit-button:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.auth-switch{text-align:center;color:#9299ad;margin:22px 0 0;font-size:13px}.auth-switch button{color:#a99dff;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.auth-footer{color:#70788d;border-top:1px solid #ffffff0d;justify-content:center;align-items:center;gap:7px;margin-top:25px;padding-top:19px;font-size:12px;display:flex}.message-box{overflow-wrap:anywhere;border-radius:10px;padding:12px;font-size:13px;line-height:1.55}.message-box.error{color:#ffb7bd;background:#e85d6a12;border:1px solid #e85d6a38}.message-box.success{color:#a6efc2;background:#45c78310;border:1px solid #45c78335}.loading-screen{color:#b9b5ff;background:#0a0c12;flex-direction:column;justify-content:center;align-items:center;gap:15px;min-height:100vh;display:flex}.loading-screen p{color:#9299ad;font-size:14px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.app{color:#f4f6fb;background:#0d1017;min-height:100vh;display:flex}.sidebar{background:#11141c;border-right:1px solid #ffffff0c;flex-direction:column;flex-shrink:0;width:280px;padding:25px 17px 16px;display:flex}.brand{margin-bottom:32px;padding:0 9px;font-size:19px}.brand-letter{background:linear-gradient(135deg,#8272ff,#6551df);border-radius:11px;place-items:center;width:35px;height:35px;font-size:23px;display:grid}.search{color:#858ca1;background:#0b0e15;border:1px solid #ffffff0c;border-radius:11px;align-items:center;gap:9px;padding:12px;display:flex}.search input{color:#f4f6fb;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:13px}.section-title{color:#6e7589;letter-spacing:1.5px;margin:29px 0 12px;padding:0 11px;font-size:10px;font-weight:800}.nav{color:#939bad;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;margin-bottom:5px;padding:13px;display:flex}.nav.active{color:#c6beff;background:#7564ff1c}.profile{border-top:1px solid #ffffff0c;align-items:center;gap:11px;margin-top:auto;padding:15px 5px 4px;display:flex}.avatar{color:#fff;background:linear-gradient(135deg,#8272ff,#6551df);border-radius:13px;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.profile-info{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.profile-info b{font-size:13px}.profile-info small{color:#858ca1;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.logout-icon{color:#939bad;cursor:pointer;background:0 0;border:0;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.logout-icon:hover{color:#ff9ca6;background:#e85d6a12}.main{flex-direction:column;flex:1;min-width:0;min-height:100vh;display:flex}.main-header{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;gap:15px;padding:28px 35px;display:flex}.main-header h2{letter-spacing:-.5px;margin:0;font-size:21px}.main-header p{color:#858ca1;margin:7px 0 0;font-size:13px}.online{color:#a4e8bf;align-items:center;gap:8px;font-size:12px;display:flex}.online i{background:#4bd68b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #4bd68b60}.welcome{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 22px;display:flex}.big-icon{border-radius:25px;width:76px;height:76px;margin-bottom:25px}.welcome h1{letter-spacing:-1px;max-width:600px;margin:0;font-size:clamp(22px,3vw,30px)}.welcome>p{color:#9299ad;overflow-wrap:anywhere;margin:12px 0 0;font-size:14px}.notice{color:#b9b4e8;background:#8272ff0b;border:1px solid #8272ff26;border-radius:13px;max-width:490px;margin-top:26px;padding:15px 18px;font-size:13px;line-height:1.7}.welcome .message-box{margin-top:12px}.chat-footer{border-top:1px solid #ffffff0c;gap:12px;padding:20px 28px;display:flex}.chat-footer input{color:#858ca1;background:#11141c;border:1px solid #ffffff0e;border-radius:12px;flex:1;min-width:0;padding:14px 16px}.chat-footer button{color:#fff;background:#7564ff;border:0;border-radius:12px;place-items:center;width:47px;display:grid}@media (width<=700px){.auth-card{border-radius:20px;padding:27px 22px}.sidebar{width:72px;padding:20px 9px 12px}.brand{justify-content:center;margin-bottom:24px;padding:0}.brand-letter{flex-shrink:0}.brand:not(.brand-letter){font-size:0}.search{justify-content:center;padding:12px 0}.search input,.section-title,.nav:not(.active),.nav.active{font-size:0}.nav{justify-content:center;padding:13px 0}.profile{flex-wrap:wrap;justify-content:center;gap:8px}.profile-info{display:none}.logout-icon{width:36px}.main-header{align-items:flex-start;padding:22px 17px}.main-header h2{font-size:18px}.main-header p{max-width:200px;line-height:1.5}.online{padding-top:7px;font-size:0}.welcome{padding:28px 16px}.chat-footer{padding:14px}}@media (width<=390px){.auth-card{padding:24px 17px}.auth-heading h1{font-size:24px}.main-header p{max-width:155px}}