*{margin:0;padding:0;box-sizing:border-box}:root{--brand-teal: #2dc988;--brand-lime: #93dd45;--brand-green: #52b735;--brand-brown: #603813;--brand-dark: #20260e;--bg-primary: #0f1419;--bg-secondary: #1a2332;--bg-card: #1e2a38;--accent: #2dc988;--text-primary: #eaeaea;--text-secondary: #8b9eb0;--online: #2dc988;--offline: #f87171}html,body{overflow-x:hidden}body{font-family:Segoe UI,system-ui,sans-serif;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh}.hidden{display:none!important}.site-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:.75rem 2rem;background:#1e2a38f2;backdrop-filter:blur(12px);border-bottom:1px solid rgba(45,201,136,.1)}.header-left{display:flex;align-items:center;gap:.75rem;width:100%}.header-logo{display:flex;align-items:center;gap:.5rem;text-decoration:none}.logo-icon{height:32px;width:auto}.logo-title{font-size:1.1rem;font-weight:700;color:var(--brand-lime);letter-spacing:-.01em}.header-right{display:flex;align-items:center;gap:.25rem;margin-left:auto}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:8px;transition:background .2s}.hamburger-btn:hover{background:#ffffff0d;color:var(--text-primary)}.mobile-menu{display:none;position:absolute;top:100%;right:0;width:320px;flex-direction:column;background:#1e2a38fa;backdrop-filter:blur(12px);border-bottom:1px solid rgba(45,201,136,.15);border-left:1px solid rgba(45,201,136,.1);border-bottom-left-radius:12px;padding:.75rem 1rem;gap:.75rem;z-index:99;box-shadow:0 8px 32px #0000004d}.mobile-menu.open{display:flex}.header-nav{display:flex;flex-direction:column;width:100%;gap:.25rem}.global-nav{display:flex;flex-wrap:wrap;gap:.25rem}.header-nav .nav-btn{width:100%;justify-content:center}.header-actions,.header-auth{display:flex;flex-direction:column;width:100%;gap:.5rem}.header-auth .btn-admin,.header-auth .btn-login,.header-auth .btn-logout{width:100%;justify-content:center;text-align:center}.vote-dropdown{position:relative}.header-vote .vote-menu{position:absolute;top:100%;right:0;margin-top:.5rem;min-width:380px;z-index:101;box-shadow:0 8px 32px #0000004d}.lang-select{padding:.4rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:var(--bg-card);color:var(--text-secondary);font-size:.8rem;cursor:pointer;outline:none}.lang-select:hover{border-color:var(--brand-teal);color:var(--text-primary)}.lang-select option{background:var(--bg-card);color:var(--text-primary)}.header-user-link{display:flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;border-radius:6px;padding:.2rem .4rem;transition:background .2s}.header-user-link:hover{background:#ffffff0d}.user-avatar-sm{width:28px;height:28px;border-radius:4px}.user-name-sm{font-weight:600;font-size:.85rem;color:var(--text-secondary)}.btn-login{padding:.5rem 1rem;border-radius:8px;background:var(--brand-teal);color:var(--bg-primary);text-decoration:none;font-weight:600;font-size:.85rem}.header-login{white-space:nowrap}.btn-logout{padding:.4rem .75rem;border-radius:6px;border:1px solid rgba(255,255,255,.15);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.8rem}.btn-logout:hover{border-color:var(--brand-teal);color:var(--text-primary)}.btn-admin{padding:.4rem .75rem;border-radius:6px;background:#f8717126;color:#f87171;text-decoration:none;font-size:.8rem}.btn-admin:hover{background:#f8717140}.nav-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-btn:hover{color:var(--text-primary);background:#ffffff0d}.nav-btn.active{background:#2dc98826;color:var(--brand-teal);border-color:#2dc9884d}.nav-btn svg{flex-shrink:0}.btn-vote{display:flex;align-items:center;gap:.35rem;padding:.4rem .75rem;border-radius:6px;border:1px solid rgba(45,201,136,.3);background:#2dc9881a;color:var(--brand-teal);font-size:.8rem;font-weight:600;cursor:pointer;transition:background .2s}.btn-vote:hover{background:#2dc98833}.vote-chevron{transition:transform .2s}.vote-menu{background:var(--bg-card);border:1px solid rgba(45,201,136,.15);border-radius:8px;padding:.75rem;display:flex;flex-direction:column;gap:.6rem}.vote-menu-header{font-size:.78rem;color:var(--brand-teal);font-weight:600;text-align:center;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:center;gap:.4rem}.vote-server-columns{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.vote-server-col{display:flex;flex-direction:column;gap:.3rem}.vote-col-label{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:4px;text-align:center;margin-bottom:.1rem}.vote-col-eu{color:#60a5fa;background:#60a5fa1a}.vote-col-in{color:#fbbf24;background:#fbbf241a}.vote-link{display:flex;align-items:center;justify-content:space-between;gap:.4rem;padding:.45rem .55rem;border-radius:5px;font-size:.72rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background .15s,border-color .15s;border:1px solid transparent}.vote-link:hover{border-color:currentColor}.vote-link.vote-eu{background:#60a5fa14;color:#7db8fc}.vote-link.vote-eu:hover{background:#60a5fa2e}.vote-link.vote-in{background:#fbbf2414;color:#f5cc50}.vote-link.vote-in:hover{background:#fbbf242e}.vote-link-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-ext-icon{flex-shrink:0;opacity:.5;transition:opacity .15s}.vote-link:hover .vote-ext-icon{opacity:1}.vote-link.voted{opacity:.35;pointer-events:none}.vote-link.voted .vote-link-name{text-decoration:line-through}.vote-link.voted .vote-ext-icon{display:none}.vote-menu-footer{font-size:.7rem;color:var(--text-secondary);text-align:center;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.06);font-style:italic}.notif-bell{position:relative}.bell-btn{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .2s,color .2s}.bell-btn:hover{background:#ffffff0d;color:var(--text-primary)}.notif-dot{position:absolute;top:10px;right:10px;width:8px;height:8px;border-radius:50%;background:#f87171;box-shadow:0 0 0 2px #1e2a38f2}.notif-dropdown{position:absolute;top:100%;right:0;width:300px;margin-top:.5rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.1);border-radius:8px;max-height:320px;overflow-y:auto;box-shadow:0 8px 32px #0000004d;z-index:101}.notif-header{padding:.5rem .75rem;font-size:.8rem;font-weight:600;color:var(--text-primary);border-bottom:1px solid rgba(255,255,255,.06)}.notif-list{max-height:260px;overflow-y:auto}.notif-item{padding:.5rem .75rem;border-bottom:1px solid rgba(255,255,255,.04)}.notif-item.unread{background:#2dc9880d}.notif-msg{font-size:.8rem;color:var(--text-primary);line-height:1.3}.notif-time{font-size:.7rem;color:var(--text-secondary);margin-top:.2rem}.notif-empty{padding:1rem;text-align:center;color:var(--text-secondary);font-size:.85rem}@media(max-width:600px){.site-header{padding:.5rem 1rem}.mobile-menu{width:auto;left:0;right:0;border-left:none;border-bottom-left-radius:0;box-shadow:none}.header-nav .nav-btn,.header-auth .btn-admin,.header-auth .btn-login,.header-auth .btn-logout,.header-user-link,.btn-vote{min-height:44px}.header-vote .vote-menu{min-width:0;width:calc(100vw - 2rem);max-width:380px}}.site-footer{display:flex;justify-content:center;padding:2rem 1rem;border-top:1px solid rgba(255,255,255,.06);margin-top:2rem}.footer-content{display:flex;flex-direction:column;align-items:center;gap:.6rem}.footer-branding{font-size:.85rem;color:var(--text-secondary)}.footer-branding a{color:var(--brand-teal);text-decoration:none}.footer-branding a:hover{text-decoration:underline}.footer-links{display:flex;align-items:center;gap:.5rem;font-size:.8rem}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--brand-teal)}.footer-divider{color:var(--text-secondary);opacity:.4}