body{margin:0;padding:0}.top-nav{display:flex;gap:0;background:#1a1a2e;border-bottom:1px solid #2a2a3e;padding:0 16px;height:40px;align-items:stretch;z-index:1000;position:relative}.nav-item{display:flex;align-items:center;padding:0 20px;color:#888;text-decoration:none;font-size:14px;border-bottom:2px solid transparent;transition:all .2s}.nav-item:hover{color:#ccc;background:#ffffff08}.nav-item.active{color:#63e2b7;border-bottom-color:#63e2b7}.nav-spacer{flex:1}.nav-user{display:flex;align-items:center;padding:0 12px;color:#888;font-size:13px;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-logout{margin:0 8px;padding:3px 10px;background:transparent;border:1px solid #444;border-radius:4px;color:#888;font-size:12px;cursor:pointer;transition:all .2s}.nav-logout:hover{color:#ccc;border-color:#666}