/* ── APP SHELL ── */
#app{height:100vh}#app.hidden{display:none}#app.visible{display:flex}


/* ── SIDEBAR ── */
#sidebar{width:240px;background:#141414;display:flex;flex-direction:column;padding:0;border-right:1px solid #2a2a2a;flex-shrink:0;overflow:hidden}
.sb-top{padding:14px 14px 10px;border-bottom:1px solid #222}
.sidebar-user{display:flex;align-items:center;gap:9px;margin-bottom:12px}
.avatar{width:32px;height:32px;border-radius:50%;background:#2774AE;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:white;flex-shrink:0}
.user-info{flex:1;overflow:hidden}
.user-name{font-size:13px;font-weight:600;color:#e0e0e0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.user-role{font-size:10px;color:#555;text-transform:capitalize}
.logout-btn{background:none;border:none;color:#444;cursor:pointer;font-size:11px;padding:2px 6px;border-radius:4px}
.logout-btn:hover{color:#2774AE}
.sidebar-nav{display:flex;flex-direction:column;gap:3px}
.nav-btn{border:none;padding:8px 10px;border-radius:7px;cursor:pointer;font-size:13px;font-weight:500;text-align:left;transition:all .15s;display:flex;align-items:center;gap:7px;width:100%}
.nav-btn.primary{background:#2774AE;color:white;font-weight:600}
.nav-btn.primary:hover{background:#ea6c0a}
.nav-btn.secondary{background:#222;color:#ccc}
.nav-btn.secondary:hover{background:#2a2a2a;color:#fff}
.nav-btn.ghost{background:none;color:#555}
.nav-btn.ghost:hover{background:#1e1e1e;color:#ccc}