.layout[data-v-351755c5]{display:flex;height:100vh;overflow:hidden}.sidebar[data-v-351755c5]{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0}.sidebar-header[data-v-351755c5]{padding:20px;border-bottom:1px solid var(--border-color)}.logo[data-v-351755c5]{display:flex;align-items:center;gap:10px;color:var(--accent-cyan)}.logo-text[data-v-351755c5]{font-size:18px;font-weight:700;letter-spacing:.5px}.sidebar-nav[data-v-351755c5]{flex:1;padding:8px 10px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.nav-group[data-v-351755c5]{margin-bottom:4px}.nav-group-title[data-v-351755c5]{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);padding:10px 16px 4px}.nav-item[data-v-351755c5]{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:8px;color:var(--text-secondary);transition:var(--transition);font-size:13px;cursor:pointer}.nav-item[data-v-351755c5]:hover{background:var(--bg-card);color:var(--text-primary)}.nav-item.active[data-v-351755c5]{background:#3b82f626;color:var(--accent-blue)}.nav-item.active .nav-icon[data-v-351755c5]{color:var(--accent-blue)}.nav-icon[data-v-351755c5]{display:flex;align-items:center;color:inherit;flex-shrink:0}.sidebar-footer[data-v-351755c5]{padding:12px 20px;border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:6px}.env-badge[data-v-351755c5]{text-align:center;font-size:12px;color:var(--accent-orange);background:#f59e0b1a;padding:6px 12px;border-radius:6px;border:1px solid rgba(245,158,11,.2)}.version[data-v-351755c5]{text-align:center;font-size:10px;color:var(--text-muted)}.main[data-v-351755c5]{flex:1;display:flex;flex-direction:column;overflow:hidden}.header[data-v-351755c5]{height:var(--header-height);padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);background:var(--bg-secondary);flex-shrink:0}.page-title[data-v-351755c5]{font-size:18px;font-weight:600}.header-right[data-v-351755c5]{display:flex;align-items:center;gap:16px}.date-display[data-v-351755c5]{font-size:13px;color:var(--text-secondary)}.content[data-v-351755c5]{flex:1;overflow-y:auto;padding:24px 28px}:root{--bg-primary: #0f1923;--bg-secondary: #1a2736;--bg-card: #1e2d3d;--bg-card-hover: #243447;--border-color: #2a3f52;--text-primary: #e8edf2;--text-secondary: #8899aa;--text-muted: #5a6f80;--accent-blue: #3b82f6;--accent-cyan: #06b6d4;--accent-green: #10b981;--accent-orange: #f59e0b;--accent-red: #ef4444;--accent-purple: #8b5cf6;--accent-pink: #ec4899;--shadow: 0 4px 24px rgba(0, 0, 0, .3);--radius: 12px;--sidebar-width: 220px;--header-height: 60px;--transition: all .3s ease}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}a{color:var(--accent-blue);text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}