:root{--primary:#0078d4;--secondary:#8cc63f;--accent:#005a9e;--background:#f3f2f1;--text:#323130;--text-secondary:#605e5c;--error:#d13438;--success:#107c10}*{box-sizing:border-box}body{font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background-color:var(--background);color:var(--text);margin:0;padding:0}h1,h2,h3,h4,h5,h6,.fw-bold{font-family:var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;font-weight:700}.form-switch{padding-left:0!important}.form-check{min-height:1.5rem;margin-bottom:.125rem;display:block}.card-premium{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #e1dfdd80;border-radius:1rem;padding:1.25rem;transition:all .3s;box-shadow:0 4px 12px #0000000d}.card-premium:hover{box-shadow:0 6px 16px #00000014}.icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.btn-primary{background-color:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:.375rem;padding:.5rem 1rem;font-weight:500;display:inline-block}.btn-primary:hover{background-color:var(--accent)}.input{border:1px solid #e1dfdd;border-radius:.375rem;width:100%;padding:.5rem 1rem}.input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #0078d433}.card{background:#fff;border-radius:.5rem;padding:1rem;box-shadow:0 1px 3px #0000001a}.d-flex{display:flex}.flex-column{flex-direction:column}.flex-grow-1{flex-grow:1}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-gray-600{color:#525252}.fixed{position:fixed}.inset-0{inset:0}.rounded-lg{border-radius:.5rem}.rounded-full{border-radius:9999px}.w-full{width:100%}.h-screen{height:100vh}.overflow-x-auto{overflow-x:auto}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.max-w-xs{max-width:20rem}.max-w-md{max-width:28rem}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.flex-col{flex-direction:column}.cursor-pointer{cursor:pointer}.sidebar{z-index:200;flex-direction:column;width:260px;height:100vh;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.main-content{padding:1.5rem}.mobile-header{z-index:100;background:#0f172a;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:none;position:sticky;top:0}.mobile-header-brand{color:#fff;align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.hamburger-btn{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;padding:6px 8px;font-size:1.2rem;line-height:1;display:flex}.hamburger-btn:hover{background:#ffffff1a}.sidebar-overlay{z-index:150;-webkit-backdrop-filter:blur(2px);background:#0000008c;position:fixed;inset:0}.sidebar-close-btn{display:none}@media (max-width:767px){.sidebar-close-btn{display:flex!important}.page-area{margin-left:0!important}.sidebar{transform:translate(-260px)}.sidebar.sidebar-open{transform:translate(0);box-shadow:6px 0 32px #00000073}.main-content{padding:0 .875rem 5rem;margin-left:0!important}.mobile-header{display:flex}.chat-back-btn{display:flex!important}[data-mobile-view=chat] .chats-list-panel,[data-mobile-view=list] .chats-messages-panel{display:none!important}}.sidebar-nav-item:hover,.sidebar-profile:hover{background-color:#ffffff12!important}.sidebar-logout:hover{background-color:#dc26262e!important}.bg-gray-50{background-color:#f9fafb}.bg-white{background-color:#fff}.text-white{color:#fff}.text-blue-600{color:#2563eb}.text-red-600{color:#dc2626}.border-t{border-top:1px solid #e5e7eb}.space-y-4>*+*{margin-top:1rem}.chats-container{flex-direction:column;height:calc(100vh - 3rem);display:flex;overflow:hidden}@media (max-width:767px){.chats-container{height:calc(100vh - 56px - 5.875rem)}}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#aaa}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}.shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.sticky-top{position:sticky;top:0}.sticky-bottom{position:sticky;bottom:0}.z-10{z-index:10}.z-50{z-index:50}.overflow-y-auto{overflow-y:auto}.tracking-wider{letter-spacing:.05em}.text-uppercase{text-transform:uppercase}.password-strength-meter{background-color:#e1dfdd;border-radius:2px;height:4px;margin-top:6px;transition:all .3s;overflow:hidden}.password-strength-bar{height:100%;transition:width .3s,background-color .3s}.strength-weak{background-color:#d13438;width:25%}.strength-fair{background-color:#f5a623;width:50%}.strength-good{background-color:#8cc63f;width:75%}.strength-strong{background-color:#107c10;width:100%}