*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #1f2940;--text-primary: #e0e0e0;--text-secondary: #a0a0a0;--accent: #4facfe;--accent-hover: #00f2fe;--danger: #ff6b6b;--success: #51cf66}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--bg-secondary);padding:24px 0;border-right:1px solid rgba(255,255,255,.06);flex-shrink:0;position:relative}.logo{font-size:24px;font-weight:800;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent}nav{display:flex;flex-direction:column}.nav-item{padding:12px 24px;color:var(--text-secondary);text-decoration:none;font-size:15px;transition:all .2s;border-left:3px solid transparent}.nav-item:hover{color:var(--text-primary);background:#ffffff08}.nav-item.router-link-active{color:var(--accent);border-left-color:var(--accent);background:#4facfe14}.content{flex:1;padding:32px;overflow-y:auto}.sidebar-footer{position:absolute;bottom:0;width:220px;padding:16px 24px;border-top:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:8px}.user-name{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:none;border:1px solid rgba(255,107,107,.4);border-radius:6px;color:var(--danger);font-size:13px;padding:6px 12px;cursor:pointer;transition:all .2s;text-align:center}.btn-logout:hover{background:#ff6b6b1a;border-color:var(--danger)}