*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,微软雅黑,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.dark ::-webkit-scrollbar-track{background:#2c2c2c}.dark ::-webkit-scrollbar-thumb{background:#6c6c6c}.dark ::-webkit-scrollbar-thumb:hover{background:#8c8c8c}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.text-center{text-align:center}.text-right{text-align:right}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}.p-4{padding:16px}.rounded{border-radius:4px}.shadow{box-shadow:0 2px 4px #0000001a}@media(max-width:576px){.xs-hidden{display:none!important}.page-container{padding:12px}.page-header{margin-bottom:16px;padding-bottom:12px}.page-title{font-size:20px}.card-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:16px}.stat-card-value{font-size:24px}.form-container{padding:16px}}@media(max-width:768px){.mobile-hidden{display:none!important}.page-container{padding:16px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.el-table{font-size:14px}.el-table .el-table__cell{padding:8px 4px}.el-button-group .el-button{padding:8px 12px;font-size:12px}.el-form-item__label{font-size:14px}.el-input__wrapper{padding:0 12px}}@media(min-width:769px)and (max-width:992px){.tablet-hidden{display:none!important}.card-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(min-width:993px){.desktop-hidden{display:none!important}}@media(min-width:1200px){.page-container{max-width:1200px;margin:0 auto}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}.slide-up-enter-active,.slide-up-leave-active{transition:transform .3s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(100%)}.el-card{border-radius:8px;box-shadow:0 2px 12px #0000001a}.el-button,.el-input__wrapper,.el-select .el-input__wrapper{border-radius:6px}.el-table{border-radius:8px;overflow:hidden}.el-table th.el-table__cell{background-color:#fafafa;font-weight:600}.dark .el-table th.el-table__cell{background-color:#2d2d2d}@media(max-width:768px){.el-table--small .el-table__cell{padding:6px 4px}.el-table .cell{font-size:12px}}.form-container{max-width:600px;margin:0 auto;padding:24px}.form-item-full{width:100%}@media(max-width:768px){.el-form-item{margin-bottom:16px}.el-form-item__label{padding-bottom:4px}.el-input,.el-textarea__inner{font-size:16px}}.page-container{padding:24px;min-height:calc(100vh - 60px)}.page-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #e8e8e8}.dark .page-header{border-bottom-color:#3d3d3d}.page-title{font-size:24px;font-weight:600;color:#303133;margin-bottom:8px}.dark .page-title{color:#e5eaf3}.page-description{color:#606266;font-size:14px}.dark .page-description{color:#a3a6ad}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;margin-top:16px}.stat-card{padding:20px;border-radius:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:#ffffff1a;border-radius:50%;transform:translate(30px,-30px)}.stat-card-title{font-size:14px;opacity:.9;margin-bottom:8px}.stat-card-value{font-size:28px;font-weight:700;margin-bottom:4px}.stat-card-change{font-size:12px;opacity:.8}.loading-container{display:flex;justify-content:center;align-items:center;height:200px}.empty-state{text-align:center;padding:40px 20px;color:#909399}.empty-state-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state-text{font-size:16px;margin-bottom:16px}.error-state{text-align:center;padding:40px 20px;color:#f56c6c}.error-state-icon{font-size:64px;margin-bottom:16px}.error-state-text{font-size:16px;margin-bottom:16px}@media(max-width:768px){.empty-state{padding:30px 15px}.empty-state-icon{font-size:48px}.error-state{padding:30px 15px}.error-state-icon{font-size:48px}}@media(hover:none)and (pointer:coarse){.el-button,.el-input__wrapper,.el-table .el-table__cell{min-height:44px}}@media(prefers-contrast:high){.el-card{border:2px solid}.el-button{border-width:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.page-container{padding:0}.el-button,.mobile-hidden,.desktop-hidden{display:none!important}.el-card{box-shadow:none;border:1px solid #ddd}}