html,body,#app{margin:0;padding:0;width:100%;min-height:100%}:root{--app-shell-max: 1240px;--app-shell-gutter: 32px;--product-card-radius: 24px;--product-panel-radius: 18px;--product-border: rgba(15, 23, 42, .08);--product-shadow: 0 16px 40px rgba(15, 23, 42, .06);--product-shadow-soft: 0 10px 24px rgba(15, 23, 42, .04);--product-title: #102a43;--product-text: #243b53;--product-muted: #52606d;--product-subtle: #7c8da6;--product-accent: #0f766e;--product-accent-soft: rgba(15, 118, 110, .08);--product-surface: rgba(255, 255, 255, .9);--product-surface-soft: linear-gradient(180deg, #ffffff, #f8fbff);--product-hero-bg: radial-gradient(circle at top left, rgba(15, 118, 110, .1), transparent 38%), linear-gradient(135deg, #fffdf8, #f6fbff 50%, #ffffff);--page-stack-gap: 20px;--page-section-gap: 16px;--panel-padding: 20px;--toolbar-gap: 12px;--table-toolbar-bg: linear-gradient(180deg, rgba(255, 255, 255, .96), rgba(246, 250, 255, .92));--warm-hero-bg: radial-gradient(circle at top left, rgba(180, 83, 9, .12), transparent 36%), linear-gradient(135deg, #fffdf8, #f7fbff 52%, #ffffff);--mint-hero-bg: radial-gradient(circle at top left, rgba(15, 118, 110, .12), transparent 38%), linear-gradient(135deg, #f7fff9, #f7fbff 52%, #ffffff);--sky-hero-bg: radial-gradient(circle at top left, rgba(14, 116, 144, .14), transparent 38%), linear-gradient(135deg, #f4fbff, #ffffff 50%, #fffaf2)}*{box-sizing:border-box}body{font-family:PingFang SC,Microsoft YaHei,sans-serif;background:#f6f8fb;color:#1f2329}.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)}.app-section-card{border:1px solid var(--product-border);border-radius:var(--product-card-radius);box-shadow:var(--product-shadow);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:14px 16px;border-radius:18px;border:1px solid rgba(15,23,42,.06);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);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,1.65fr) minmax(280px,.95fr);gap:18px;padding:12px;border-radius:var(--product-card-radius);border:1px solid var(--product-border);box-shadow:var(--product-shadow);background:var(--product-hero-bg)}.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:var(--product-panel-radius);padding:24px;background:var(--product-surface)}.page-kicker,.panel-kicker,.metric-label,.toolbar-label{margin:0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--product-accent);font-weight:700}.page-title,.panel-title{margin:10px 0 12px;color:var(--product-title);font-size:clamp(28px,3vw,40px);line-height:1.16}.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:22px;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}.table-toolbar{padding:14px 16px;border-radius:18px;border:1px solid rgba(15,23,42,.06);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(300px,.92fr) minmax(0,1.08fr)}.split-grid-tight{grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr)}.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);background:var(--product-surface-soft)}.metric-value{margin:10px 0 12px;color:var(--product-title);font-size:clamp(28px,3vw,42px);font-weight:800;line-height:1.2}.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);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:hidden;border-radius:18px;border:1px solid rgba(15,23,42,.06);background:#fffffff5}.soft-block,.soft-block--warm,.soft-block--mint{border-radius:18px;padding:16px 18px;border:1px solid rgba(15,23,42,.06);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:999px;background:var(--product-accent-soft);color:var(--product-accent);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.muted-copy{color:var(--product-subtle);font-size:12px;line-height:1.6}@media (max-width: 640px){:root{--app-shell-gutter: 24px;--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:18px 0 32px}.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,.page-hero-side{padding:18px}}