@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";.app-layout[data-v-5310d5a5]{display:flex;height:100vh;width:100%;overflow:hidden;background-color:var(--bg-app, #eff2f5);font-family:Plus Jakarta Sans,sans-serif;color:var(--text-dark, #1e293b)}.sidebar[data-v-5310d5a5]{width:var(--sidebar-width, 260px);background-color:var(--bg-sidebar, #ffffff);border-right:1px solid var(--border-color, #e2e8f0);display:flex;flex-direction:column;height:100%;flex-shrink:0;z-index:50;transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:4px 0 18px #0f172a0d}.sidebar-header[data-v-5310d5a5]{height:80px;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--border-color, #e2e8f0)}.logo-wrapper[data-v-5310d5a5]{width:40px;height:40px;background:linear-gradient(135deg,var(--primary, #2563eb),var(--primary-dark, #1d4ed8));border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb4d}.brand-icon[data-v-5310d5a5]{width:22px;height:22px;stroke:#fff;stroke-width:2.3}.brand-info[data-v-5310d5a5]{margin-left:14px}.brand-name[data-v-5310d5a5]{font-size:1.05rem;font-weight:800;color:var(--text-dark, #1e293b);margin:0;line-height:1.2}.brand-tag[data-v-5310d5a5]{font-size:.75rem;font-weight:600;color:var(--text-light, #94a3b8);text-transform:uppercase;letter-spacing:.6px}.sidebar-scroll[data-v-5310d5a5]{flex:1;overflow-y:auto;padding:24px 16px}.sidebar-scroll[data-v-5310d5a5]::-webkit-scrollbar{width:6px}.sidebar-scroll[data-v-5310d5a5]::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:3px}.nav-category[data-v-5310d5a5]{font-size:.75rem;font-weight:800;color:var(--text-light, #94a3b8);text-transform:uppercase;letter-spacing:.9px;margin:20px 0 8px 12px}.nav-category[data-v-5310d5a5]:first-child{margin-top:0}.nav-item[data-v-5310d5a5]{display:flex;align-items:center;padding:10px 14px;border-radius:12px;color:var(--text-medium, #64748b);text-decoration:none;transition:all .2s ease;margin-bottom:4px;font-weight:600;font-size:.94rem}.nav-item .icon[data-v-5310d5a5]{width:20px;height:20px;margin-right:12px;stroke-width:2;opacity:.7}.nav-item[data-v-5310d5a5]:hover{background-color:var(--primary-light, #eff6ff);color:var(--primary, #2563eb)}.nav-item:hover .icon[data-v-5310d5a5]{opacity:1}.nav-item.active[data-v-5310d5a5]{background:linear-gradient(135deg,var(--primary, #2563eb),var(--primary-dark, #1d4ed8));color:#fff;box-shadow:0 6px 16px #2563eb66}.nav-item.active .icon[data-v-5310d5a5]{opacity:1}.spacer[data-v-5310d5a5]{flex:1}.sidebar-footer[data-v-5310d5a5]{padding:18px;border-top:1px solid var(--border-color, #e2e8f0);background-color:#fff}.user-profile[data-v-5310d5a5]{display:flex;align-items:center;background:var(--primary-soft, #eff6ff);padding:11px;border-radius:16px;border:1px solid rgba(148,163,184,.25)}.avatar[data-v-5310d5a5]{width:40px;height:40px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary, #2563eb);font-weight:800;font-size:1rem;box-shadow:0 2px 5px #0f172a14}.user-info[data-v-5310d5a5]{flex:1;margin-left:12px;display:flex;flex-direction:column;overflow:hidden}.user-role[data-v-5310d5a5]{font-size:.7rem;font-weight:700;color:var(--text-light, #94a3b8);text-transform:uppercase;letter-spacing:.6px}.user-name[data-v-5310d5a5]{font-size:.95rem;font-weight:700;color:var(--text-dark, #1e293b);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-logout[data-v-5310d5a5]{background:#fff;border:1px solid transparent;cursor:pointer;padding:8px;border-radius:10px;color:#ef4444;transition:all .18s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 6px #0f172a0f}.btn-logout[data-v-5310d5a5]:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.main-wrapper[data-v-5310d5a5]{flex:1;display:flex;flex-direction:column;position:relative;overflow:hidden}.page-content[data-v-5310d5a5]{flex:1;overflow-y:auto;position:relative}.page-content[data-v-5310d5a5]::-webkit-scrollbar{width:8px}.page-content[data-v-5310d5a5]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.mobile-topbar[data-v-5310d5a5]{display:none;height:64px;background:#fff;border-bottom:1px solid var(--border-color, #e2e8f0);align-items:center;padding:0 20px;flex-shrink:0;z-index:40}.btn-hamburger[data-v-5310d5a5]{background:none;border:none;color:var(--text-dark, #1e293b);cursor:pointer;margin-right:12px;padding:4px;border-radius:8px}.btn-hamburger[data-v-5310d5a5]:hover{background:var(--primary-light, #eff6ff)}.mobile-brand[data-v-5310d5a5]{font-weight:800;color:var(--text-dark, #1e293b);font-size:1.1rem;flex:1}.mobile-avatar-sm[data-v-5310d5a5]{width:34px;height:34px;background:var(--primary, #2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700}.btn-close-mobile[data-v-5310d5a5]{display:none;background:none;border:none;color:var(--text-light, #94a3b8);cursor:pointer;margin-left:auto}.sidebar-overlay[data-v-5310d5a5]{display:none}@media(max-width:1024px){.sidebar[data-v-5310d5a5]{position:fixed;top:0;left:0;bottom:0;transform:translate(-100%);box-shadow:10px 0 30px #0f172a80}.sidebar.is-open[data-v-5310d5a5]{transform:translate(0)}.mobile-topbar[data-v-5310d5a5]{display:flex}.btn-close-mobile[data-v-5310d5a5]{display:block}.sidebar-overlay[data-v-5310d5a5]{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;opacity:0;pointer-events:none;display:block;transition:opacity .3s ease}.sidebar-overlay.is-visible[data-v-5310d5a5]{opacity:1;pointer-events:auto}}.fade-enter-active[data-v-5310d5a5],.fade-leave-active[data-v-5310d5a5]{transition:opacity .2s ease}.fade-enter-from[data-v-5310d5a5],.fade-leave-to[data-v-5310d5a5]{opacity:0}html,body,#app{margin:0;padding:0;height:100%;width:100%}:root{box-sizing:border-box;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;min-width:320px;min-height:100vh;width:100%}#app{width:100%;height:100vh;margin:0;padding:0;max-width:none;text-align:left}