.app-container[data-v-cc88333e]{width:100%;min-height:100vh;background-color:var(--bg-secondary)}.app-header[data-v-cc88333e]{height:var(--header-height);background-color:var(--bg-primary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.header-left[data-v-cc88333e]{flex:0 0 auto}.logo[data-v-cc88333e]{display:flex;align-items:center;gap:var(--space-sm)}.logo-icon[data-v-cc88333e]{font-size:24px}.logo-text[data-v-cc88333e]{font-size:var(--font-size-2xl);font-weight:600;color:var(--primary)}.logo-subtitle[data-v-cc88333e]{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--space-sm);padding-left:var(--space-sm);border-left:1px solid var(--border)}.header-center[data-v-cc88333e]{flex:1;max-width:500px;margin:0 var(--space-xl)}.search-bar[data-v-cc88333e]{display:flex;height:40px;background-color:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border)}.search-input[data-v-cc88333e]{flex:1;border:none;background:transparent;padding:0 var(--space-lg);font-size:var(--font-size-md);outline:none}.search-input[data-v-cc88333e]::placeholder{color:var(--text-tertiary)}.search-btn[data-v-cc88333e]{width:40px;background-color:var(--primary);color:#fff;border:none;cursor:pointer;font-size:16px}.search-btn[data-v-cc88333e]:hover{background-color:var(--primary-dark)}.header-right[data-v-cc88333e]{flex:0 0 auto}.user-info[data-v-cc88333e]{display:flex;align-items:center;gap:var(--space-md)}.user-avatar[data-v-cc88333e]{width:36px;height:36px;border-radius:50%;background-color:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--font-size-lg)}.user-details[data-v-cc88333e]{display:flex;flex-direction:column}.user-name[data-v-cc88333e]{font-size:var(--font-size-md);font-weight:500}.user-role[data-v-cc88333e]{font-size:var(--font-size-xs);color:var(--text-secondary)}.logout-btn[data-v-cc88333e]{padding:6px 12px;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;color:var(--text-secondary);transition:all .2s ease}.logout-btn[data-v-cc88333e]:hover{background-color:var(--primary-light);color:var(--primary);border-color:var(--primary)}.app-body[data-v-cc88333e]{display:flex;min-height:calc(100vh - var(--header-height))}.sidebar[data-v-cc88333e]{width:var(--sidebar-width);background-color:var(--bg-primary);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0}.nav-menu[data-v-cc88333e]{flex:1;padding:var(--space-lg) 0}.nav-divider[data-v-cc88333e]{padding:var(--space-md) var(--space-xl);font-size:var(--font-size-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:1px;margin-top:var(--space-lg)}.nav-item[data-v-cc88333e]{display:flex;align-items:center;padding:var(--space-md) var(--space-xl);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;position:relative;cursor:pointer}.nav-item[data-v-cc88333e]:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.nav-item.active[data-v-cc88333e]{background-color:var(--primary-light);color:var(--primary);border-right:3px solid var(--primary)}.nav-icon[data-v-cc88333e]{font-size:18px;margin-right:var(--space-md);width:24px;text-align:center}.nav-text[data-v-cc88333e]{flex:1;font-size:var(--font-size-md)}.nav-badge[data-v-cc88333e]{background-color:var(--primary);color:#fff;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-full);min-width:20px;text-align:center}.sidebar-footer[data-v-cc88333e]{padding:var(--space-lg) var(--space-xl);border-top:1px solid var(--border)}.system-info[data-v-cc88333e]{display:flex;flex-direction:column;gap:var(--space-sm)}.system-status[data-v-cc88333e]{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.status-dot[data-v-cc88333e]{width:8px;height:8px;border-radius:50%}.status-dot.online[data-v-cc88333e]{background-color:var(--success)}.system-version[data-v-cc88333e]{font-size:var(--font-size-xs);color:var(--text-tertiary)}.main-content[data-v-cc88333e]{flex:1;padding:var(--space-xl);overflow-y:auto}.page-header[data-v-cc88333e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl)}.page-title[data-v-cc88333e]{font-size:var(--font-size-2xl);font-weight:600;color:var(--text-primary)}.page-actions[data-v-cc88333e]{display:flex;gap:var(--space-md)}.page-container[data-v-cc88333e]{background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-xl);min-height:calc(100vh - 180px)}.pwa-update[data-v-cc88333e]{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 24px;border-radius:24px;font-size:14px;cursor:pointer;z-index:9999;box-shadow:0 2px 12px #0003}@media (max-width: 768px){.app-container.is-mobile[data-v-cc88333e]{padding-bottom:var(--tab-height)}.app-header[data-v-cc88333e]{padding:0 var(--space-md)}.logo-text[data-v-cc88333e],.logo-subtitle[data-v-cc88333e],.header-center[data-v-cc88333e],.user-details[data-v-cc88333e]{display:none}.sidebar[data-v-cc88333e]{position:fixed;left:-100%;top:var(--header-height);bottom:var(--tab-height);z-index:100;transition:left .3s ease}.sidebar.active[data-v-cc88333e]{left:0}.main-content[data-v-cc88333e],.page-container[data-v-cc88333e]{padding:var(--space-md)}.tab-bar[data-v-cc88333e]{position:fixed;bottom:0;left:0;right:0;height:var(--tab-height);background:var(--bg-primary);border-top:1px solid var(--border);display:flex;z-index:100}.tab-item[data-v-cc88333e]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:var(--font-size-xs);color:var(--text-secondary);cursor:pointer;text-decoration:none}.tab-item.active[data-v-cc88333e]{color:var(--primary)}.tab-item .icon[data-v-cc88333e]{font-size:20px;margin-bottom:2px}}@media (max-width: 600px){.app-header[data-v-cc88333e]{padding:0 var(--space-sm)}.page-container[data-v-cc88333e]{padding:var(--space-sm)}}:root{--primary: #07C160;--primary-light: #e8f8ee;--primary-dark: #06a852;--text-primary: #1a1a1a;--text-secondary: #666666;--text-tertiary: #999999;--text-disabled: #cccccc;--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--bg-tertiary: #f9f9f9;--bg-card: #ffffff;--border: #e0e0e0;--border-light: #f0f0f0;--border-dark: #d0d0d0;--success: #52c41a;--warning: #faad14;--error: #f5222d;--info: #1890ff;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-primary: 0 4px 12px rgba(7, 193, 96, .2);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-md: 14px;--font-size-lg: 15px;--font-size-xl: 16px;--font-size-2xl: 18px;--font-size-3xl: 20px;--header-height: 64px;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--tab-height: 56px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:var(--font-size-md);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none}a:hover{color:var(--primary-dark)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.bg-primary{background-color:var(--primary);color:#fff}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;font-size:var(--font-size-md);font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-dark)}.btn-outline{background-color:transparent;border:1px solid var(--border);color:var(--text-primary)}.btn-outline:hover{border-color:var(--primary);color:var(--primary)}.card{background-color:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-lg);transition:box-shadow .2s ease}.card:hover{box-shadow:var(--shadow-md)}.input{width:100%;padding:10px 12px;font-size:var(--font-size-md);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-primary);transition:border-color .2s ease}.input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #07c1601a}.tag{display:inline-block;padding:4px 10px;font-size:var(--font-size-xs);background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:var(--radius-full);margin-right:var(--space-xs);margin-bottom:var(--space-xs)}.tag-primary{background-color:var(--primary-light);color:var(--primary)}.tag-success{background-color:#52c41a1a;color:var(--success)}.tag-warning{background-color:#faad141a;color:var(--warning)}@media (max-width: 768px){:root{--sidebar-width: 0}}