.app-layout[data-v-cc2633f5]{background:#f5f7fa;min-height:100vh;display:flex}.sidebar-backdrop[data-v-cc2633f5]{display:none}.sidebar[data-v-cc2633f5]{z-index:100;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:212px;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 18px #0f172a0d}.sidebar-logo[data-v-cc2633f5]{align-items:center;gap:10px;padding:18px 16px;display:flex}.logo-mark[data-v-cc2633f5]{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-cc2633f5]{color:#0f172a;letter-spacing:.04em;font-size:17px;font-weight:700}.sidebar-nav[data-v-cc2633f5]{flex:1;padding:8px 0}.sidebar-footer[data-v-cc2633f5]{border-top:1px solid #e2e8f0;padding:8px 0}.nav-item[data-v-cc2633f5]{cursor:pointer;color:#64748b;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-cc2633f5]:hover{color:#0f172a;background:#f1f5f9}.nav-item.active[data-v-cc2633f5]{color:#1d4ed8;background:#eff6ff;box-shadow:inset 3px 0 #2563eb}.nav-label[data-v-cc2633f5]{font-size:14px}.main-area[data-v-cc2633f5]{flex-direction:column;flex:1;min-width:0;min-height:100vh;margin-left:212px;display:flex}.topbar[data-v-cc2633f5]{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-cc2633f5]{align-items:center;gap:10px;display:flex}.menu-btn[data-v-cc2633f5]{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-cc2633f5]{color:#1e293b;margin:0;font-size:16px;font-weight:600}.user-name[data-v-cc2633f5]{color:#64748b;background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:13px}.content[data-v-cc2633f5]{background:#f5f7fa;flex:1;padding:20px 24px 32px}@media (width<=900px){.sidebar[data-v-cc2633f5]{transition:transform .2s;transform:translate(-100%)}.app-layout.sidebar-open .sidebar[data-v-cc2633f5]{transform:translate(0)}.sidebar-backdrop[data-v-cc2633f5]{z-index:90;background:#0f172a73;display:block;position:fixed;inset:0}.main-area[data-v-cc2633f5]{margin-left:0}.menu-btn[data-v-cc2633f5]{justify-content:center;align-items:center;display:inline-flex}.content[data-v-cc2633f5]{padding:14px 12px 24px}.topbar[data-v-cc2633f5]{padding:0 12px}}