:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#1e293b;background-color:#f8fafc;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#app{width:100%;min-height:100vh}a{color:#3b82f6;text-decoration:none;transition:color .2s}a:hover{color:#2563eb}button{border:none;cursor:pointer;font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{opacity:0;transform:translate(20px)}.slide-leave-to{opacity:0;transform:translate(-20px)}.app-layout[data-v-3bf44476]{display:flex;min-height:100vh;background-color:#f8fafc}.sidebar[data-v-3bf44476]{width:240px;background:linear-gradient(180deg,#1e293b,#0f172a);display:flex;flex-direction:column;transition:width .3s ease;position:fixed;height:100vh;z-index:100}.sidebar.is-collapsed[data-v-3bf44476]{width:72px}.sidebar.is-mobile-open[data-v-3bf44476]{transform:translate(0)}@media(max-width:768px){.sidebar[data-v-3bf44476]{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform .3s ease;width:240px}}.mobile-overlay[data-v-3bf44476]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:99;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-overlay.is-open[data-v-3bf44476]{opacity:1;visibility:visible}.sidebar-header[data-v-3bf44476]{padding:20px 16px;display:flex;align-items:center;justify-content:space-between}.logo[data-v-3bf44476]{display:flex;align-items:center;gap:12px;color:#fff}.logo-icon[data-v-3bf44476]{color:#3b82f6;flex-shrink:0}.logo-text[data-v-3bf44476]{font-size:18px;font-weight:600;white-space:nowrap}.mobile-close-btn[data-v-3bf44476]{display:none;background:none;border:none;color:#94a3b8;cursor:pointer;padding:4px}@media(max-width:768px){.mobile-close-btn[data-v-3bf44476]{display:flex}}.sidebar-nav[data-v-3bf44476]{flex:1;padding:12px 8px}.nav-item[data-v-3bf44476]{display:flex;align-items:center;gap:12px;padding:12px;margin:4px 0;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#94a3b8}.nav-item[data-v-3bf44476]:hover{background:#ffffff0d;color:#e2e8f0}.nav-item.is-active[data-v-3bf44476]{background:linear-gradient(90deg,rgba(59,130,246,.2) 0%,transparent 100%);color:#3b82f6;border-left:3px solid #3b82f6}.nav-icon[data-v-3bf44476]{flex-shrink:0}.nav-text[data-v-3bf44476]{font-size:14px;font-weight:500;white-space:nowrap}.nav-arrow[data-v-3bf44476]{margin-left:auto}.sidebar-footer[data-v-3bf44476]{padding:16px;border-top:1px solid rgba(255,255,255,.1)}.version-badge[data-v-3bf44476]{display:inline-block;padding:4px 8px;background:#3b82f633;color:#3b82f6;border-radius:4px;font-size:12px;margin-bottom:8px}.footer-text[data-v-3bf44476]{color:#64748b;font-size:12px}.main-content[data-v-3bf44476]{flex:1;margin-left:240px;display:flex;flex-direction:column;transition:margin-left .3s ease}@media(max-width:768px){.main-content[data-v-3bf44476]{margin-left:0}}.sidebar.is-collapsed~.main-content[data-v-3bf44476]{margin-left:72px}@media(max-width:768px){.sidebar.is-collapsed~.main-content[data-v-3bf44476]{margin-left:0}}.top-header[data-v-3bf44476]{height:64px;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.header-left[data-v-3bf44476]{display:flex;align-items:center;gap:16px}.mobile-menu-btn[data-v-3bf44476]{display:none;background:none;border:none;color:#64748b;cursor:pointer;padding:4px}@media(max-width:768px){.mobile-menu-btn[data-v-3bf44476]{display:flex}}.collapse-btn[data-v-3bf44476]{display:flex;align-items:center;justify-content:center;background:none;border:none;color:#64748b;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s ease}.collapse-btn[data-v-3bf44476]:hover{background:#f1f5f9;color:#1e293b}@media(max-width:768px){.collapse-btn[data-v-3bf44476]{display:none}}.page-title[data-v-3bf44476]{font-size:18px;font-weight:600;color:#1e293b;margin:0}.header-right[data-v-3bf44476]{display:flex;align-items:center}.user-info[data-v-3bf44476]{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f1f5f9;border-radius:8px}.user-avatar[data-v-3bf44476]{font-size:20px}.user-name[data-v-3bf44476]{font-size:14px;color:#475569;font-weight:500}.content-area[data-v-3bf44476]{flex:1;padding:24px;overflow-y:auto}@media(max-width:768px){.content-area[data-v-3bf44476]{padding:16px}}