html,body,#app{margin:0;padding:0;width:100%;min-height:100%;max-width:100%}:root{--app-shell-max: 1440px;--app-shell-gutter: clamp(28px, 4vw, 56px);--product-card-radius: 14px;--product-panel-radius: 10px;--product-border: rgba(15, 23, 42, .1);--product-border-strong: rgba(15, 23, 42, .16);--product-shadow: 0 14px 36px rgba(29, 53, 70, .055);--product-shadow-soft: 0 8px 22px rgba(29, 53, 70, .04);--product-title: #10232b;--product-text: #273f46;--product-muted: #5f6f73;--product-subtle: #849296;--product-accent: #0f766e;--product-accent-strong: #0d5f5b;--product-accent-soft: rgba(15, 118, 110, .09);--product-accent-line: rgba(15, 118, 110, .28);--product-surface: rgba(255, 255, 255, .94);--product-surface-solid: #ffffff;--product-surface-soft: linear-gradient(180deg, #ffffff, #f7fafb);--product-hero-bg: radial-gradient(circle at 0% 0%, rgba(15, 118, 110, .08), transparent 34%), linear-gradient(135deg, #ffffff, #f7fbfb 58%, #f3f7f8);--page-stack-gap: 20px;--page-section-gap: 16px;--panel-padding: 18px;--toolbar-gap: 12px;--table-toolbar-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 250, 251, .96));--warm-hero-bg: radial-gradient(circle at 0% 0%, rgba(15, 118, 110, .07), transparent 36%), linear-gradient(135deg, #ffffff, #f8fbfa 52%, #f4f8f8);--mint-hero-bg: radial-gradient(circle at 0% 0%, rgba(15, 118, 110, .1), transparent 38%), linear-gradient(135deg, #ffffff, #f7fbfa 52%, #f3f8f8);--sky-hero-bg: radial-gradient(circle at 0% 0%, rgba(14, 116, 144, .09), transparent 38%), linear-gradient(135deg, #ffffff, #f7fbfc 50%, #f4f8f8)}*{box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(180deg,#f7fafa,#f3f7f8 48%,#f7fafa);color:var(--product-text);overflow-x:hidden}.teacher-insights-page,.school-insights-page,.admin-insights-page,.tasks-page,.admin-crud-page,.teacher-home-school,.portraits-page,.parent-home,.dashboard-page,.app-page-container{width:min(var(--app-shell-max),calc(100% - var(--app-shell-gutter)));margin:0 auto;padding:24px 0 40px}.app-page-stack,.panel-page-stack{display:flex;flex-direction:column;gap:var(--page-stack-gap)}.panel-page-stack>*,.app-page-stack>*{min-width:0}.app-section-card{border:1px solid var(--product-border);border-radius:var(--product-card-radius);box-shadow:var(--product-shadow-soft);background:var(--product-surface)}.app-section-head,.app-toolbar{display:flex;align-items:center;gap:var(--toolbar-gap);flex-wrap:wrap}.app-section-head{justify-content:space-between;color:var(--product-title);font-weight:700}.app-toolbar{padding:13px 15px;border-radius:var(--product-card-radius);border:1px solid var(--product-border);background:var(--table-toolbar-bg)}.app-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.app-empty-state{display:grid;justify-items:center;gap:10px;padding:28px 18px;border-radius:18px;border:1px dashed rgba(15,23,42,.12);background:#ffffffb8;color:var(--product-muted);text-align:center}.app-table-scroll{width:100%;overflow-x:auto;overflow-y:hidden}.panel-shell,.panel-shell--soft,.panel-shell--compact{border:1px solid var(--product-border);border-radius:var(--product-card-radius);box-shadow:var(--product-shadow-soft);background:var(--product-surface)}.panel-shell--soft{background:var(--product-surface-soft)}.panel-shell--compact{box-shadow:var(--product-shadow-soft)}.page-hero-card,.panel-hero-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,.34fr);gap:14px;padding:0;border-radius:var(--product-card-radius);border:1px solid var(--product-border);box-shadow:var(--product-shadow-soft);background:var(--product-hero-bg);overflow:hidden}.page-hero-card--warm{background:var(--warm-hero-bg)}.page-hero-card--mint{background:var(--mint-hero-bg)}.page-hero-card--sky{background:var(--sky-hero-bg)}.page-hero-copy,.page-hero-side{border-radius:0;padding:22px 24px;background:#ffffffbd}.page-hero-copy{border-right:1px solid rgba(15,23,42,.07)}.page-kicker,.panel-kicker,.metric-label,.toolbar-label{margin:0;font-size:12px;letter-spacing:.04em;text-transform:none;color:var(--product-accent);font-weight:700}.page-title,.panel-title{margin:8px 0;color:var(--product-title);font-size:clamp(21px,1.9vw,28px);line-height:1.24;max-width:760px}.page-copy,.panel-copy,.section-hint,.panel-hint,.support-copy{margin:0;color:var(--product-muted);line-height:1.68}.page-hero-side{display:flex;flex-direction:column;justify-content:center;gap:8px}.page-side-value{color:var(--product-title);font-size:24px;font-weight:800;line-height:1.35}.page-toolbar,.panel-toolbar,.section-head,.table-toolbar,.action-row{display:flex;align-items:center;gap:var(--toolbar-gap);flex-wrap:wrap}.section-head{justify-content:space-between;color:var(--product-title);font-weight:700;row-gap:6px}.table-toolbar{padding:13px 15px;border-radius:var(--product-card-radius);border:1px solid var(--product-border);background:var(--table-toolbar-bg)}.metric-grid-4,.metric-grid-3,.split-grid,.split-grid-tight,.panel-grid-2{display:grid;gap:var(--page-section-gap)}.metric-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid{grid-template-columns:minmax(0,1.16fr) minmax(300px,.84fr)}.split-grid-tight{grid-template-columns:minmax(0,1.14fr) minmax(320px,.86fr)}.panel-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-card-base{border:1px solid var(--product-border);border-radius:var(--product-card-radius);box-shadow:var(--product-shadow-soft);background:var(--product-surface)}.metric-card-base :where(.el-card__body){position:relative}.metric-card-base :where(.el-card__body):before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;border-radius:999px;background:var(--product-accent-line)}.metric-value{margin:8px 0 10px;color:var(--product-title);font-size:clamp(24px,2.2vw,34px);font-weight:800;line-height:1.2}.metric-card-base :where(.el-card__body),.panel-shell :where(.el-card__body),.table-panel :where(.el-card__body),.form-panel :where(.el-card__body),.detail-panel :where(.el-card__body),.list-panel :where(.el-card__body){padding:var(--panel-padding)}.table-panel,.form-panel,.detail-panel,.list-panel{border:1px solid var(--product-border);border-radius:var(--product-card-radius);box-shadow:var(--product-shadow-soft);background:var(--product-surface)}.table-panel :where(.el-card__body),.form-panel :where(.el-card__body),.detail-panel :where(.el-card__body),.list-panel :where(.el-card__body){padding:var(--panel-padding)}.table-frame{overflow-x:auto;overflow-y:hidden;border-radius:12px;border:1px solid var(--product-border);background:var(--product-surface-solid);-webkit-overflow-scrolling:touch}.table-frame :where(.el-table){min-width:720px}.soft-block,.soft-block--warm,.soft-block--mint{border-radius:var(--product-card-radius);padding:16px 18px;border:1px solid var(--product-border);background:linear-gradient(180deg,#fff,#f8fbff)}.soft-block--warm{background:linear-gradient(180deg,#fffdf8,#fff)}.soft-block--mint{background:linear-gradient(180deg,#f7fffb,#fff)}.eyebrow-chip{display:inline-flex;width:fit-content;padding:6px 12px;border-radius:10px;background:var(--product-accent-soft);color:var(--product-accent);font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:none}.muted-copy{color:var(--product-subtle);font-size:12px;line-height:1.6}.admin-crud-page>.table-panel{order:2}.admin-crud-page>.panel-grid-2{order:3}.admin-crud-page .split-grid>.table-panel{order:1}.admin-crud-page .split-grid>.form-panel{order:2}.admin-crud-page .split-grid>.table-panel,.admin-crud-page .split-grid>.form-panel{min-width:0}.el-button{border-radius:10px}.el-button--primary{--el-button-bg-color: var(--product-accent);--el-button-border-color: var(--product-accent);--el-button-hover-bg-color: var(--product-accent-strong);--el-button-hover-border-color: var(--product-accent-strong)}.el-card{--el-card-border-radius: var(--product-card-radius)}.el-card.is-never-shadow{box-shadow:none}@media (max-width: 900px){:root{--app-shell-gutter: 24px;--page-stack-gap: 16px;--page-section-gap: 12px}.page-hero-card,.panel-hero-card,.metric-grid-4,.metric-grid-3,.split-grid,.split-grid-tight,.panel-grid-2,.app-form-grid{grid-template-columns:1fr}.page-hero-copy{border-right:0;border-bottom:1px solid rgba(15,23,42,.07)}.admin-crud-page .split-grid>.table-panel,.admin-crud-page .split-grid>.form-panel,.admin-crud-page>.table-panel,.admin-crud-page>.panel-grid-2{order:initial}}@media (max-width: 640px){:root{--app-shell-gutter: 22px;--panel-padding: 18px}.teacher-insights-page,.school-insights-page,.admin-insights-page,.tasks-page,.admin-crud-page,.teacher-home-school,.portraits-page,.parent-home,.dashboard-page,.app-page-container{padding:16px 0 30px}.page-hero-copy,.page-hero-side{padding:18px 16px}.page-title,.panel-title{font-size:clamp(23px,7vw,28px);line-height:1.22;overflow-wrap:anywhere}.section-head,.table-toolbar{align-items:stretch;flex-direction:column}.table-toolbar>*,.action-row>*{max-width:100%}.table-toolbar .el-select,.table-toolbar .el-input{width:100%!important;flex:1 1 100%}.table-toolbar .action-row{width:100%}.action-row{gap:8px}.action-row .el-button{margin-left:0!important}.el-button{min-height:36px}.el-button--primary{white-space:nowrap}}