*{box-sizing:border-box;margin:0;padding:0}:root{--primary-pressed:#047857;--primary-gradient:linear-gradient(135deg,#10b981,#059669);--text-disabled:#d1d5db;--bg-active:#f3f4f6;--bg-elevated:#fff;--border-hover:#d1d5db;--error-color:#ef4444;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.04);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.06),0 1px 2px 0 rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -1px rgba(0,0,0,.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -2px rgba(0,0,0,.03);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.08),0 10px 10px -5px rgba(0,0,0,.03);--transition-fast:all 0.15s ease;--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1;text-rendering:optimizeLegibility}#app,body{min-height:100vh}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9ca3af}.fade-in{animation:fadeIn .3s ease-in-out}.n-pagination{justify-content:center!important;margin-top:20px!important}.n-pagination .n-pagination-item{min-width:36px!important;height:36px!important;border-radius:8px!important;margin:0 4px!important;transition:all .3s ease!important;border:1px solid #e8eaec!important;background:#fff!important;color:#666!important;font-weight:500!important}.n-pagination .n-pagination-item:hover{border-color:#36ad6a!important;color:#36ad6a!important;background:#f6ffed!important;transform:translateY(-1px)!important;box-shadow:0 2px 8px rgba(54,173,106,.15)!important}.n-pagination .n-pagination-item--active{background:linear-gradient(135deg,#36ad6a,#52c41a)!important;border-color:#36ad6a!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 12px rgba(54,173,106,.25)!important;transform:translateY(-1px)!important}.n-pagination .n-pagination-item--active:hover{background:linear-gradient(135deg,#52c41a,#73d13d)!important;box-shadow:0 6px 16px rgba(54,173,106,.35)!important;transform:translateY(-2px)!important}.n-pagination .n-pagination-next,.n-pagination .n-pagination-prev{min-width:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e8eaec!important;background:#fff!important;color:#666!important;transition:all .3s ease!important}.n-pagination .n-pagination-next:hover,.n-pagination .n-pagination-prev:hover{border-color:#36ad6a!important;color:#36ad6a!important;background:#f6ffed!important;transform:translateY(-1px)!important}.n-pagination .n-pagination-next--disabled,.n-pagination .n-pagination-prev--disabled{color:#d9d9d9!important;border-color:#f0f0f0!important;background:#fafafa!important;cursor:not-allowed!important}.n-pagination .n-pagination-next--disabled:hover,.n-pagination .n-pagination-prev--disabled:hover{transform:none!important;border-color:#f0f0f0!important;color:#d9d9d9!important;background:#fafafa!important}.n-pagination .n-pagination-quick-jumper .n-input{border-radius:8px!important;border-color:#e8eaec!important;min-height:36px!important;transition:all .3s ease!important;background:#fff!important}.n-pagination .n-pagination-quick-jumper .n-input:hover{border-color:#36ad6a!important;box-shadow:0 2px 8px rgba(54,173,106,.15)!important}.n-pagination .n-pagination-quick-jumper .n-input:focus-within{border-color:#36ad6a!important;box-shadow:0 0 0 2px rgba(54,173,106,.1)!important}.n-pagination .n-pagination-quick-jumper .n-input__input-el{color:#666!important;font-size:14px!important;font-weight:500!important;text-align:center!important}.n-pagination .n-pagination-quick-jumper .n-input__input-el::-moz-placeholder{color:#ccc!important;font-weight:400!important}.n-pagination .n-pagination-quick-jumper .n-input__input-el::placeholder{color:#ccc!important;font-weight:400!important}.n-pagination .n-pagination-size-picker .n-select{border-radius:6px!important}.n-pagination .n-pagination-size-picker .n-base-selection{border-color:#e8eaec!important;border-radius:8px!important;min-height:36px!important;transition:all .3s ease!important;background:#fff!important;font-weight:500!important}.n-pagination .n-pagination-size-picker .n-base-selection:hover{border-color:#36ad6a!important;box-shadow:0 2px 8px rgba(54,173,106,.15)!important}.n-pagination .n-pagination-size-picker .n-base-selection:focus-within{border-color:#36ad6a!important;box-shadow:0 0 0 2px rgba(54,173,106,.1)!important}.n-pagination .n-pagination-size-picker .n-base-selection-label{font-size:14px!important}.n-pagination .n-pagination-size-picker .n-base-selection-input,.n-pagination .n-pagination-size-picker .n-base-selection-label{color:#666!important;font-weight:500!important;text-align:center!important}.n-pagination .n-pagination-size-picker .n-base-selection-placeholder{color:#ccc!important;font-weight:400!important;text-align:center!important}.n-pagination .n-pagination-size-picker .n-base-suffix{color:#666!important;transition:all .3s ease!important}.n-pagination .n-pagination-size-picker .n-base-selection:hover .n-base-suffix{color:#36ad6a!important}.n-pagination .n-pagination-size-picker .n-base-selection-overlay{border-radius:12px!important;box-shadow:0 8px 32px rgba(54,173,106,.12),0 4px 16px rgba(0,0,0,.08)!important;border:1px solid rgba(54,173,106,.2)!important;background:#fff!important;padding:8px!important;backdrop-filter:blur(10px)!important;animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1)!important}.n-pagination .n-pagination-size-picker .n-base-select-option{border-radius:8px!important;margin:3px 6px!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important;font-weight:500!important;padding:10px 16px!important;color:#555!important;font-size:14px!important;min-height:36px!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;overflow:hidden!important;background:transparent!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover{background:linear-gradient(135deg,#f6ffed,#f0fff4)!important;color:#36ad6a!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 6px 20px rgba(54,173,106,.15),0 2px 8px rgba(54,173,106,.1)!important;border:1px solid rgba(54,173,106,.2)!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover:before{content:""!important;position:absolute!important;top:0!important;left:-100%!important;width:100%!important;height:100%!important;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)!important;animation:shimmer .6s ease-out!important}.n-pagination .n-pagination-size-picker .n-base-select-option--selected{background:linear-gradient(135deg,#36ad6a,#52c41a)!important;color:#fff!important;font-weight:600!important;box-shadow:0 4px 16px rgba(54,173,106,.3),0 2px 8px rgba(54,173,106,.2)!important;border:1px solid #36ad6a!important;position:relative!important;overflow:hidden!important}.n-pagination .n-pagination-size-picker .n-base-select-option--selected:after{content:""!important;position:absolute!important;top:50%!important;right:8px!important;width:4px!important;height:8px!important;border:solid #fff!important;border-width:0 2px 2px 0!important;transform:translateY(-50%) rotate(45deg)!important}.n-pagination .n-pagination-size-picker .n-base-select-option--selected:hover{background:linear-gradient(135deg,#52c41a,#73d13d)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 8px 24px rgba(54,173,106,.4),0 4px 12px rgba(54,173,106,.25)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu{animation:dropdownSlideIn .25s cubic-bezier(.4,0,.2,1)!important;max-height:280px!important;overflow-y:auto!important;padding:4px 0!important;background:hsla(0,0%,100%,.98)!important;backdrop-filter:blur(10px)!important;border-radius:12px!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar{width:8px!important;background:transparent!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-track{background:hsla(0,0%,96%,.6)!important;border-radius:4px!important;margin:4px!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#d9d9d9,#bfbfbf)!important;border-radius:4px!important;-webkit-transition:all .3s ease!important;transition:all .3s ease!important;border:1px solid hsla(0,0%,100%,.5)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#36ad6a,#52c41a)!important;box-shadow:0 2px 8px rgba(54,173,106,.3)!important}.n-pagination .n-pagination-size-picker .n-base-loading{color:#36ad6a!important}.n-pagination .n-pagination-size-picker .n-empty{color:#999!important;font-size:14px!important;padding:16px!important;text-align:center!important}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}.n-pagination .n-pagination-size-picker .n-base-select-group-header{color:#999!important;font-size:12px!important;font-weight:600!important;padding:8px 12px 4px!important;text-transform:uppercase!important;letter-spacing:.5px!important}.n-pagination .n-pagination-prefix,.n-pagination .n-pagination-suffix{color:#666!important;font-size:14px!important;font-weight:500!important;margin:0 8px!important;display:flex!important;align-items:center!important}.n-pagination .n-pagination-quick-jumper__goto{color:#666!important;font-size:14px!important;font-weight:500!important;margin-right:8px!important}.n-pagination .n-pagination-quick-jumper__suffix{color:#666!important;font-size:14px!important;font-weight:500!important;margin-left:8px!important}.n-pagination .n-pagination-size-picker__prefix{color:#666!important;font-size:14px!important;font-weight:500!important;margin-right:8px!important}.n-pagination .n-pagination-size-picker__suffix{color:#666!important;font-size:14px!important;font-weight:500!important;margin-left:8px!important}.n-pagination .n-pagination-item--fast-backward,.n-pagination .n-pagination-item--fast-forward{min-width:36px!important;height:36px!important;border-radius:8px!important;border:1px solid #e8eaec!important;background:#fff!important;color:#666!important;transition:all .3s ease!important}.n-pagination .n-pagination-item--fast-backward:hover,.n-pagination .n-pagination-item--fast-forward:hover{border-color:#36ad6a!important;color:#36ad6a!important;background:#f6ffed!important;transform:translateY(-1px)!important}@media (max-width:768px){.n-pagination{flex-wrap:wrap!important;gap:8px!important}.n-pagination .n-pagination-item,.n-pagination .n-pagination-next,.n-pagination .n-pagination-prev{min-width:32px!important;height:32px!important;margin:0 2px!important}.n-pagination .n-pagination-prefix,.n-pagination .n-pagination-suffix{font-size:12px!important}.n-pagination .n-pagination-size-picker .n-base-select-option,.n-pagination .n-pagination-size-picker .n-base-selection{min-height:32px!important;font-size:13px!important;border-radius:6px!important}.n-pagination .n-pagination-size-picker .n-base-select-option{padding:8px 12px!important;margin:2px 4px!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover{transform:translateY(-1px) scale(1.01)!important;box-shadow:0 4px 12px rgba(54,173,106,.12)!important}.n-pagination .n-pagination-size-picker .n-base-selection-overlay{border-radius:8px!important;padding:6px!important;box-shadow:0 6px 24px rgba(54,173,106,.1),0 2px 8px rgba(0,0,0,.05)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu{max-height:200px!important}}@media (prefers-color-scheme:dark){.n-pagination .n-pagination-item{border-color:#3a3a3a!important;background:#2a2a2a!important;color:#d9d9d9!important}.n-pagination .n-pagination-item:hover{border-color:#52c41a!important;color:#52c41a!important;background:#0f2419!important}.n-pagination .n-pagination-next,.n-pagination .n-pagination-prev{border-color:#3a3a3a!important;background:#2a2a2a!important;color:#d9d9d9!important}.n-pagination .n-pagination-next:hover,.n-pagination .n-pagination-prev:hover{border-color:#52c41a!important;color:#52c41a!important;background:#0f2419!important}.n-pagination .n-pagination-prefix,.n-pagination .n-pagination-suffix{color:#d9d9d9!important}.n-pagination .n-pagination-size-picker .n-base-selection{border-color:#3a3a3a!important;background:#2a2a2a!important;color:#d9d9d9!important}.n-pagination .n-pagination-size-picker .n-base-selection:hover{border-color:#52c41a!important;background:#0f2419!important;box-shadow:0 2px 8px rgba(82,196,26,.15)!important}.n-pagination .n-pagination-size-picker .n-base-selection-overlay{background:#2a2a2a!important;border-color:rgba(82,196,26,.3)!important;box-shadow:0 8px 32px rgba(82,196,26,.15),0 4px 16px rgba(0,0,0,.2)!important}.n-pagination .n-pagination-size-picker .n-base-select-option{color:#d9d9d9!important;background:transparent!important}.n-pagination .n-pagination-size-picker .n-base-select-option:hover{background:linear-gradient(135deg,#0f2419,#1a3d23)!important;color:#52c41a!important;border-color:rgba(82,196,26,.3)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu{background:rgba(42,42,42,.98)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-track{background:rgba(58,58,58,.6)!important}.n-pagination .n-pagination-size-picker .n-base-select-menu::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#5a5a5a,#4a4a4a)!important;border-color:hsla(0,0%,100%,.1)!important}}:root{--primary-color:#10b981;--primary-hover:#059669;--primary-light:#ecfdf5;--success-color:#10b981;--success-hover:#059669;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--bg-body:#f5f7fa;--bg-card:#fff;--bg-hover:#f9fafb;--border-color:#e5e7eb;--border-light:#f0f1f3;--shadow-sm:0 1px 2px rgba(0,0,0,.04);--shadow-md:0 4px 6px -1px rgba(0,0,0,.07);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.08);--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--transition-base:all 0.2s ease}.management-page{background:var(--bg-body);min-height:100%;width:100%}.modern-layout{background-color:var(--bg-body);min-height:100%;padding:12px;display:flex;flex-direction:column;gap:10px}.filter-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:10px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.filter-space{width:100%;display:flex;flex-wrap:wrap;gap:12px;align-items:center}.filter-space .n-date-picker,.filter-space .n-input,.filter-space .n-select{flex-shrink:0}.btn-search{padding:0 16px!important;height:32px!important;font-weight:500!important;border-radius:var(--radius-md)!important;transition:var(--transition-base)!important}.btn-search:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.2)}.btn-reset{padding:0 16px!important;height:32px!important;background-color:#fff!important;border:1px solid var(--border-color)!important;color:var(--text-secondary)!important;font-weight:500!important;border-radius:var(--radius-md)!important;transition:var(--transition-base)!important}.btn-reset:hover{background-color:var(--bg-hover)!important;border-color:var(--border-hover)!important;color:var(--text-primary)!important}.list-card{background-color:var(--bg-card);border-radius:var(--radius-lg);padding:10px 16px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);flex:1;display:flex;flex-direction:column}.list-header{margin-bottom:8px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.list-header .n-button{height:32px!important;padding:0 14px!important;font-weight:500!important;border-radius:var(--radius-md)!important}.table-container{flex:1;overflow:hidden}.table-container .n-data-table{height:100%}.top-horizontal-scroll{height:14px;overflow-x:auto;overflow-y:hidden;margin-bottom:8px}.top-horizontal-scroll::-webkit-scrollbar{height:6px}.top-horizontal-scroll::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:3px}.top-horizontal-scroll::-webkit-scrollbar-track{background-color:#f5f7fa}.n-data-table .n-data-table-th{background-color:#f8fafc!important;font-weight:600!important;color:var(--text-primary)!important;font-size:13px!important}.n-data-table .n-data-table-td{padding:6px 12px!important;font-size:13px!important;color:var(--text-primary)!important}.n-data-table .n-data-table-tr:hover .n-data-table-td{background-color:var(--bg-hover)!important}.n-data-table .n-data-table-tr--striped .n-data-table-td{background-color:#fafbfc!important}.action-buttons{display:flex;gap:6px;align-items:center;flex-wrap:nowrap}.action-buttons .n-button{font-size:13px!important;padding:0 10px!important;height:28px!important;border-radius:var(--radius-sm)!important}.action-link{color:var(--info-color);cursor:pointer;font-size:13px;transition:var(--transition-base)}.action-link:hover{color:var(--primary-color)}.action-link.danger{color:var(--danger-color)}.action-link.danger:hover{color:#dc2626}.status-tag{border-radius:var(--radius-sm);padding:2px 8px;font-size:12px;font-weight:500;border:none;display:inline-flex;align-items:center;line-height:20px}.status-tag.success{background-color:#d1fae5;color:#059669}.status-tag.warning{background-color:#fef3c7;color:#d97706}.status-tag.danger{background-color:#fee2e2;color:#dc2626}.status-tag.info{background-color:#dbeafe;color:#2563eb}.status-tag.default{background-color:#f3f4f6;color:#6b7280}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);display:flex;align-items:center;transition:var(--transition-base)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-icon{width:44px;height:44px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin-right:14px;color:#fff;font-size:18px;flex-shrink:0}.stat-icon.primary,.stat-icon.success{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-content{flex:1;min-width:0}.stat-number{font-size:24px;font-weight:700;color:var(--text-primary);line-height:1.2}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.page-header{margin-bottom:20px}.page-title{display:flex;align-items:center;font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.page-subtitle{color:var(--text-secondary);font-size:13px}.form-container{padding:20px 0}.form-section{margin-bottom:24px}.form-section-title{font-size:15px;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.form-section-title,.modal-header{font-weight:600;color:var(--text-primary)}.modal-header{display:flex;align-items:center;font-size:16px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding-top:16px}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:var(--text-tertiary)}.empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.4}.empty-state-text{font-size:14px}@media (max-width:768px){.modern-layout{padding:12px;gap:12px}.filter-card{padding:12px 16px}.filter-space{gap:8px}.filter-space .n-input,.filter-space .n-select{width:100%!important;flex-shrink:1}.btn-reset,.btn-search{flex:1;padding:0 16px!important}.list-card{padding:12px 16px}.stats-grid{grid-template-columns:1fr}}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.text-danger{color:var(--danger-color)}.text-info{color:var(--info-color)}.bg-primary{background-color:var(--primary-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.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)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease}.animate-slideUp{animation:slideUp .25s ease}#webpack-dev-server-overlay,.webpack-overlay,[class*=overlay][style*="position: fixed"],[class*=webpack][style*="position: fixed"],[data-webpack-overlay],[id*=overlay][style*="position: fixed"],[id*=webpack][style*="position: fixed"],webpack-dev-server-overlay{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}[style*="position: fixed"]:has-text("ResizeObserver"),[style*="position: fixed"]:has-text("Uncaught runtime errors"),[style*="position: fixed"]:has-text("undelivered notifications"){display:none!important;visibility:hidden!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}div[style*="position: fixed"][style*=z-index][style*=background]{display:none!important}iframe[src*=overlay],iframe[src*=webpack]{display:none!important;visibility:hidden!important;opacity:0!important;z-index:-9999!important;pointer-events:none!important}