.topbar{position:fixed;top:0;left:0;right:0;height:56px;background:var(--glass-bg);backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding:0 1rem;z-index:1200;}
.topbar-left,.topbar-right{flex:1;display:flex;align-items:center}
.topbar-center{font-size:1.1rem;font-weight:600;color:var(--text-primary);}
.topbar-btn{background:none;border:1px solid var(--glass-border);color:var(--text-primary);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;}
.topbar-btn:hover{background:var(--primary-color);border-color:var(--primary-color)}
.side-drawer{position:fixed;top:0;right:-320px;width:280px;height:100vh;background:var(--dark-bg);border-left:1px solid var(--glass-border);transition:right .3s ease;z-index:1250;display:flex;flex-direction:column;}
.side-drawer.show{right:0}
.side-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--glass-border);}
.side-close{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;}
.side-nav-item{padding:1rem;color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:.75rem;transition:all .3s ease;}
.side-nav-item:hover{background:rgba(255,255,255,.05);color:var(--primary-color)}
.side-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:1240;opacity:0;visibility:hidden;transition:all .3s ease;}
.side-mask.show{opacity:1;visibility:visible;}