@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary:#0084ff;--primary-glow:#0084ff80;--bg-dark:#01061a;--panel-bg:#ffffff0a;--glass-border:#ffffff1a;--text-main:#f8fafc;--text-dim:#94a3b8;--success:#22c55e;--error:#ef4444;--radius:28px;--gap:16px}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-dark);color:var(--text-main);background-image:radial-gradient(at 0 0,#01204c 0,#0000 50%),radial-gradient(at 100% 100%,#06124b 0,#0000 50%);background-attachment:fixed;width:100vw;height:100vh;overflow:hidden}#root{width:100vw;height:100vh;display:flex}.app-container{width:100vw;height:100vh;padding:var(--gap);gap:var(--gap);display:flex}.sidebar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);border-radius:var(--radius);z-index:100;background:#0000004d;flex-direction:column;align-items:center;width:75px;min-width:75px;height:100%;padding:25px 0;display:flex}.main-content{gap:var(--gap);flex:1;height:100%;display:flex;overflow:hidden}.glass{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid var(--glass-border);background:#ffffff0a}.glass-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;transition:all .3s}.avatar-small{background:var(--primary);color:#fff;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;font-weight:700;display:flex;overflow:hidden}.avatar-small img{object-fit:cover;width:100%;height:100%}.logo{background:var(--primary);color:#fff;width:48px;height:48px;box-shadow:0 8px 20px var(--primary-glow);border-radius:14px;justify-content:center;align-items:center;margin-bottom:40px;font-size:1.6rem;font-weight:800;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:15px;display:flex}.nav-item{width:54px;height:54px;color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:16px;justify-content:center;align-items:center;transition:all .3s;display:flex}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{background:var(--primary);color:#fff;box-shadow:0 10px 20px var(--primary-glow)}.sidebar-footer{flex-direction:column;align-items:center;gap:20px;display:flex}.list-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);background:#ffffff08;flex-direction:column;width:360px;min-width:360px;height:100%;display:flex;overflow:hidden}.welcome-screen{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex}.welcome-screen h2{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:2.5rem;font-weight:800}.admin-container{gap:24px;width:100%;height:100%;padding:24px;display:flex;overflow:auto}.admin-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);background:#ffffff08;border-radius:24px;padding:24px}.panel-header h2{font-size:2rem;font-weight:700}.search-bar-container{padding:0 28px 20px}.search-bar{border:1px solid var(--glass-border);background:#0003;border-radius:16px;align-items:center;gap:12px;height:52px;padding:0 18px;display:flex}.search-bar input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:1rem}.add-btn{background:var(--primary);color:#fff;cursor:pointer;width:52px;height:52px;box-shadow:0 10px 20px var(--primary-glow);border-radius:16px;justify-content:center;align-items:center;display:flex}.chat-panel{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--glass-border);border-radius:var(--radius);background:#ffffff05;flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.modal-overlay{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:5000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);background:#0f172acc;border-radius:32px;width:100%;max-width:450px;padding:35px;position:relative;box-shadow:0 25px 50px #00000080}.close-btn{border:1px solid var(--glass-border);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover{background:var(--error);transform:rotate(90deg)}.message-input-container{border:1px solid var(--glass-border);background:#0003;border-radius:14px;flex:1;align-items:center;height:44px;padding:0 16px;display:flex}.message-input-container input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:.95rem}.unread-badge{background:var(--primary);color:#fff;min-width:22px;height:22px;box-shadow:0 4px 15px var(--primary-glow);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 10px 25px var(--primary-glow);border:none;justify-content:center;align-items:center;gap:10px;padding:14px 28px;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;border-radius:50px!important}.btn-primary:hover{box-shadow:0 15px 30px var(--primary-glow);transform:translateY(-3px)scale(1.02)}@media (width<=1000px){.sidebar{-webkit-backdrop-filter:blur(25px)saturate(180%)!important;backdrop-filter:blur(25px)saturate(180%)!important;z-index:5000!important;background:#0f172af2!important;border:none!important;border-top:1px solid #ffffff14!important;flex-direction:row!important;justify-content:space-around!important;width:100%!important;height:65px!important;padding:0!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;bottom:0!important;left:0!important;box-shadow:0 -5px 25px #0000004d!important}.sidebar-nav{flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:0!important;width:100%!important;height:100%!important;display:flex!important}.nav-item{color:#fff6!important;width:auto!important;height:100%!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important;flex-direction:column!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;padding:0!important;transition:all .2s!important;display:flex!important}.nav-item.active{color:var(--primary)!important;background:0 0!important;transform:none!important}.nav-item svg{width:24px!important;height:24px!important}.nav-item span{opacity:.8!important;font-size:10px!important;font-weight:500!important;display:block!important}.nav-item.active span{opacity:1!important;font-weight:600!important}.main-content{flex-direction:row!important;height:100svh!important;padding:0!important;display:flex!important}.list-panel{border:none!important;border-radius:0!important;width:100%!important;min-width:100%!important;height:100%!important;padding-bottom:65px!important}.chat-panel{display:none;z-index:6000!important;background:var(--bg-dark)!important;position:fixed!important;inset:0!important}.mobile-active .list-panel{display:none!important}.mobile-active .chat-panel{display:flex!important}.mobile-active .sidebar{display:none!important}}.dialog-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog-content{-webkit-backdrop-filter:blur(40px)saturate(200%);backdrop-filter:blur(40px)saturate(200%);text-align:center;background:#0f172ae6;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:400px;padding:30px;box-shadow:0 25px 60px #000c}.dialog-title{color:#fff;margin-bottom:12px;font-size:1.4rem;font-weight:800}.dialog-message{color:#fff9;margin-bottom:25px;font-size:1rem;line-height:1.5}.dialog-actions{justify-content:center;gap:12px;display:flex}.btn-secondary{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:12px 24px;font-weight:600;transition:all .3s}.btn-secondary:hover{background:#ffffff1a}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:10px}.animate-spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--primary);color:#fff;z-index:10000;border-radius:16px;padding:14px 28px;font-weight:600;position:fixed;top:30px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000080}.menu-item{color:var(--text-main);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:background .15s;display:flex}.menu-item:hover{background:#ffffff12}.input-modern{color:#fff;background:0 0;border:none;outline:none;width:100%;font-family:Outfit,sans-serif;font-size:.95rem}.input-modern::placeholder{color:var(--text-dim)}.flex-center{justify-content:center;align-items:center;display:flex}.hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.hide-scrollbar::-webkit-scrollbar{display:none}.voice-player{background:#00000040;border-radius:18px;align-items:center;gap:10px;min-width:240px;max-width:320px;padding:10px 14px;display:flex}.voice-player-btn{background:var(--primary);color:#fff;cursor:pointer;width:38px;height:38px;box-shadow:0 4px 14px var(--primary-glow);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .15s,box-shadow .15s;display:flex}.voice-player-btn:hover{box-shadow:0 6px 20px var(--primary-glow);transform:scale(1.08)}@keyframes rec-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.85)}}.rec-dot{background:var(--error);border-radius:50%;flex-shrink:0;width:10px;height:10px;animation:1s ease-in-out infinite rec-pulse}.glass-panel{-webkit-backdrop-filter:blur(30px)saturate(180%);backdrop-filter:blur(30px)saturate(180%);border:1px solid var(--glass-border);background:#ffffff08;border-radius:32px;box-shadow:0 25px 50px #0006}.input-glass{border:1px solid var(--glass-border);color:#fff;background:#ffffff0d;border-radius:14px;outline:none;width:100%;padding:12px 16px;font-family:Outfit,sans-serif;transition:all .3s}.input-glass:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow);background:#ffffff14}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-container{background:var(--bg-dark);gap:24px;width:100vw;height:100vh;padding:24px;display:flex}.admin-card{-webkit-backdrop-filter:blur(40px)saturate(200%);backdrop-filter:blur(40px)saturate(200%);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:28px;padding:1.5rem;transition:all .3s}.admin-card:hover{background:#ffffff0d;border-color:#ffffff26}.admin-sidebar{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--glass-border);background:#0f172a99;border-radius:32px;flex-direction:column;width:280px;height:100%;padding:2rem;display:flex}.admin-main{flex-direction:column;flex:1;height:100%;overflow-y:auto;display:flex!important}.switch{width:46px;height:24px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;border:1px solid var(--glass-border);background-color:#ffffff1a;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:18px;height:18px;transition:all .4s;position:absolute;bottom:2px;left:3px}input:checked+.slider{background-color:var(--primary)}input:focus+.slider{box-shadow:0 0 1px var(--primary)}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.view-once-overlay{z-index:9000;-webkit-user-select:none;user-select:none;pointer-events:auto;background:#000;flex-direction:column;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.view-once-overlay img,.view-once-overlay video{-webkit-touch-callout:none;-webkit-user-drag:none;pointer-events:none}@media print{.view-once-overlay,.view-once-overlay *{display:none!important}}.emoji-btn:hover{filter:drop-shadow(0 0 8px #fff6);transform:scale(1.3)}