@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#1e1e32b3;--bg-glass:#ffffff08;--text-primary:#f0f0f5;--text-secondary:#8888a0;--text-muted:#5a5a72;--accent-1:#6c63ff;--accent-2:#ff6b9d;--accent-3:#00d4aa;--gradient-main:linear-gradient(135deg,#6c63ff,#ff6b9d);--gradient-alt:linear-gradient(135deg,#00d4aa,#6c63ff);--gradient-warm:linear-gradient(135deg,#ff6b9d,#ffa600);--border:#ffffff0f;--shadow:0 8px 32px #0000004d;--shadow-glow:0 0 20px #6c63ff33;--radius:20px;--radius-sm:12px;--radius-full:100px}body{background:#0f0f1a;background:var(--bg-primary);color:#f0f0f5;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;overflow-x:hidden}body:before{animation:bgFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 50%,#6c63ff14 0,#0000 50%),radial-gradient(circle at 80% 20%,#ff6b9d0d 0,#0000 50%),radial-gradient(circle at 50% 80%,#00d4aa0d 0,#0000 50%);content:"";height:200%;left:-50%;position:fixed;top:-50%;width:200%;z-index:-1}body.dark{--bg-primary:#f5f7fb;--bg-secondary:#fff;--bg-card:#ffffffe6;--bg-glass:#fff9;--text-primary:#1a1a2e;--text-secondary:#666680;--text-muted:#99a;--border:#0000000f;--shadow:0 8px 32px #00000014;--shadow-glow:0 0 20px #6c63ff1a}body.dark:before{opacity:.3}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bgFloat{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(2%,-2%) rotate(1deg)}66%{transform:translate(-1%,1%) rotate(-1deg)}}@keyframes glow{0%,to{box-shadow:0 0 20px #6c63ff33}50%{box-shadow:0 0 40px #6c63ff66}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}60%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.fade-in{animation:fadeIn .5s ease forwards}.slide-down{animation:slideDown .4s ease forwards}.slide-in{animation:slideIn .4s ease forwards}.slide-up{animation:slideUp .4s ease forwards}.pop-animation{animation:pop .4s ease}.bounce-in{animation:bounceIn .5s ease forwards}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff0f;border-top-color:#6c63ff;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent-1);height:44px;width:44px}.loading{align-items:center;height:100vh}.loading,.main-layout{display:flex;justify-content:center}.main-layout{margin-left:240px;transition:margin-left .3s ease}.app-container{flex:1 1;max-width:720px;min-height:100vh;padding:24px}.right-panel{border-left:1px solid #ffffff0f;border-left:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;gap:16px;height:100vh;overflow-y:auto;padding:24px 16px;position:-webkit-sticky;position:sticky;top:0;width:320px}.right-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);padding:16px}.right-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.right-section-title{color:#5a5a72;color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.right-see-all{color:#6c63ff;color:var(--accent-1);font-size:.75rem;font-weight:500;text-decoration:none}.right-see-all:hover{text-decoration:underline}.right-profile-card{padding:14px}.right-profile-link{align-items:center;color:#f0f0f5;color:var(--text-primary);display:flex;gap:12px;text-decoration:none}.right-friends-grid{display:flex;flex-wrap:wrap;gap:8px}.right-friend-chip{align-items:center;color:#8888a0;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px;text-decoration:none;transition:all .2s;width:56px}.right-friend-chip span{font-size:.7rem;max-width:56px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.right-friend-chip:hover{color:#6c63ff;color:var(--accent-1);transform:translateY(-2px)}.right-user-item{align-items:center;border-radius:8px;color:#f0f0f5;color:var(--text-primary);display:flex;gap:10px;padding:8px 4px;text-decoration:none;transition:all .2s}.right-user-item:hover{background:#ffffff08;background:var(--bg-glass);padding-left:8px}.right-avatar{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.7rem;font-weight:700;height:36px;justify-content:center;overflow:hidden;width:36px}.right-avatar img{height:100%;object-fit:cover;width:100%}.right-user-info{display:flex;flex:1 1;flex-direction:column;min-width:0}.right-user-name{font-size:.85rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-user-sub{font-size:.73rem}.right-chat-btn,.right-user-sub{color:#5a5a72;color:var(--text-muted)}.right-chat-btn{align-items:center;border-radius:50%;display:flex;padding:6px;transition:all .2s}.right-chat-btn:hover{background:#6c63ff1a;color:#6c63ff;color:var(--accent-1)}.right-trending-item{align-items:center;border-radius:8px;color:#f0f0f5;color:var(--text-primary);display:flex;justify-content:space-between;padding:8px 4px;text-decoration:none;transition:all .2s}.right-trending-item:hover{background:#ffffff08;background:var(--bg-glass);padding-left:8px}.right-trending-item>div{display:flex;flex-direction:column}.trending-tag{color:#6c63ff;color:var(--accent-1);font-size:.88rem;font-weight:600}.trending-count{font-size:.72rem}.trending-count,.trending-rank{color:#5a5a72;color:var(--text-muted)}.trending-rank{font-size:.8rem;font-weight:700}.right-activity-item{align-items:center;display:flex;gap:8px;padding:6px 0}.right-activity-content{display:flex;flex:1 1;flex-direction:column;min-width:0}.right-activity-name{font-size:.78rem;font-weight:600}.right-activity-text{color:#5a5a72;color:var(--text-muted);font-size:.72rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.right-activity-time{color:#5a5a72;color:var(--text-muted);flex-shrink:0;font-size:.68rem}.right-footer-text{color:#5a5a72;color:var(--text-muted);font-size:.7rem;padding:8px;text-align:center}.right-footer-text a{color:#5a5a72;color:var(--text-muted);text-decoration:none}.right-footer-text a:hover{color:#6c63ff;color:var(--accent-1)}.smtp-form{flex-direction:column}.smtp-form,.smtp-row{display:flex;gap:12px}.smtp-row{align-items:flex-end}.smtp-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.smtp-field label{color:#5a5a72;color:var(--text-muted);font-size:.78rem;font-weight:500}.smtp-field input{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:10px 14px;transition:border-color .3s}.smtp-field input:focus{border-color:#6c63ff;border-color:var(--accent-1)}.smtp-toggle{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:space-between}.smtp-toggle label{font-size:.85rem;font-weight:500}.navbar.navbar-left{animation:slideIn .4s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border-right:1px solid #ffffff0f;border-right:1px solid var(--border);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);display:flex;flex-direction:column;height:100vh;left:0;padding:0;position:fixed;top:0;transition:width .3s ease;width:240px;z-index:1000}.navbar.navbar-left.collapsed{width:68px}.nav-left-header{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 16px}.nav-collapse-btn{background:none;border:none;border-radius:6px;color:#5a5a72;color:var(--text-muted);cursor:pointer;font-size:1rem;padding:4px 8px;transition:all .2s}.nav-collapse-btn:hover{background:#ffffff08;background:var(--bg-glass);color:#f0f0f5;color:var(--text-primary)}.nav-left-links{flex:1 1;overflow-y:auto}.nav-left-footer,.nav-left-links{display:flex;flex-direction:column;gap:2px;padding:12px 8px}.nav-left-footer{border-top:1px solid #ffffff0f;border-top:1px solid var(--border)}.nav-left-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius-sm);color:#8888a0;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:12px;padding:12px 14px;position:relative;text-align:left;text-decoration:none;transition:all .25s ease;width:100%}.nav-left-item:hover{background:#ffffff08;background:var(--bg-glass);color:#f0f0f5;color:var(--text-primary);padding-left:18px}.nav-left-item.active{background:#6c63ff1a;color:#6c63ff;color:var(--accent-1)}.nav-left-item.active:before{background:#6c63ff;background:var(--accent-1);border-radius:0 3px 3px 0;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-icon{align-items:center;display:flex;justify-content:center;min-width:24px}.nav-icon svg{height:22px;width:22px}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-left-item.active .nav-icon svg{stroke:#6c63ff;stroke:var(--accent-1)}.nav-left-item:hover .nav-icon svg{stroke:#f0f0f5;stroke:var(--text-primary)}.navbar-links-top a svg,.navbar-links-top button svg{height:20px;width:20px}.navbar-links-top a.active svg{stroke:#6c63ff;stroke:var(--accent-1)}.collapsed .nav-left-item{justify-content:center;padding:12px}.collapsed .nav-left-header{justify-content:center}.collapsed .nav-collapse-btn{display:none}.navbar.navbar-top{align-items:center;animation:slideDown .4s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);display:flex;justify-content:space-between;left:50%;max-width:900px;padding:12px 20px;position:fixed;top:12px;transform:translateX(-50%);width:calc(100% - 32px);z-index:1000}.navbar-links-top{align-items:center;display:flex;gap:2px}.navbar-links-top a,.navbar-links-top button{background:none;border:none;border-radius:12px;border-radius:var(--radius-sm);color:#8888a0;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:1rem;padding:8px 12px;position:relative;text-decoration:none;transition:all .3s ease}.navbar-links-top a:hover,.navbar-links-top button:hover{background:#ffffff08;background:var(--bg-glass);color:#f0f0f5;color:var(--text-primary)}.navbar-links-top a.active{background:#6c63ff1a;color:#6c63ff;color:var(--accent-1)}.navbar-brand{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:1.4rem;font-weight:800;letter-spacing:-.5px;text-decoration:none}.unread-badge{animation:pulse 2s infinite;background:#ff6b9d;background:var(--accent-2);border-radius:8px;color:#fff;font-size:.6rem;font-weight:700;margin-left:2px;padding:1px 6px}.navbar-mobile{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border-top:1px solid #ffffff0f;border-top:1px solid var(--border);bottom:0;display:none;justify-content:space-around;left:0;padding:8px 0;position:fixed;right:0;z-index:1000}.mobile-nav-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius-sm);color:#5a5a72;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:1.3rem;padding:6px 12px;position:relative;text-decoration:none;transition:all .2s}.mobile-nav-item.active,.mobile-nav-item:hover{color:#6c63ff;color:var(--accent-1)}.mobile-badge{position:absolute;right:4px;top:0}.mobile-menu-overlay{animation:fadeIn .2s ease;background:#0009;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1100}.mobile-menu{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);bottom:70px;box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);left:16px;padding:12px;position:absolute;right:16px}.mobile-menu-item{align-items:center;background:none;border:none;border-radius:12px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:12px;padding:14px 16px;text-align:left;text-decoration:none;transition:background .2s;width:100%}.mobile-menu-item:hover{background:#ffffff08;background:var(--bg-glass)}.auth-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px;position:relative}.auth-page:before{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border-radius:50%;content:"";filter:blur(100px);height:400px;left:50%;opacity:.15;position:absolute;top:20%;transform:translateX(-50%);width:400px}.auth-card{animation:bounceIn .6s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);max-width:420px;padding:48px 40px;position:relative;width:100%}.auth-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.auth-card h2{color:#8888a0;color:var(--text-secondary);font-size:1rem;font-weight:400;margin-bottom:28px}.auth-card input{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:.95rem;margin-bottom:12px;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.auth-card input::placeholder{color:#5a5a72;color:var(--text-muted)}.auth-card input:focus{border-color:#6c63ff;border-color:var(--accent-1);box-shadow:0 0 0 3px #6c63ff26}.btn-primary{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border:none;border-radius:12px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-family:inherit;font-size:1rem;font-weight:600;margin-top:8px;overflow:hidden;padding:14px;position:relative;transition:all .3s ease;width:100%}.btn-primary:hover{box-shadow:0 8px 24px #6c63ff66;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:linear-gradient(135deg,#00d4aa,#6c63ff);background:var(--gradient-alt);border:none;border-radius:12px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-block;font-size:.95rem;font-weight:600;margin-top:16px;padding:12px 28px;text-decoration:none;transition:all .3s ease}.btn-secondary:hover{box-shadow:0 8px 24px #00d4aa4d;transform:translateY(-2px)}.auth-link{color:#8888a0;color:var(--text-secondary);font-size:.9rem;margin-top:20px;text-align:center}.auth-link a{color:#6c63ff;color:var(--accent-1);font-weight:600;text-decoration:none}.auth-link a:hover{text-decoration:underline}.error-msg{animation:shake .4s ease;background:#ff3b301a;border:1px solid #ff3b3033;border-radius:12px;border-radius:var(--radius-sm);color:#ff6b6b;font-size:.9rem;margin-bottom:16px;padding:12px 16px}.post-composer{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);margin-bottom:20px;padding:20px;transition:all .3s ease}.post-composer:focus-within{border-color:#6c63ff4d;box-shadow:0 8px 32px #0000004d,0 0 20px #6c63ff33;box-shadow:var(--shadow),var(--shadow-glow)}.post-composer textarea{background:#0000;border:none;color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;min-height:60px;outline:none;resize:none;width:100%}.post-composer textarea::placeholder{color:#5a5a72;color:var(--text-muted)}.post-composer-actions{align-items:center;border-top:1px solid #ffffff0f;border-top:1px solid var(--border);display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;margin-top:14px;padding-top:14px}.post-composer-actions label{border-radius:12px;border-radius:var(--radius-sm);color:#00d4aa;color:var(--accent-3);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 14px;transition:all .2s}.post-composer-actions label:hover{background:#00d4aa1a}.post-composer-actions input[type=file]{display:none}.privacy-select{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);font-size:.85rem;outline:none;padding:8px 14px}.btn-post,.privacy-select{cursor:pointer;font-family:inherit}.btn-post{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border:none;border-radius:100px;border-radius:var(--radius-full);color:#fff;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-post:hover{box-shadow:0 4px 16px #6c63ff66;transform:scale(1.05)}.btn-post:disabled{box-shadow:none;cursor:not-allowed;opacity:.4;transform:none}.post-card{animation:fadeIn .5s ease forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);margin-bottom:16px;overflow:hidden;transition:all .3s ease}.post-card:hover{border-color:#6c63ff26;box-shadow:0 8px 32px #0000004d,0 0 0 1px #6c63ff1a;box-shadow:var(--shadow),0 0 0 1px #6c63ff1a;transform:translateY(-2px)}.post-header{gap:12px;padding:18px 20px}.post-avatar,.post-header{align-items:center;display:flex}.post-avatar{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border-radius:50%;color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:44px;justify-content:center;overflow:hidden;transition:transform .3s,box-shadow .3s;width:44px}.post-avatar:hover{box-shadow:0 4px 16px #6c63ff4d;transform:scale(1.1)}.post-avatar img{height:100%;object-fit:cover;width:100%}.post-author{color:#f0f0f5;color:var(--text-primary);font-weight:600;text-decoration:none;transition:color .2s}.post-author:hover{color:#6c63ff;color:var(--accent-1)}.post-time{font-size:.8rem}.post-privacy-badge,.post-time{color:#5a5a72;color:var(--text-muted)}.post-privacy-badge{font-size:.75rem;margin-left:8px}.post-content{color:#f0f0f5;color:var(--text-primary);font-size:.95rem;line-height:1.6;padding:0 20px 16px;white-space:pre-wrap}.post-image{max-height:480px;object-fit:cover;transition:transform .4s;width:100%}.post-card:hover .post-image{transform:scale(1.01)}.post-stats{color:#8888a0;color:var(--text-secondary);font-size:.85rem;justify-content:space-between;padding:10px 20px}.post-actions,.post-stats{border-top:1px solid #ffffff0f;border-top:1px solid var(--border);display:flex}.post-actions{padding:6px 12px}.post-actions button{background:none;border:none;border-radius:12px;border-radius:var(--radius-sm);color:#8888a0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:500;padding:10px;position:relative;transition:all .25s ease}.post-actions button:hover{background:#ffffff08;background:var(--bg-glass);transform:scale(1.02)}.post-actions button.reacted,.post-actions button:hover{color:#6c63ff;color:var(--accent-1)}.reactions-popup{animation:bounceIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:100px;border-radius:var(--radius-full);bottom:100%;box-shadow:0 8px 32px #0000004d,0 0 20px #6c63ff33;box-shadow:var(--shadow),var(--shadow-glow);display:flex;gap:4px;left:50%;padding:8px 12px;position:absolute;transform:translateX(-50%);z-index:100}.reactions-popup button{background:none;border:none;border-radius:50%;cursor:pointer;flex:none;font-size:1.5rem;padding:4px 6px;transition:transform .2s ease}.reactions-popup button:hover{background:none;transform:scale(1.5) translateY(-4px)}.gif-picker{animation:slideUp .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);max-height:350px;overflow-y:auto;padding:14px;width:320px;z-index:100}.gif-picker input{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:.9rem;margin-bottom:10px;outline:none;padding:10px 14px;width:100%}.gif-picker input:focus{border-color:#6c63ff;border-color:var(--accent-1)}.gif-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr}.gif-grid img{border-radius:12px;border-radius:var(--radius-sm);cursor:pointer;height:100px;object-fit:cover;transition:all .2s;width:100%}.gif-grid img:hover{opacity:.85;transform:scale(1.05)}.comments-section{animation:slideDown .3s ease;padding:12px 20px 20px}.comment{animation:slideIn .3s ease;display:flex;gap:10px;margin-bottom:10px}.comment-avatar{align-items:center;background:linear-gradient(135deg,#00d4aa,#6c63ff);background:var(--gradient-alt);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:32px;justify-content:center;width:32px}.comment-body{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:16px;max-width:85%;padding:10px 14px}.comment-author{color:#f0f0f5;color:var(--text-primary);font-size:.8rem;font-weight:600}.comment-text{color:#8888a0;color:var(--text-secondary);font-size:.9rem;line-height:1.4;margin-top:2px}.comment-text img{border-radius:12px;border-radius:var(--radius-sm);display:block;margin-top:6px;max-width:150px}.comment-input{align-items:center;display:flex;gap:8px;margin-top:14px}.comment-input input{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:100px;border-radius:var(--radius-full);color:#f0f0f5;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;outline:none;padding:10px 18px;transition:all .3s}.comment-input input::placeholder{color:#5a5a72;color:var(--text-muted)}.comment-input input:focus{border-color:#6c63ff;border-color:var(--accent-1);box-shadow:0 0 0 3px #6c63ff1a}.comment-input button{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border:none;border-radius:100px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:10px 18px;transition:all .2s}.comment-input button:hover{transform:scale(1.05)}.profile-header{animation:fadeIn .5s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);margin-bottom:24px;overflow:hidden}.profile-cover{animation:gradientFlow 8s ease infinite;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);background-size:200% 200%;height:200px;position:relative}.profile-cover:after{background:linear-gradient(#0000,#1e1e32b3);background:linear-gradient(#0000,var(--bg-card));bottom:0;content:"";height:60px;left:0;position:absolute;right:0}.profile-info{align-items:flex-end;display:flex;gap:20px;margin-top:-60px;padding:20px 24px;position:relative}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border:4px solid #1a1a2e;border:4px solid var(--bg-secondary);border-radius:50%;box-shadow:0 8px 24px #6c63ff4d;color:#fff;display:flex;font-size:2.5rem;font-weight:700;height:130px;justify-content:center;overflow:hidden;transition:transform .3s;width:130px}.profile-avatar-large:hover{transform:scale(1.05)}.profile-avatar-large img{height:100%;object-fit:cover;width:100%}.profile-details h1{font-size:1.8rem;font-weight:700;letter-spacing:-.5px}.profile-details p{margin-bottom:4px}.profile-details p,.profile-stats{color:#8888a0;color:var(--text-secondary)}.profile-stats{display:flex;font-size:.9rem;gap:20px;margin-top:10px}.profile-stats span strong{color:#f0f0f5;color:var(--text-primary);font-weight:700}.btn-friend{border:none;border-radius:100px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;font-size:.9rem;font-weight:600;margin-top:12px;padding:10px 24px;transition:all .3s ease}.btn-friend:hover{transform:translateY(-2px)}.btn-friend.add{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);box-shadow:0 4px 16px #6c63ff4d;color:#fff}.btn-friend.add:hover{box-shadow:0 8px 24px #6c63ff80}.btn-friend.remove{color:#f0f0f5;color:var(--text-primary)}.btn-friend.pending,.btn-friend.remove{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border)}.btn-friend.pending{color:#5a5a72;color:var(--text-muted);cursor:default}.friends-page h2{font-weight:700;margin-bottom:16px}.friend-card{align-items:center;animation:fadeIn .4s ease forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);display:flex;gap:14px;margin-bottom:12px;padding:16px 20px;transition:all .3s ease}.friend-card:hover{border-color:#6c63ff33;transform:translateX(6px)}.friend-card .post-avatar{font-size:1.1rem;height:52px;width:52px}.friend-info{flex:1 1}.friend-info h3{font-size:1rem;font-weight:600}.friend-info a{color:#f0f0f5;color:var(--text-primary);text-decoration:none}.friend-info a:hover{color:#6c63ff;color:var(--accent-1)}.friend-actions{display:flex;gap:8px}.friend-actions button{border:none;border-radius:100px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;font-size:.85rem;font-weight:600;padding:8px 18px;transition:all .2s}.friend-actions button:hover{transform:scale(1.05)}.btn-accept{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);color:#fff}.btn-reject{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);color:#f0f0f5;color:var(--text-primary)}.search-bar{animation:slideDown .4s ease;display:flex;gap:10px;margin-bottom:24px}.search-bar input{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:100px;border-radius:var(--radius-full);color:#f0f0f5;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:1rem;outline:none;padding:14px 22px;transition:all .3s}.search-bar input::placeholder{color:#5a5a72;color:var(--text-muted)}.search-bar input:focus{border-color:#6c63ff;border-color:var(--accent-1);box-shadow:0 0 20px #6c63ff33;box-shadow:var(--shadow-glow)}.search-bar button{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border:none;border-radius:100px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:14px 28px;transition:all .3s}.search-bar button:hover{box-shadow:0 4px 16px #6c63ff66;transform:scale(1.05)}.user-card{align-items:center;animation:fadeIn .4s ease forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);color:inherit;display:flex;gap:14px;margin-bottom:12px;padding:16px 20px;text-decoration:none;transition:all .3s ease}.user-card:hover{border-color:#6c63ff33;box-shadow:0 8px 32px #0000004d,0 0 20px #6c63ff33;box-shadow:var(--shadow),var(--shadow-glow);transform:translateY(-3px)}.image-preview{border-radius:12px;border-radius:var(--radius-sm);margin-top:8px;max-height:100px}.delete-btn{background:none;border:none;border-radius:50%;color:#5a5a72;color:var(--text-muted);cursor:pointer;font-size:1rem;margin-left:auto;padding:8px;transition:all .2s}.delete-btn:hover{background:#ff3b301a;color:#ff6b6b;transform:scale(1.1)}.chat-container{animation:fadeIn .4s ease;border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);display:flex;height:calc(100vh - 112px);margin:-24px -16px;overflow:hidden}.chat-sidebar{background:#1e1e32b3;background:var(--bg-card);border-right:1px solid #ffffff0f;border-right:1px solid var(--border);overflow-y:auto;width:300px}.chat-sidebar h3{font-weight:700;padding:18px 20px}.chat-sidebar h3,.conversation-item{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border)}.conversation-item{align-items:center;cursor:pointer;display:flex;gap:12px;padding:14px 18px;transition:all .2s}.conversation-item:hover{background:#ffffff08;background:var(--bg-glass);padding-left:22px}.conversation-item.active{background:#6c63ff14;border-left:3px solid #6c63ff;border-left:3px solid var(--accent-1)}.conversation-info{flex:1 1;min-width:0}.conversation-info h4{font-size:.9rem;font-weight:600;margin-bottom:2px}.conversation-info p{color:#5a5a72;color:var(--text-muted);font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{background:#1a1a2e;background:var(--bg-secondary);display:flex;flex:1 1;flex-direction:column}.chat-header{align-items:center;background:#1e1e32b3;background:var(--bg-card);border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;font-weight:600;gap:12px;padding:16px 20px}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.message{animation:slideUp .3s ease;display:flex;max-width:70%}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-bubble{border-radius:20px;font-size:.9rem;line-height:1.4;padding:12px 18px;word-break:break-word}.message.sent .message-bubble{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border-bottom-right-radius:6px;color:#fff}.message.received .message-bubble{background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-bottom-left-radius:6px;color:#f0f0f5;color:var(--text-primary)}.message-time{font-size:.7rem;margin-top:4px;text-align:right}.message-time,.typing-indicator{color:#5a5a72;color:var(--text-muted)}.typing-indicator{animation:pulse 1.5s infinite;font-size:.8rem;font-style:italic}.chat-input{align-items:center;background:#1e1e32b3;background:var(--bg-card);border-top:1px solid #ffffff0f;border-top:1px solid var(--border);display:flex;gap:10px;padding:16px 20px}.chat-input input{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:100px;border-radius:var(--radius-full);color:#f0f0f5;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;outline:none;padding:12px 20px;transition:all .3s}.chat-input input::placeholder{color:#5a5a72;color:var(--text-muted)}.chat-input input:focus{border-color:#6c63ff;border-color:var(--accent-1)}.chat-input button{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border:none;border-radius:100px;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-family:inherit;font-weight:600;padding:12px 22px;transition:all .2s}.chat-input button:hover{transform:scale(1.05)}.chat-empty{align-items:center;color:#5a5a72;color:var(--text-muted);display:flex;flex:1 1;font-size:1.1rem;justify-content:center}.stories-bar{animation:slideIn .5s ease;display:flex;gap:14px;margin-bottom:24px;overflow-x:auto;padding:8px 0}.stories-bar::-webkit-scrollbar{display:none}.story-circle{align-items:center;cursor:pointer;display:flex;flex-direction:column;min-width:80px;transition:transform .3s}.story-circle:hover{transform:translateY(-4px)}.story-avatar{align-items:center;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border:3px solid #6c63ff;border:3px solid var(--accent-1);border-radius:50%;color:#fff;display:flex;font-weight:700;height:68px;justify-content:center;overflow:hidden;padding:3px;transition:all .3s;width:68px}.story-circle:hover .story-avatar{box-shadow:0 4px 20px #6c63ff66}.story-avatar.viewed{border-color:#5a5a72;border-color:var(--text-muted)}.story-avatar.create{background:#1e1e32b3;background:var(--bg-card);border-color:#ffffff0f;border-color:var(--border);color:#6c63ff;color:var(--accent-1);font-size:1.5rem}.story-avatar img{border-radius:50%;height:100%;object-fit:cover;width:100%}.story-name{color:#8888a0;color:var(--text-secondary);font-size:.75rem;margin-top:6px;max-width:80px;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.story-viewer{animation:fadeIn .3s ease;background:#000000f2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:2000}.story-content,.story-viewer{align-items:center;display:flex;justify-content:center}.story-content{animation:bounceIn .4s ease;border-radius:20px;border-radius:var(--radius);box-shadow:0 16px 64px #00000080;height:600px;max-height:80vh;max-width:90vw;overflow:hidden;position:relative;width:400px}.story-content img{height:100%;object-fit:cover;width:100%}.story-text{color:#fff;font-size:1.4rem;font-weight:600;padding:24px;text-align:center;text-shadow:0 2px 8px #00000080}.story-header{align-items:center;color:#fff;display:flex;gap:12px;left:16px;position:absolute;right:16px;top:16px}.story-header .post-avatar{border:2px solid #fff;height:36px;width:36px}.story-close{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.2rem;height:36px;position:absolute;right:16px;top:16px;transition:all .2s;width:36px}.story-close:hover{background:#fff3;transform:scale(1.1)}.story-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1.4rem;height:44px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s;width:44px}.story-nav:hover{background:#ffffff40;transform:translateY(-50%) scale(1.1)}.story-nav.prev{left:16px}.story-nav.next{right:16px}.story-create{animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);margin-bottom:20px;padding:24px}.story-create h3{font-weight:700;margin-bottom:16px}.color-picker{display:flex;gap:10px;margin-bottom:16px}.color-option{border:3px solid #0000;border-radius:50%;cursor:pointer;height:36px;transition:all .2s;width:36px}.color-option:hover{transform:scale(1.2)}.color-option.selected{border-color:#f0f0f5;border-color:var(--text-primary);box-shadow:0 4px 12px #0000004d;transform:scale(1.2)}.notification-item{align-items:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 2px 8px #0000001a;display:flex;gap:14px;margin-bottom:10px;padding:16px 18px;transition:all .3s ease}.notification-item:hover{border-color:#6c63ff33;transform:translateX(6px)}.notification-content{flex:1 1}.notification-content p{font-size:.9rem;line-height:1.4}.notification-preview{color:#5a5a72;color:var(--text-muted);font-size:.8rem;font-style:italic;margin-top:3px}.notification-time{font-size:.75rem;margin-top:4px}.empty-state,.notification-time{color:#5a5a72;color:var(--text-muted)}.empty-state{padding:60px 20px;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;font-size:3rem;margin-bottom:16px}.settings-card{animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);margin-bottom:16px;padding:28px}.settings-card h2{font-size:1.4rem;font-weight:700;margin-bottom:24px}.settings-card h3{color:#5a5a72;color:var(--text-muted);font-size:.9rem;letter-spacing:1px;margin-bottom:14px;text-transform:uppercase}.setting-item{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 0}.setting-item:last-child{border-bottom:none}.setting-item label{font-weight:500}.setting-item select{border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#f0f0f5;color:var(--text-primary);font-family:inherit;font-size:.9rem;outline:none;padding:8px 14px}.setting-item select,.toggle-switch{background:#ffffff08;background:var(--bg-glass)}.toggle-switch{border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:14px;cursor:pointer;height:28px;position:relative;transition:all .3s;width:52px}.toggle-switch.active{background:#6c63ff;background:var(--accent-1);border-color:#6c63ff;border-color:var(--accent-1)}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0003;content:"";height:22px;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:22px}.toggle-switch.active:after{transform:translateX(24px)}.admin-panel{margin:0 auto;max-width:900px}.admin-panel-fullscreen{background:#0f0f1a;background:var(--bg-primary);bottom:0;left:0;overflow-y:auto;padding:24px;position:fixed;right:0;top:0;z-index:1000}.admin-panel-fullscreen .admin-header{margin:0 auto 28px;max-width:1400px}.admin-panel-fullscreen .admin-activity,.admin-panel-fullscreen .admin-content,.admin-panel-fullscreen .admin-dashboard,.admin-panel-fullscreen .admin-email,.admin-panel-fullscreen .admin-tabs,.admin-panel-fullscreen .admin-users{margin:0 auto;max-width:1400px}.admin-header{animation:fadeIn .5s ease;margin-bottom:28px;text-align:center}.admin-panel-fullscreen .admin-header{text-align:left}.admin-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800;letter-spacing:-.5px}.admin-header p{color:#5a5a72;color:var(--text-muted);margin-top:4px}.admin-tabs{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);display:flex;gap:4px;margin-bottom:24px;padding:6px}.admin-tabs button{background:none;border:none;border-radius:12px;border-radius:var(--radius-sm);color:#8888a0;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.85rem;font-weight:600;padding:12px 16px;transition:all .3s ease}.admin-tabs button:hover{background:#ffffff08;background:var(--bg-glass);color:#f0f0f5;color:var(--text-primary)}.admin-tabs button.active{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);box-shadow:0 4px 16px #6c63ff4d;color:#fff}.stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px}.stat-card{animation:bounceIn .5s ease forwards;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);overflow:hidden;padding:22px;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 8px 32px #0000004d,0 0 20px #6c63ff33;box-shadow:var(--shadow),var(--shadow-glow);transform:translateY(-4px)}.stat-icon{font-size:2rem;margin-bottom:8px}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:800}.stat-label{color:#5a5a72;color:var(--text-muted);font-size:.85rem;margin-top:4px}.stat-today{color:#00d4aa;color:var(--accent-3);font-size:.75rem;font-weight:600;margin-top:8px}.admin-section{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1e1e32b3;background:var(--bg-card);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);box-shadow:0 8px 32px #0000004d;box-shadow:var(--shadow);margin-bottom:16px;padding:24px}.admin-section h3{font-weight:700;margin-bottom:16px}.chart-bar{align-items:flex-end;display:flex;gap:8px;height:160px;padding:16px 0}.chart-bar.hourly{height:100px}.bar-item{align-items:center;animation:slideUp .5s ease forwards;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;opacity:0}.bar-fill{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);border-radius:6px 6px 0 0;min-height:4px;position:relative;transition:height 1s cubic-bezier(.4,0,.2,1);width:100%}.bar-value{color:#6c63ff;color:var(--accent-1);font-size:.7rem;font-weight:700;left:50%;position:absolute;top:-20px;transform:translateX(-50%)}.bar-label{color:#5a5a72;color:var(--text-muted);font-size:.7rem;margin-top:6px}.admin-user-row{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 0;transition:all .2s}.admin-user-row:hover{padding-left:8px}.rank{color:#6c63ff;color:var(--accent-1);font-weight:800;min-width:28px}.admin-user-info{flex:1 1}.admin-user-info a{color:#f0f0f5;color:var(--text-primary);font-weight:600;text-decoration:none}.admin-user-info a:hover{color:#6c63ff;color:var(--accent-1)}.admin-user-info span{display:block}.admin-user-info span,.admin-user-stats{color:#5a5a72;color:var(--text-muted);font-size:.8rem}.admin-user-stats{display:flex;gap:12px}.admin-user-card{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;gap:14px;padding:16px 0;transition:all .25s}.admin-user-card:hover{padding-left:8px}.admin-user-details{flex:1 1}.admin-user-details h4{font-size:1rem;margin-bottom:2px}.admin-user-details p{color:#8888a0;color:var(--text-secondary);font-size:.85rem}.admin-user-details .meta{color:#5a5a72;color:var(--text-muted);font-size:.8rem}.admin-badge{background:#6c63ff1a;border-radius:100px;border-radius:var(--radius-full);color:#6c63ff;color:var(--accent-1);font-size:.6rem;font-weight:700;letter-spacing:.5px;margin-left:8px;padding:2px 8px}.admin-user-actions{display:flex;gap:8px}.admin-btn{border:none;border-radius:100px;border-radius:var(--radius-full);cursor:pointer;font-family:inherit;font-size:.8rem;font-weight:600;padding:6px 14px;text-decoration:none;transition:all .2s}.admin-btn.view{background:#6c63ff1a;color:#6c63ff;color:var(--accent-1)}.admin-btn.view:hover{background:#6c63ff;background:var(--accent-1);color:#fff}.admin-btn.danger{background:#ff3b301a;color:#ff6b6b}.admin-btn.danger:hover{background:#ff6b6b;color:#fff}.admin-post-row{align-items:center;border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 0;transition:all .2s}.admin-post-row:hover{padding-left:8px}.admin-post-info{flex:1 1}.admin-post-info strong{font-size:.9rem}.admin-post-info p{color:#8888a0;color:var(--text-secondary);font-size:.85rem;margin-top:2px}.admin-post-info .meta{color:#5a5a72;color:var(--text-muted);font-size:.75rem}.reaction-stats{display:flex;flex-wrap:wrap;gap:12px}.reaction-stat-item{align-items:center;background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);border-radius:20px;border-radius:var(--radius);display:flex;gap:10px;padding:14px 20px;transition:all .2s}.reaction-stat-item:hover{box-shadow:0 0 20px #6c63ff33;box-shadow:var(--shadow-glow);transform:scale(1.05)}.reaction-emoji{font-size:1.5rem}.reaction-type{font-weight:500;text-transform:capitalize}.reaction-count{color:#6c63ff;color:var(--accent-1);font-weight:700;margin-left:auto}.privacy-stats{display:flex;flex-direction:column;gap:14px}.privacy-stat-item{align-items:center;display:flex;gap:12px}.privacy-stat-item span:first-child{font-size:.9rem;min-width:80px}.progress-bar{background:#ffffff08;background:var(--bg-glass);border:1px solid #ffffff0f;border:1px solid var(--border);flex:1 1;height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:100px;border-radius:var(--radius-full)}.progress-fill{background:linear-gradient(135deg,#6c63ff,#ff6b9d);background:var(--gradient-main);height:100%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}@media (max-width:1100px){.right-panel{display:none}}@media (max-width:768px){.navbar.navbar-left,.navbar.navbar-top{display:none}.navbar-mobile{display:flex}.mobile-menu-overlay{display:block}.main-layout{flex-direction:column;margin-left:0!important}.app-container{margin-left:0!important;padding-bottom:80px;padding-top:16px}.chat-container{flex-direction:column;height:calc(100vh - 80px)}.chat-sidebar{border-bottom:1px solid #ffffff0f;border-bottom:1px solid var(--border);border-right:none;max-height:200px;width:100%}.profile-info{align-items:center;flex-direction:column;text-align:center}.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-tabs{flex-wrap:wrap}.admin-tabs button{font-size:.75rem;padding:10px 8px}}@media (min-width:769px){.mobile-menu-overlay,.navbar-mobile{display:none!important}.navbar.navbar-left.collapsed+div .app-container,.navbar.navbar-left.collapsed~.app-container{margin-left:68px}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#ffffff0f;background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5a5a72;background:var(--text-muted)}
/*# sourceMappingURL=main.f3f56605.css.map*/