:root{--bg-color:#f5f7fa;--sidebar-bg:#304156;--sidebar-active:#409eff;--header-height:56px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background:var(--bg-color);overflow-x:hidden}.page-container{padding:20px}.search-bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.table-toolbar{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.stat-card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014}.stat-card .label{color:#909399;margin-bottom:8px;font-size:13px}.stat-card .value{color:#303133;font-size:28px;font-weight:600}.pagination-wrap{justify-content:flex-end;margin-top:16px;display:flex}.mobile-nav-backdrop{display:none}@media (width<=768px){html,body,#app{min-width:0;overflow-x:hidden}.page-container{width:100%;max-width:100vw;padding:12px;overflow-x:hidden}.page-container,.page-container>*,.page-container :where(section,.el-card,.el-row,.el-col,.el-tabs,.el-tabs__content,.el-tab-pane){min-width:0;max-width:100%}.page-container :where(pre,code){overflow-wrap:anywhere;word-break:break-word;max-width:100%}.page-container :where(.el-card__body,.el-card__header){min-width:0}.page-container .el-row{flex-wrap:wrap}.page-container .el-tabs__header{max-width:100%;overflow:auto hidden}.page-container .el-tabs__nav-wrap{min-width:0}.layout-header .el-button,.user-header .el-button{min-height:36px;padding-top:6px;padding-bottom:6px}.search-bar,.table-toolbar{flex-direction:column;align-items:stretch;gap:8px}.search-bar>*,.table-toolbar>*{max-width:100%}.search-bar .el-input,.search-bar .el-input-number,.search-bar .el-select,.search-bar .el-date-editor,.search-bar .el-button,.table-toolbar .el-input,.table-toolbar .el-input-number,.table-toolbar .el-select,.table-toolbar .el-button{max-width:100%;width:100%!important}.table-toolbar .el-button+.el-button,.search-bar .el-button+.el-button{margin-left:0}.el-form--inline{flex-direction:column;align-items:stretch;display:flex}.el-form--inline .el-form-item{width:100%;margin-bottom:10px;margin-right:0}.el-form--inline .el-form-item__content,.el-form--inline .el-input,.el-form--inline .el-input-number,.el-form--inline .el-select,.el-form--inline .el-date-editor,.el-form--inline .el-button{max-width:100%;width:100%!important}.el-table{max-width:100%}.el-table__body-wrapper,.el-table__header-wrapper,.el-table__footer-wrapper{overflow-x:auto}.pagination-wrap{justify-content:center;padding-bottom:2px;overflow-x:auto}.pagination-wrap .el-pagination{flex-wrap:wrap;justify-content:center;gap:6px}.el-dialog{max-width:calc(100vw - 24px);width:calc(100vw - 24px)!important;margin:12px auto!important}.el-dialog__body{max-height:calc(100dvh - 150px);overflow:auto}.el-dialog__footer,.el-message-box__btns{text-align:initial;flex-direction:column;align-items:stretch;gap:8px;display:flex}.el-dialog .el-form-item{display:block}.el-dialog .el-form-item__label{justify-content:flex-start;height:auto;margin-bottom:6px;line-height:1.4;width:auto!important}.el-dialog .el-form-item__content{width:100%;margin-left:0!important}.el-dialog .el-input,.el-dialog .el-input-number,.el-dialog .el-select,.el-dialog .el-textarea,.el-dialog .el-button{max-width:100%;width:100%!important}.el-dialog__footer .el-button,.el-message-box__btns .el-button{min-height:40px;width:100%!important;margin-left:0!important}.el-message-box{max-width:calc(100vw - 24px);width:calc(100vw - 24px)!important}.mobile-nav-backdrop{z-index:2000;background:#0f172a5c;display:block;position:fixed;inset:0}}
