:root{--bg-dark:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--primary:#6366f1;--primary-hover:#4f46e5;--secondary:#a855f7;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--primary-gradient:linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--glass-gradient:linear-gradient(135deg, #ffffff1a 0%, #ffffff0d 100%);--glass-bg:#1e293bb3;--glass-border:#ffffff14;--glass-shadow:0 8px 32px 0 #0000005e;--font-main:"Inter", system-ui, -apple-system, sans-serif;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;margin:0;padding:0;line-height:1.6;overflow:hidden}::selection{color:var(--text-primary);background:#6366f159}:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:4px}:focus:not(:focus-visible){outline:none}a{color:inherit;text-decoration:none;transition:color .2s}button{cursor:pointer;background:0 0;border:none;font-family:inherit;transition:opacity .2s,transform .15s,background .2s}input,textarea,select{color:var(--text-primary);border:1px solid var(--glass-border);border-radius:var(--radius-sm);background:#ffffff0a;font-family:inherit;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #6366f126}::placeholder{color:var(--text-muted);opacity:.8}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:700}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-md);transition:transform .2s,box-shadow .2s,border-color .2s}.glass-panel:hover{border-color:#ffffff21;box-shadow:0 12px 40px #00000073}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.35s cubic-bezier(.4,0,.2,1) forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:var(--bg-card-hover);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.thin-scroll::-webkit-scrollbar{width:4px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{border-radius:var(--radius-sm);background:linear-gradient(90deg,#ffffff0a 25%,#ffffff17 37%,#ffffff0a 63%) 0 0/400px 100%;animation:1.4s infinite shimmer}.list-item-hover{cursor:pointer;transition:background .15s,transform .15s}.list-item-hover:hover{background:#6366f112!important}.list-item-hover:active{transform:scale(.99)}.dashboard-layout{height:100vh;display:flex;overflow:hidden}.dashboard-header{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);z-index:60;background:#0f172af2;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.sidebar-container{border-right:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);z-index:50;background:#0f172ae6;flex-direction:column;width:280px;min-width:280px;height:calc(100vh - 60px);margin-top:60px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow-x:hidden}.sidebar-container.closed{opacity:0;border-right:none;width:0;min-width:0}.sidebar-inner{flex-direction:column;width:280px;height:100%;display:flex}.dashboard-main{background:var(--bg-dark);flex:1;min-height:0;padding:calc(60px + 2.5rem) 2.5rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden auto}.mobile-sidebar-overlay{display:none}.mobile-only{display:none!important}@media (max-width:1280px){.sidebar-container{width:250px;min-width:250px}.sidebar-inner{width:250px}.dashboard-main{padding:calc(60px + 2rem) 2rem 2rem}}@media (max-width:1024px){.sidebar-container{width:220px;min-width:220px}.sidebar-inner{width:220px}.dashboard-main{padding:calc(60px + 1.5rem) 1.5rem 1.5rem}h1{font-size:2rem!important}h2{font-size:1.6rem!important}h3{font-size:1.3rem!important}.responsive-grid{grid-template-columns:1fr!important}}@media (max-width:768px){body{font-size:14px;overflow:auto}.mobile-only{display:block!important}.desktop-only{display:none!important}.container{padding:0 1rem}.glass-panel{padding:.75rem!important}h1{font-size:1.6rem!important}h2{font-size:1.3rem!important}h3{font-size:1.1rem!important}button,a{min-height:44px}.view-content{padding:0!important}.messenger-contacts,.messenger-chat{width:100%!important}.hidden-on-mobile{display:none!important}.messenger-back-btn{display:block!important}.responsive-grid{grid-template-columns:1fr!important}.dashboard-layout{flex-direction:column}.dashboard-main{height:auto!important;min-height:0!important;padding:calc(60px + 1rem) 1rem 1rem!important;overflow-y:auto!important}.mobile-sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background:#00000080;display:block;position:fixed;inset:60px 0 0}.sidebar-container{z-index:50;height:calc(100vh - 60px);margin-top:0;transition:transform .3s ease-in-out;position:fixed;top:60px;bottom:0;left:0;transform:translate(-100%);opacity:1!important;width:270px!important;min-width:270px!important}.sidebar-inner{width:270px!important}.sidebar-container.open{transform:translate(0)}.sidebar-container.closed{transform:translate(-100%)}}