:root{--bg-1: #f6f8fb;--bg-2: #e8f0f5;--panel: #ffffff;--primary: #0f766e;--accent: #fb923c;--text: #102a43;--muted: #486581;--border: #d9e2ec}*{box-sizing:border-box}html,body,#app{margin:0;height:100%;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;color:var(--text)}body{background:radial-gradient(circle at 5% 0%,#dff3ee 0,transparent 45%),radial-gradient(circle at 95% 100%,#fde8d3 0,transparent 35%),linear-gradient(165deg,var(--bg-1),var(--bg-2))}.page{padding:8px}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.metric-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 10px 30px #0f766e14;transition:transform .2s ease,box-shadow .2s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:0 14px 34px #0f766e1f}.metric-label{font-size:13px;color:var(--muted)}.metric-value{margin-top:8px;font-size:28px;font-weight:700}.section-card{background:#fff;border:1px solid var(--border);border-radius:10px;padding:10px;margin-top:8px;box-shadow:0 4px 12px #102a430d}.section-title{font-size:18px;font-weight:700;margin:0 0 8px}.badge-soft{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;background:#e6fffa;color:#065f46}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeSlideIn .4s ease}@media(max-width:600px){.el-dialog{width:92vw!important;margin:8vh auto!important}.el-dialog__body{padding:12px 16px!important}}@media(max-width:600px){.el-form--label-top .el-form-item__label,.el-form-item__label{padding-bottom:4px!important}.el-form-item{margin-bottom:14px!important}.el-dialog .el-form-item__label,.el-drawer .el-form-item__label{display:block!important;float:none!important;text-align:left!important;padding-bottom:4px!important}.el-dialog .el-form-item__content,.el-drawer .el-form-item__content{margin-left:0!important}}@media(max-width:600px){.el-table{font-size:13px}.section-card{padding:12px}.el-table .col-hide-mobile{display:none!important}.el-table .col-hide-mobile>.cell{display:none!important}.el-table .el-button+.el-button{margin-left:4px}.el-table .el-button.is-link{font-size:13px;padding:2px 4px}}@media(max-width:600px){.flex-row-responsive{flex-wrap:wrap;gap:8px}.screen-grid{grid-template-columns:repeat(2,1fr)!important;padding:0 12px 12px!important}.screen-row{grid-template-columns:1fr!important;padding:0 12px 12px!important}.screen-header{padding:12px!important}.screen-header h1{font-size:16px!important}.metric-value{font-size:20px!important}}