html,body,#app{height:100%;margin:0;padding:0}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%}.layout-container{height:100vh;display:flex;flex-direction:column}.main-container{flex:1;display:flex;overflow:hidden}.sidebar{width:220px;background:#304156;transition:width .3s}.sidebar.collapsed{width:64px}.content-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:#f0f2f5}.page-content{flex:1;padding:20px;overflow:auto}.stat-card{background:#fff;border-radius:8px;padding:20px;margin-bottom:20px;box-shadow:0 2px 12px #0000001a}.stat-card .stat-title{font-size:14px;color:#909399;margin-bottom:10px}.stat-card .stat-value{font-size:28px;font-weight:700;color:#303133}.stat-card .stat-icon{font-size:48px;opacity:.2}.table-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 2px 12px #0000001a}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.table-header .title{font-size:18px;font-weight:700;color:#303133}.search-bar{background:#fff;border-radius:8px;padding:16px 20px;margin-bottom:20px;box-shadow:0 2px 12px #0000001a}.search-bar .el-form--inline .el-select{width:180px;min-width:180px}.status-tag.success{background:#e1f3d8;color:#67c23a}.status-tag.warning{background:#fdf6ec;color:#e6a23c}.status-tag.danger{background:#fef0f0;color:#f56c6c}.status-tag.info{background:#f4f4f5;color:#909399}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}@media (max-width: 768px){.mobile-overlay.visible{display:block}}@media (max-width: 768px){.el-table .hide-on-mobile{display:none!important}.table-container{padding:12px;border-radius:0;margin:0 -12px}.search-bar{padding:12px;border-radius:0;margin:0 -12px 12px}.search-bar .el-form-item{margin-bottom:8px}.search-bar .el-input,.search-bar .el-select{width:100%!important}.stat-card{padding:12px;margin-bottom:12px}.stat-card .stat-value{font-size:22px}.stat-card .stat-icon{font-size:36px}.page-content,.main-content{padding:12px!important}.el-dialog{width:95%!important;max-width:95%!important;margin:10px auto!important}.el-dialog .el-dialog__body{padding:15px}.el-form .el-form-item__label{float:none;display:block;text-align:left;padding-bottom:4px}.el-form .el-form-item__content{margin-left:0!important}.el-button-group,.button-group{display:flex;flex-wrap:wrap;gap:8px}.el-button-group .el-button,.button-group .el-button{flex:1;min-width:80px}.el-pagination{flex-wrap:wrap;justify-content:center}.el-pagination .el-pagination__sizes,.el-pagination .el-pagination__jump{display:none}.table-actions{display:flex;flex-direction:column;gap:4px}.table-actions .el-button{margin-left:0!important;padding:5px 8px;font-size:12px}}@media (max-width: 480px){.stat-card .stat-value{font-size:18px}.el-table{font-size:12px}.el-table .el-table__cell{padding:6px 0}.el-button--small{padding:5px 8px;font-size:12px}}