:root{--brand-primary: #2563eb;--brand-primary-rgb: 37, 99, 235;--brand-accent: #06b6d4;--brand-accent-rgb: 6, 182, 212;--brand-light: #dbeafe;--brand-dark: #1e40af;--brand-gradient: linear-gradient(135deg, #2563eb 0%, #06b6d4 100%);--brand-gradient-dark: linear-gradient(135deg, #1e40af 0%, #0e7490 100%);--dark-bg: #0f172a;--dark-bg-2: #1e293b;--dark-border: #334155;--dark-text: #cbd5e1;--dark-muted: #64748b;--dark-hover: rgba(56, 189, 248, .12);--dark-active: rgba(56, 189, 248, .2);--glow-cyan: #38bdf8;--sidebar-bg: #0f172a;--sidebar-border: rgba(148,163,184,.1);--sidebar-text: #cbd5e1;--sidebar-muted: #64748b;--sidebar-hover: rgba(56,189,248,.12);--sidebar-active-from: rgba(56,189,248,.2);--sidebar-active-to: rgba(56,189,248,.04);--header-bg: rgba(15,23,42,.85);--content-bg: #f1f5f9;--bg: #f5f7fa;--bg-elevated: #ffffff;--text-primary: #1f2937;--text-muted: #6b7280;--border: #e5e7eb;--border-light: #f3f4f6;--danger: #ef4444;--danger-rgb: 239, 68, 68;--success: #10b981;--success-rgb: 16, 185, 129;--warning: #f59e0b;--warning-rgb: 245, 158, 11;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08), 0 1px 3px rgba(37, 99, 235, .06);--shadow-lg: 0 8px 24px rgba(15, 23, 42, .1), 0 4px 12px rgba(37, 99, 235, .1);--shadow-glow: 0 4px 16px rgba(37, 99, 235, .2);--shadow-glow-cyan: 0 4px 16px rgba(6, 182, 212, .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--breakpoint-xs: 480px;--breakpoint-sm: 768px;--breakpoint-md: 992px;--breakpoint-lg: 1200px;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--header-height: 60px}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text-primary);font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--brand-primary);text-decoration:none}.page-container{padding:16px}.card{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);padding:16px;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,transform .2s ease}.card:hover{box-shadow:var(--shadow-md)}.muted{color:var(--text-muted)}.page{padding:16px 20px;background:var(--bg);min-height:calc(100vh - var(--header-height))}.toolbar,.filter-bar,.search-bar{background:var(--bg-elevated);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:12px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.toolbar:hover,.filter-bar:hover,.search-bar:hover{box-shadow:var(--shadow-md)}.toolbar .left,.filter-bar .left,.search-bar .left{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.toolbar .right,.filter-bar .right,.search-bar .right{display:flex;align-items:center;gap:8px}.summary-cards,.stat-grid,.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:12px}.summary-cards .stat-card,.stat-grid .stat-card,.card-grid .stat-card{background:var(--bg-elevated);border-radius:var(--radius-md);padding:14px 16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.summary-cards .stat-card:before,.stat-grid .stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand-gradient);opacity:.85}.summary-cards .stat-card:hover,.stat-grid .stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.summary-cards .stat-card.stat-blue:before{background:linear-gradient(135deg,#3b82f6,#06b6d4)}.summary-cards .stat-card.stat-purple:before{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.summary-cards .stat-card.stat-danger:before{background:linear-gradient(135deg,#ef4444,#f97316)}.summary-cards .stat-card.stat-green:before{background:linear-gradient(135deg,#10b981,#06b6d4)}.summary-cards .stat-card.stat-warn:before{background:linear-gradient(135deg,#f59e0b,#ef4444)}.summary-cards .stat-value,.stat-grid .stat-value{font-size:26px;font-weight:700;color:var(--text-primary);line-height:1.2;letter-spacing:-.5px}.summary-cards .stat-label,.stat-grid .stat-label{font-size:12px;color:var(--text-muted);margin-top:4px;letter-spacing:.5px}.table-wrap{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.el-button--primary{background:var(--brand-gradient);border:none;box-shadow:0 2px 8px #2563eb40;transition:all .2s ease}.el-button--primary:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.el-button--primary:active{transform:translateY(0)}.advanced-filters{margin-top:12px;padding-top:12px;border-top:1px dashed var(--border);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.advanced-filters .el-form-item{margin-bottom:0}.advanced-toggle{display:inline-flex;align-items:center;gap:4px;cursor:pointer;color:var(--brand-primary);font-size:13px;user-select:none;padding:4px 10px;border-radius:var(--radius-sm);transition:all .2s ease;margin-left:8px}.advanced-toggle:hover{background:var(--brand-light)}.advanced-toggle .el-icon{transition:transform .25s ease}.advanced-toggle.is-open .el-icon{transform:rotate(180deg)}.filter-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--border-light)}.filter-tags:empty{display:none;margin:0;padding:0;border:none}.filter-tag{display:inline-flex;align-items:center;gap:4px;background:linear-gradient(135deg,#2563eb14,#06b6d414);border:1px solid rgba(37,99,235,.25);color:var(--brand-dark);padding:3px 10px;border-radius:12px;font-size:12px;line-height:1.6}.filter-tag .tag-label{color:var(--text-muted)}.filter-tag .tag-value{color:var(--brand-dark);font-weight:500}.filter-tag .tag-close{cursor:pointer;color:var(--text-muted);margin-left:4px;font-size:14px;line-height:1}.filter-tag .tag-close:hover{color:var(--danger)}.filter-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.filter-actions .el-button{padding:6px 12px}.toolbar .el-input__wrapper,.filter-bar .el-input__wrapper,.search-bar .el-input__wrapper{transition:box-shadow .2s ease}.toolbar .el-input__wrapper.is-focus,.filter-bar .el-input__wrapper.is-focus,.search-bar .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--brand-primary),0 0 0 3px #2563eb1f}@media (max-width: 992px){.page-container,.card{padding:12px}}@media (max-width: 768px){body{font-size:13px}.page-container{padding:8px}.card{padding:10px;border-radius:6px}.el-table{font-size:12px}.el-dialog{width:95%!important;margin-top:5vh!important}.el-dialog__body{padding:12px}}@media (max-width: 480px){.el-button+.el-button{margin-left:8px}.el-form-item{margin-bottom:14px}}@media (max-width: 768px){.toolbar,.filter-bar,.search-bar{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.toolbar .el-input,.filter-bar .el-input,.search-bar .el-input{width:100%!important}.toolbar .el-select,.filter-bar .el-select,.search-bar .el-select{width:48%!important}.toolbar .el-button,.filter-bar .el-button,.search-bar .el-button{flex:1}.table-wrap,.el-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap .el-table{min-width:600px;font-size:12px}.el-pagination{justify-content:center!important;width:100%}.stat-grid,.card-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.el-form--inline .el-form-item{display:flex;margin-right:0;width:100%}.el-form--inline .el-form-item__content{flex:1}}@media (max-width: 480px){.toolbar .el-select,.filter-bar .el-select,.search-bar .el-select{width:100%!important}.stat-grid,.card-grid{grid-template-columns:1fr!important}.table-wrap .el-table{font-size:12px}.table-wrap .el-table th,.table-wrap .el-table td{padding:6px 4px}.el-pagination{justify-content:center!important;flex-wrap:wrap}.el-pagination .el-pagination__total{width:100%;text-align:center;margin-bottom:8px}.el-dialog{width:95%!important;margin:5vh auto!important}.el-button-group{flex-wrap:wrap}.el-tabs__nav-wrap{overflow-x:auto}.summary-cards{flex-wrap:wrap!important;gap:8px!important}.summary-cards .stat-card{flex:1 1 calc(50% - 4px)!important;min-width:calc(50% - 4px)!important;padding:10px 12px!important}.summary-cards .stat-value{font-size:20px!important}.summary-cards .stat-label{font-size:11px!important}.el-drawer{width:100%!important}.el-descriptions{font-size:12px}.el-descriptions__label,.el-descriptions__content{padding:8px 10px!important}}@media (max-width: 768px){.card-list .el-table__body tr{display:block;margin-bottom:12px;border:1px solid #ebeef5;border-radius:8px;background:#fff;box-shadow:0 2px 8px #0000000f}.card-list .el-table__body td{display:flex;justify-content:space-between;align-items:center;border:none;padding:8px 12px}.card-list .el-table__body td:before{content:attr(data-label);font-weight:600;color:#606266;margin-right:8px}.card-list .el-table__header-wrapper{display:none}}.mobile-only{display:none}.desktop-only{display:block}@media (max-width: 768px){.mobile-only{display:block}.desktop-only{display:none}}.mobile-card-list{padding:8px}.mobile-card{background:#fff;border-radius:8px;margin-bottom:10px;padding:12px;box-shadow:0 1px 3px #00000014;border-left:3px solid var(--brand-primary, #2563eb)}.mobile-card-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #f0f0f0}.mobile-card-index{background:var(--brand-primary, #2563eb);color:#fff;font-size:11px;padding:1px 6px;border-radius:3px;min-width:20px;text-align:center}.mobile-card-title{flex:1;font-weight:600;font-size:14px;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-card-body{display:flex;flex-direction:column;gap:4px}.mobile-card-row{display:flex;justify-content:space-between;font-size:13px}.mobile-card-row .label{color:#6b7280;flex-shrink:0;margin-right:8px}.mobile-card-row .value{color:#1f2937;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.mobile-card-row .value.amount{color:var(--danger, #ef4444);font-weight:600}.mobile-card-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px;padding-top:8px;border-top:1px solid #f0f0f0}.mobile-pagination{margin-top:12px;justify-content:center!important}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.page{padding:16px 20px}@media (max-width: 992px){.page{padding:12px 14px}}@media (max-width: 768px){.page{padding:8px 10px}}@media (max-width: 480px){.page{padding:6px 8px}}@media (max-width: 768px){.el-col-12,.el-col-8,.el-col-6,.el-col-4{max-width:100%!important;flex:0 0 100%!important;padding-left:8px!important;padding-right:8px!important}}@media (max-width: 480px){.el-col-16,.el-col-18,.el-col-20{max-width:100%!important;flex:0 0 100%!important}}@media (max-width: 768px){.toolbar .el-input,.toolbar .el-select,.filter-bar .el-input,.filter-bar .el-select,.search-bar .el-input,.search-bar .el-select,.toolbar .el-date-editor,.filter-bar .el-date-editor{width:100%!important;margin-left:0!important;margin-right:0!important}.toolbar .left,.toolbar .right,.filter-bar .left,.filter-bar .right{width:100%;flex-direction:row;flex-wrap:wrap}.toolbar .left .el-button,.toolbar .right .el-button,.filter-bar .left .el-button,.filter-bar .right .el-button{flex:1 1 auto;min-width:80px}}@media (max-width: 768px){.el-form-item .el-form-item__label{font-size:13px}.el-form--inline .el-form-item{margin-right:0;margin-bottom:12px;width:100%}}@media (max-width: 768px){.el-descriptions{font-size:12px}.el-descriptions--border .el-descriptions__body{overflow-x:auto}}@media (max-width: 768px){.el-card{margin-bottom:10px}.el-card__header{padding:10px 12px}.el-card__body{padding:12px}}@media (max-width: 768px){.el-tabs__nav-wrap{overflow-x:auto;overflow-y:hidden}.el-tabs__nav-wrap.is-scrollable .el-tabs__nav{transform:none!important}.el-tabs__item{padding:0 12px;font-size:13px}}@media (max-width: 768px){.el-dialog{width:95%!important;margin-top:5vh!important}.el-dialog__header{padding:14px 16px}.el-dialog__body{padding:14px 16px;max-height:70vh;overflow-y:auto}.el-dialog__footer{padding:10px 16px 16px}}@media (max-width: 480px){.el-dialog{width:100%!important;margin-top:0!important;margin-bottom:0!important;border-radius:0;height:100vh}.el-dialog__body{max-height:calc(100vh - 120px)}}@media (max-width: 768px){.el-drawer.rtl,.el-drawer.ltr{width:100%!important}}@media (max-width: 768px){.el-table{font-size:12px}.el-table th.el-table__cell,.el-table td.el-table__cell{padding:6px 4px}.el-table .cell{padding:0 6px}}@media (max-width: 480px){.el-pagination{flex-wrap:wrap;justify-content:center!important;gap:4px}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{margin:0}.el-pagination .el-pager li{min-width:28px;height:28px;line-height:28px}}@media (max-width: 480px){.el-tag{font-size:11px;padding:0 6px;height:22px;line-height:20px}}@media (max-width: 480px){.el-button{padding:8px 12px;font-size:12px}.el-button--small{padding:6px 10px}}@media (max-width: 768px){.el-row{margin-left:0!important;margin-right:0!important}.stats-row,.stat-row{gap:10px!important}}@media (max-width: 768px){.items-section,.items-section .el-table{overflow-x:auto}.items-section .el-table{min-width:500px}}@media (max-width: 768px){.el-collapse-item__header{font-size:13px;padding:0 12px}}@media (max-width: 768px){.el-tree{font-size:13px}.el-tree-node__content{height:32px}}@media (max-width: 480px){.el-badge__content{font-size:10px;padding:0 4px;height:16px;line-height:16px}}@media (max-width: 768px){.el-popover.el-popper{max-width:280px!important}}@media (max-width: 768px){.page-header h2,.card-header h2,.card-header span{font-size:16px}}@media (max-width: 768px){.header-right,.header-left,.page-header{flex-wrap:wrap;gap:8px}.page-header .header-right .el-select,.page-header .header-right .el-input{width:100%!important;margin-right:0!important}}.table-scroll-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;width:100%}.table-scroll-wrapper .el-table{min-width:720px}.mobile-full-width{width:100%!important}.mobile-touch-btn{min-height:44px;min-width:44px}.mobile-form-vertical .el-form-item{margin-bottom:12px}.mobile-form-vertical .el-form-item__label{float:none;display:block;text-align:left;padding-bottom:4px}.mobile-form-vertical .el-form-item__content{margin-left:0!important}@media (max-width: 768px){.page-container,[class*=-page]{padding:8px 10px!important}.summary-cards{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;padding-bottom:4px}.summary-cards .stat-card{flex-shrink:0;min-width:100px;padding:8px 12px}.summary-cards .stat-card .stat-value{font-size:18px}.summary-cards .stat-card .stat-label{font-size:12px}.toolbar{flex-direction:column;align-items:stretch!important;gap:8px}.toolbar .left,.toolbar .right{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px;justify-content:flex-end}.toolbar .left .el-select,.toolbar .left .el-input{width:auto!important;min-width:120px;flex-shrink:0;margin-left:0!important}.el-table{font-size:12px}.el-table .cell{padding:0 6px}.el-pagination{justify-content:center!important;flex-wrap:wrap}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none}.el-dialog{width:95%!important;margin-top:5vh!important}.el-form--inline .el-form-item{margin-right:0;margin-bottom:10px;width:100%}.el-form--inline .el-form-item__label{float:none;display:block;text-align:left;padding-bottom:4px}.el-form--inline .el-form-item__content{margin-left:0!important;width:100%}.el-button{min-height:36px}.el-button--large{min-height:44px}body,.el-table,.el-form-item__label,.el-input__inner,.el-select__placeholder,.el-button,.el-tag,.el-pagination,.el-dialog__title,.el-message-box__title,.el-message-box__message{font-size:14px}.el-descriptions__label,.el-descriptions__content{font-size:13px}.card{padding:12px}}@media (max-width: 480px){.el-dialog{width:98%!important}.summary-cards .stat-card{min-width:90px;padding:6px 10px}.summary-cards .stat-card .stat-value{font-size:16px}}