*{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;background:#f5f6fa;color:#1a1a2e}#app-layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#1a1a2e;color:#fff;display:flex;flex-direction:column;padding:24px 0 0;flex-shrink:0}.sidebar-logo{font-size:15px;font-weight:700;padding:0 20px 20px;border-bottom:1px solid #2d2d4e;letter-spacing:.3px}.sidebar-nav{list-style:none;margin-top:12px;flex:1}.sidebar-nav li a{display:block;padding:10px 20px;color:#a0a0c0;text-decoration:none;font-size:13.5px;transition:background .15s,color .15s;border-radius:0}.sidebar-nav li a:hover,.sidebar-nav li a.router-link-active{background:#2d2d4e;color:#fff}.sidebar-user{display:flex;align-items:center;gap:8px;padding:14px 16px;border-top:1px solid #2d2d4e;margin-top:auto}.user-info{display:flex;align-items:center;gap:9px;flex:1;min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;background:#4f46e5;color:#fff;font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-details{min-width:0}.user-name{font-size:12px;font-weight:600;color:#e0e0f0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:11px;color:#6b7280;margin-top:1px}.btn-logout{background:none;border:none;color:#6b7280;font-size:18px;cursor:pointer;padding:4px;border-radius:6px;transition:color .15s,background .15s;flex-shrink:0}.btn-logout:hover{color:#ef4444;background:#ef44441f}.main-content{flex:1;padding:32px;overflow-y:auto}