html,body,#app{color:#1a2e21;background-color:#f9faf9;height:100%;font-family:PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar-thumb{background:#8a9996;border-radius:3px}::-webkit-scrollbar-track{background:0 0}.fade-enter-from,.fade-leave-to{opacity:0}.el-image-viewer__mask,.el-overlay{opacity:1!important;background-color:#000000d9!important}.el-image-viewer__wrapper{background-color:#000000d9!important}:root{--primary-color:#3da66a;--primary-gradient:linear-gradient(135deg, #3da66a 0%, #35915c 100%);--primary-light:#5bbf80;--primary-dark:#2d8a50;--success-color:#3d8a5a;--warning-color:#e6a817;--danger-color:#cc3d3d;--info-color:#3d8acc;--text-primary:#1a2e21;--text-regular:#4a5e50;--text-secondary:#657572;--text-placeholder:#9ca3af;--text-disabled:#c0c4cc;--border-color:#dee2df;--border-light:#e8ebe8;--border-lighter:#f2f4f2;--bg-page:#f9faf9;--bg-white:#fff;--bg-hover:#f2f4f2;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--shadow-primary:0 8px 32px #3da66a4d;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--transition-fast:.15s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--sidebar-width:240px;--sidebar-collapsed:68px;--topbar-height:60px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background-color:var(--bg-page);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0;border-radius:4px}::-webkit-scrollbar-thumb{transition:background var(--transition-fast);background:#3da66a4d;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3da66a80}*{scrollbar-width:thin;scrollbar-color:#3da66a4d transparent}.fade-enter-active,.fade-leave-active{transition:opacity .2s,transform .2s}.fade-enter-from{opacity:0;transform:translateY(10px)}.fade-leave-to{opacity:0;transform:translateY(-10px)}.slide-enter-active,.slide-leave-active{transition:all .3s}.slide-enter-from{opacity:0;transform:translate(-20px)}.slide-leave-to{opacity:0;transform:translate(20px)}.scale-enter-active,.scale-leave-active{transition:all .3s}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.9)}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;display:flex}.card-body{padding:var(--spacing-lg)}.card-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-light);background:var(--bg-hover)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;padding:10px 20px;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #3da66a4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3da66a66}.btn-primary:active{transform:translateY(0)}.btn-outline{border:2px solid var(--primary-color);color:var(--primary-color);background:0 0}.btn-outline:hover{background:var(--primary-color);color:#fff}.input{border:2px solid var(--border-color);border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);background:var(--bg-white);outline:none;padding:12px 16px;font-size:14px}.input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #3da66a1a}.input::placeholder{color:var(--text-placeholder)}.table-wrapper{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.table-header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.badge{color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:12px;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-gradient)}.badge-success{background:var(--success-color)}.badge-warning{background:var(--warning-color)}.badge-danger{background:var(--danger-color)}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:60px 20px;display:flex}.empty-state-icon{background:var(--primary-gradient);width:80px;height:80px;margin-bottom:var(--spacing-lg);opacity:.9;border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-state-icon svg{color:#fff;width:40px;height:40px}.empty-state-title{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:18px;font-weight:600}.empty-state-description{color:var(--text-secondary);max-width:300px;font-size:14px}.loading-spinner{border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pulse{animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.text-primary{color:var(--text-primary)}.text-regular{color:var(--text-regular)}.text-secondary{color:var(--text-secondary)}.text-placeholder{color:var(--text-placeholder)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.bg-primary{background:var(--primary-gradient)}.bg-success{background:var(--success-color)}.bg-warning{background:var(--warning-color)}.bg-danger{background:var(--danger-color)}.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)}.transition{transition:all var(--transition-normal)}.transition-fast{transition:all var(--transition-fast)}.gradient-text{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.el-button{border-radius:var(--radius-md);transition:all var(--transition-fast);font-weight:500}.el-button--primary{background:var(--primary-gradient);border:none;box-shadow:0 4px 12px #3da66a4d}.el-button--primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3da66a66}.el-input__wrapper{border-radius:var(--radius-md);transition:all var(--transition-fast)}.el-input__wrapper:focus-within{box-shadow:0 0 0 3px #3da66a1a}.el-card{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);border:none}.el-card:hover{box-shadow:var(--shadow-md)}.el-table{--el-table-border-color:var(--border-light);--el-table-header-bg-color:#f8fafc;border-radius:var(--radius-lg);overflow:hidden}.el-table th.el-table__cell{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:13px;font-weight:600}.el-table td.el-table__cell{font-size:14px}.el-table__row:hover>td.el-table__cell{background-color:#3da66a05!important}.el-tag{border-radius:var(--radius-sm);font-weight:500}.el-tag--success{color:var(--success-color);background:#67c23a1a;border-color:#0000}.el-tag--warning{color:var(--warning-color);background:#e6a23c1a;border-color:#0000}.el-tag--danger{color:var(--danger-color);background:#f56c6c1a;border-color:#0000}.el-pagination{margin-top:var(--spacing-lg);justify-content:flex-end}.el-pagination button,.el-pager li{border-radius:var(--radius-sm)}.el-pager li.is-active{background:var(--primary-gradient)}.el-dialog{border-radius:var(--radius-xl);overflow:hidden}.el-dialog__header{padding:var(--spacing-lg);border-bottom:1px solid var(--border-light);background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%)}.el-dialog__body{padding:var(--spacing-xl)}.el-message{border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.el-menu{border-right:none}.el-menu-item.is-active{border-radius:var(--radius-sm);background:#ffffff26!important}.el-breadcrumb{font-size:14px}.el-breadcrumb__item:last-child .el-breadcrumb__inner{color:var(--text-primary);font-weight:500}.el-dropdown-menu{border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-sm)}.el-dropdown-menu__item{border-radius:var(--radius-sm);padding:10px 16px}.el-dropdown-menu__item:hover{color:var(--primary-color);background:#3da66a14}@media (width<=768px){:root{--spacing-lg:16px;--spacing-xl:24px}.hide-mobile{display:none!important}}@media (width>=769px){.hide-desktop{display:none!important}}@media print{.no-print{display:none!important}.card{box-shadow:none;border:1px solid var(--border-color)}}