html,body{margin:0;padding:0;width:100%;height:100%}#app{width:100%;height:100%;margin:0;padding:0}.layout{min-height:100vh;background:#000;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0f172a;color:#fff;flex-wrap:wrap;gap:12px}.logo{color:#fff;text-decoration:none;font-weight:700}.nav a{color:#cbd5e1;margin-left:12px;text-decoration:none}.nav a.router-link-active{color:#fff;font-weight:600}.auth-actions{position:relative;display:flex;align-items:center;gap:8px}.auth-actions a{color:#cbd5e1;text-decoration:none}.content{padding:0;flex:1 1 auto;display:flex;flex-direction:column;background:#000;overflow:hidden}.avatar{width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-weight:700}.dropdown{position:absolute;top:42px;right:0;background:#1f2937;border:1px solid #374151;border-radius:8px;min-width:140px;display:flex;flex-direction:column;z-index:2000}.dropdown a,.dropdown button{padding:10px 12px;text-align:left;color:#e5e7eb;background:none;border:none;cursor:pointer}.dropdown a:hover,.dropdown button:hover{background:#374151}body{overflow:hidden;background:#000}