.app-layout[data-v-5efc64a2]{min-height:100vh;display:flex}.sidebar-backdrop[data-v-5efc64a2]{display:none}.sidebar[data-v-5efc64a2]{z-index:100;background:linear-gradient(#0f172a 0%,#1e293b 100%);flex-direction:column;flex-shrink:0;width:212px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 16px #0f172a1f}.sidebar-logo[data-v-5efc64a2]{align-items:center;gap:10px;padding:18px 16px;display:flex}.logo-mark[data-v-5efc64a2]{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#3b82f6,#6366f1);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:inline-flex}.logo-text[data-v-5efc64a2]{color:#fff;letter-spacing:.04em;font-size:17px;font-weight:700}.sidebar-nav[data-v-5efc64a2]{flex:1;padding:8px 0}.sidebar-footer[data-v-5efc64a2]{border-top:1px solid #334155;padding:8px 0}.nav-item[data-v-5efc64a2]{cursor:pointer;color:#94a3b8;border-left:none;border-radius:8px;align-items:center;margin:2px 8px;padding:11px 16px;font-size:14px;transition:all .15s;display:flex}.nav-item[data-v-5efc64a2]:hover{color:#fff;background:#334155d9}.nav-item.active[data-v-5efc64a2]{color:#fff;background:#3b82f62e;box-shadow:inset 0 0 0 1px #3b82f659}.nav-icon[data-v-5efc64a2]{margin-right:10px;font-size:16px}.nav-label[data-v-5efc64a2]{font-size:14px}.main-area[data-v-5efc64a2]{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:212px;display:flex}.topbar[data-v-5efc64a2]{z-index:50;background:#fff;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;height:56px;padding:0 24px;display:flex;position:sticky;top:0}.topbar-left[data-v-5efc64a2]{align-items:center;gap:10px;display:flex}.menu-btn[data-v-5efc64a2]{cursor:pointer;color:#334155;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:36px;height:36px;font-size:16px;display:none}.page-title[data-v-5efc64a2]{color:#1e293b;margin:0;font-size:16px;font-weight:600}.user-name[data-v-5efc64a2]{color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:13px}.content[data-v-5efc64a2]{background:#f5f7fa;flex:1;padding:20px 24px 32px}@media (width<=900px){.sidebar[data-v-5efc64a2]{transition:transform .2s;transform:translate(-100%)}.app-layout.sidebar-open .sidebar[data-v-5efc64a2]{transform:translate(0)}.sidebar-backdrop[data-v-5efc64a2]{z-index:90;background:#0f172a73;display:block;position:fixed;inset:0}.main-area[data-v-5efc64a2]{margin-left:0}.menu-btn[data-v-5efc64a2]{justify-content:center;align-items:center;display:inline-flex}.content[data-v-5efc64a2]{padding:14px 12px 24px}.topbar[data-v-5efc64a2]{padding:0 12px}}