.topbar[data-v-3d2a8f1a]{z-index:100;background:#1e293b;border-bottom:1px solid #334155;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;display:flex;position:fixed;top:0;left:0;right:0}.topbar-left[data-v-3d2a8f1a]{align-items:center;gap:.75rem;display:flex}.brand-icon[data-v-3d2a8f1a]{color:#3b82f6;font-size:1.25rem}.brand-name[data-v-3d2a8f1a]{color:#f1f5f9;font-size:1.1rem;font-weight:700}.topbar-right[data-v-3d2a8f1a]{align-items:center;gap:1rem;display:flex}.user-info[data-v-3d2a8f1a]{color:#94a3b8;cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.4rem .75rem;font-size:.875rem;transition:all .2s;display:flex}.user-info[data-v-3d2a8f1a]:hover{color:#f1f5f9;background:#334155}.user-name[data-v-3d2a8f1a]{color:#f1f5f9;font-weight:500}.user-role[data-v-3d2a8f1a]{color:#94a3b8;text-transform:capitalize;background:#334155;border-radius:4px;padding:.2rem .5rem;font-size:.75rem}.sidebar[data-v-bfeba94a]{z-index:99;background:#1e293b;border-right:1px solid #334155;width:220px;padding:1rem 0;position:fixed;top:60px;bottom:0;left:0}.sidebar-nav[data-v-bfeba94a]{flex-direction:column;gap:.25rem;padding:0 .75rem;display:flex}.nav-item[data-v-bfeba94a]{cursor:pointer;color:#94a3b8;border-radius:8px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.nav-item[data-v-bfeba94a]:hover{color:#f1f5f9;background:#334155}.nav-item.active[data-v-bfeba94a]{color:#fff;background:#3b82f6}.nav-item i[data-v-bfeba94a]{width:20px;font-size:1rem}.app-layout[data-v-8b7666b1]{background:#0f172a;min-height:100vh}.main-content[data-v-8b7666b1]{min-height:calc(100vh - 60px);margin-top:60px;margin-left:220px;padding:1.5rem}