body{margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-skin=operator]{--bg-canvas: #f2f6fc;--bg-surface: #ffffff;--bg-sheet: #f6f9ff;--text-primary: #1d2939;--text-secondary: #667085;--text-tertiary: #5b6675;--accent: #1d5fcf;--accent-2: #6b4ee6;--accent-soft: #e6efff;--accent-contrast: #ffffff;--money: #12b76a;--danger: #b3284a;--warning: #dd9a16;--info: #1d5fcf;--border: #e6ecf5;--border-soft: #eef2f9;--panel-grad: linear-gradient(125deg, #f3effe, #eaf1ff);--panel-line: #e2e0fb;--amber-soft: #f6c65b;--ok-soft: #73d9ad;--purple-soft: #efeafe;--pill-ok-bg: #e3f6ee;--pill-blue-bg: #e6efff;--pill-amber-bg: #fbf0d8;--pill-rose-bg: #fde7ee;--pill-ok-text: #087443;--pill-blue-text: #1d5fcf;--pill-amber-text: #8a5a00;--pill-rose-text: #b3284a;--radius-card: 12px;--radius-btn: 12px;--radius-pill: 20px;--grad: linear-gradient(120deg, #6b4ee6, #1d5fcf);--sh: 0 1px 2px rgba(16,40,80,.05), 0 4px 14px rgba(16,40,80,.04);--font-display: "Noto Sans SC", "Inter", sans-serif;--font-mono: "Inter", "Noto Sans SC", sans-serif;--glow: 0 6px 16px rgba(29,95,207,.22)}[data-skin=family]{--bg-canvas: #f2f6fc;--bg-surface: #ffffff;--bg-sheet: #f6f9ff;--text-primary: #1d2939;--text-secondary: #667085;--text-tertiary: #5b6675;--accent: #1d5fcf;--accent-soft: #e6efff;--accent-2: #6b4ee6;--accent-contrast: #ffffff;--money: #12b76a;--danger: #b3284a;--warning: #dd9a16;--info: #1d5fcf;--border: #e6ecf5;--border-soft: #eef2f9;--panel-grad: linear-gradient(125deg, #f3effe, #eaf1ff);--panel-line: #e2e0fb;--amber-soft: #f6c65b;--ok-soft: #73d9ad;--purple-soft: #efeafe;--pill-ok-bg: #e3f6ee;--pill-blue-bg: #e6efff;--pill-amber-bg: #fbf0d8;--pill-rose-bg: #fde7ee;--pill-ok-text: #087443;--pill-blue-text: #1d5fcf;--pill-amber-text: #8a5a00;--pill-rose-text: #b3284a;--radius-card: 12px;--radius-btn: 12px;--radius-pill: 20px;--grad: linear-gradient(120deg, #6b4ee6, #1d5fcf);--sh: 0 1px 2px rgba(16,40,80,.05), 0 4px 14px rgba(16,40,80,.04);--font-display: "Noto Sans SC", "Inter", sans-serif;--font-mono: "Inter", "Noto Sans SC", sans-serif;--glow: 0 6px 16px rgba(29,95,207,.22)}.console-root{background:var(--bg-canvas);color:var(--text-primary);min-height:100vh;font-family:Inter,Noto Sans SC,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}[data-skin=operator].console-root,[data-skin=operator] .console-root{background-color:var(--bg-canvas);background-image:radial-gradient(140% 90% at 50% -10%,rgba(255,255,255,.8),transparent 62%);background-attachment:fixed}.display{font-family:var(--font-display);letter-spacing:0}.num{font-family:var(--font-mono);font-weight:700}[data-skin=operator] .num{text-shadow:none;font-variant-numeric:tabular-nums}[data-skin=operator] .display{font-variant-numeric:tabular-nums}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.ui-card,.ui-kpi-tile,.ui-today-hero{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--sh)}.ui-card{overflow:hidden}.ui-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border)}.ui-card-title,.ui-today-title,.ui-confirm-title{margin:0;color:var(--text-primary);font-family:var(--font-display);font-weight:900;letter-spacing:0}.ui-card-title{font-size:15px}.ui-card-body{padding:18px}.ui-card-body-solo{padding:14px}.ui-kpi-tile{padding:15px 17px}.ui-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.ui-kpi-icon,.ui-task-tag{display:inline-grid;place-items:center;flex:0 0 auto}.ui-kpi-icon{width:33px;height:33px;border-radius:10px;background:var(--pill-blue-bg);color:var(--accent)}.ui-kpi-icon svg{width:17px;height:17px}.ui-tone-purple{background:var(--purple-soft);color:var(--accent-2)}.ui-tone-rose,.ui-tone-danger{background:var(--pill-rose-bg);color:var(--pill-rose-text)}.ui-tone-amber,.ui-tone-warning{background:var(--pill-amber-bg);color:var(--pill-amber-text)}.ui-tone-ok,.ui-tone-money{background:var(--pill-ok-bg);color:var(--pill-ok-text)}.ui-kpi-label{color:var(--text-secondary);font-size:12px}.ui-kpi-value{margin-top:3px;color:var(--text-primary);font-family:var(--font-display);font-size:25px;font-weight:900;line-height:1.15}.ui-kpi-value.grad-text{color:transparent}.ui-pill{display:inline-flex;align-items:center;width:fit-content;min-height:22px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:700;line-height:1;white-space:nowrap}.ui-pill-ok{background:var(--pill-ok-bg);color:var(--pill-ok-text)}.ui-pill-blue{background:var(--pill-blue-bg);color:var(--pill-blue-text)}.ui-pill-amber{background:var(--pill-amber-bg);color:var(--pill-amber-text)}.ui-pill-rose{background:var(--pill-rose-bg);color:var(--pill-rose-text)}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;height:38px;padding:0 16px;border:1px solid transparent;border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font-mono);font-size:13px;font-weight:700;line-height:1;text-decoration:none;transition:transform .12s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}.ui-button:active{transform:translateY(1px)}.ui-button:disabled{cursor:progress;opacity:.72;transform:none}.ui-button-primary{background:var(--grad);color:var(--accent-contrast);box-shadow:var(--glow)}.ui-button-ghost{background:var(--bg-surface);border-color:var(--border);color:var(--text-primary);box-shadow:none}.ui-button-danger{background:var(--danger);color:var(--accent-contrast);box-shadow:0 6px 16px #b3284a38}.ui-button-icon,.ui-button-danger-icon{width:38px;height:38px;padding:0;background:var(--bg-surface);border-color:var(--border);color:var(--text-primary);box-shadow:none}.ui-button-danger-icon{color:var(--danger)}.ui-button-sm{height:30px;padding:0 12px;border-radius:9px;font-size:12px}.ui-button-icon-slot,.ui-button-icon-slot svg{display:inline-flex;width:16px;height:16px}.ui-today-hero{overflow:hidden;padding:14px;background:var(--panel-grad);border-color:var(--panel-line)}.ui-today-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.ui-today-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:0;font-size:15px}.ui-today-helper,.ui-today-empty{color:var(--text-secondary);font-size:12px}.ui-today-list{display:grid;gap:12px}.ui-today-task{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;border-radius:10px;background:var(--bg-surface);border:1px solid var(--border-soft)}.ui-today-task-main{display:flex;align-items:center;min-width:0;gap:11px}.ui-task-tag{width:34px;height:34px;border-radius:10px}.ui-task-tag-blue{background:var(--pill-blue-bg);color:var(--pill-blue-text)}.ui-task-tag-rose{background:var(--pill-rose-bg);color:var(--pill-rose-text)}.ui-task-tag-amber{background:var(--pill-amber-bg);color:var(--pill-amber-text)}.ui-task-tag-ok{background:var(--pill-ok-bg);color:var(--pill-ok-text)}.ui-today-task-title,.ui-today-task-subtitle{display:block;min-width:0}.ui-today-task-title{color:var(--text-primary);font-size:12.5px;font-weight:700}.ui-today-task-subtitle{margin-top:2px;color:var(--text-secondary);font-size:11px}.ui-today-footer{margin-top:12px}.home-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.home-dashboard-grid{display:grid;gap:18px}.home-dashboard-main,.home-dashboard-side{min-width:0}.home-kpi-button{display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left}.home-kpi-button .ui-kpi-tile{height:100%}.home-chart-card{margin-bottom:12px}.home-quick-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.billing-kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.ui-list-row.is-muted{opacity:.72}.lesson-row-pending{background:color-mix(in srgb,var(--warning) 9%,var(--bg-surface))}.lead-card{overflow:hidden;margin-bottom:12px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--sh)}.lead-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:10px 14px 14px}.lead-action-grid-admin{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:0}.task-card-head{margin-bottom:8px}.task-card-target{color:var(--text-tertiary);font-size:12px}.task-draft{margin-bottom:12px;padding:10px;border-radius:10px;background:var(--bg-canvas);color:var(--text-secondary);font-size:13px;line-height:1.6}@media(min-width:860px){.home-kpi-grid,.lead-action-grid-admin{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1100px){.home-dashboard-grid{grid-template-columns:minmax(0,1fr) minmax(320px,448px);align-items:start}.home-dashboard-main{grid-column:1;grid-row:1}.home-dashboard-side{position:sticky;top:24px;grid-column:2;grid-row:1}}.ui-list-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 18px;border-bottom:1px solid var(--border)}.ui-list-row:last-child{border-bottom:none}.ui-list-row-clickable{cursor:pointer}.ui-list-row-clickable:hover{background:var(--bg-sheet)}.ui-list-main,.ui-list-meta,.ui-row-actions{display:flex;align-items:center}.ui-list-main{min-width:0;gap:12px}.ui-list-meta{flex:0 0 auto;gap:10px}.ui-row-actions{gap:6px}.ui-row-avatar{display:inline-grid;width:34px;height:34px;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--grad);color:var(--accent-contrast);font-size:13px;font-weight:900}.teacher-attendance-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:7px}.ui-list-copy{display:grid;min-width:0;gap:2px}.ui-list-title{color:var(--text-primary);font-size:13px;font-weight:700}.ui-list-subtitle{color:var(--text-secondary);font-size:11.5px}.ui-chart{display:block;width:100%;min-height:164px}.ui-chart-grid{stroke:var(--border-soft);stroke-width:1}.ui-chart-area{stroke:none}.ui-chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.ui-chart-dot{fill:var(--accent-2);stroke:var(--bg-surface);stroke-width:3}.ui-funnel{display:grid;gap:10px}.ui-funnel-row{min-width:0}.ui-funnel-bar{display:flex;width:var(--ui-funnel-width, 100%);min-width:min(100%,116px);min-height:38px;align-items:center;padding:0 14px;border-radius:var(--radius-card);color:var(--accent-contrast);font-family:var(--font-mono);font-size:13px;font-weight:800;line-height:1;box-shadow:var(--glow)}.ui-funnel-bar-blue{background:var(--grad)}.ui-funnel-bar-cyan{background:linear-gradient(120deg,var(--accent),var(--pill-ok-text))}.ui-funnel-bar-ok{background:linear-gradient(120deg,var(--money),var(--ok-soft));color:var(--text-primary)}.ui-funnel-bar-rose{background:linear-gradient(120deg,var(--danger),var(--warning))}.ui-funnel-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-empty-state{display:grid;place-items:center;gap:8px;min-height:156px;padding:22px;border:1px dashed var(--border);border-radius:var(--radius-card);background:var(--bg-sheet);color:var(--text-secondary);text-align:center}.ui-empty-icon{width:34px;height:34px;border-radius:12px;background:var(--grad);box-shadow:var(--glow)}.ui-empty-title{color:var(--text-primary);font-weight:800}.ui-empty-description{max-width:320px;font-size:13px;line-height:1.6}.ui-empty-action{margin-top:4px}.ui-confirm-backdrop{position:fixed;inset:0;z-index:42;display:grid;place-items:center;padding:18px;background:#1028506b}.ui-confirm-dialog{width:min(420px,100%);padding:18px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-surface);color:var(--text-primary);box-shadow:0 18px 56px #1028502e}.ui-confirm-title{font-size:20px}.ui-confirm-message{margin-top:8px;color:var(--text-secondary);font-size:13px;line-height:1.6}.ui-confirm-body{display:grid;gap:10px;margin-top:14px}.ui-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.ui-form-field{display:grid;gap:6px}.ui-form-label{color:var(--text-secondary);font-size:12px;font-weight:700}.ui-form-hint,.ui-form-error{font-size:12px;line-height:1.4}.ui-form-hint{color:var(--text-secondary)}.ui-form-error{color:var(--danger)}.section-head,.button-row,.segmented-row,.split-action-row,.inline-title{display:flex;align-items:center;gap:10px}.section-head{justify-content:space-between}.section-head-start{align-items:flex-start;margin-bottom:10px}.section-title,.list-card-title{color:var(--text-primary);font-weight:800}.section-title{font-size:18px}.list-card-title{font-size:16px}.muted-text,.block-message{color:var(--text-secondary);font-size:13px;line-height:1.55}.block-message{margin-bottom:10px}.form-grid,.stack-list{display:grid;gap:10px}.form-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.button-row>*,.segmented-row>*{flex:1}.list-toolbar{margin-bottom:12px}.form-actions{margin-top:12px}.check-row{display:flex;min-height:38px;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px}.lead-convert-form{margin-top:12px}.segment-result-list{display:grid;gap:8px;margin-top:12px}.segment-result{padding:10px;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--bg-sheet)}.segment-result-head{margin-bottom:4px}.split-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.money-line{margin-bottom:10px;color:var(--accent);font-size:18px;font-weight:800}.full-width-button{width:100%;margin-top:10px}.student-detail-name{margin-bottom:4px;color:var(--text-primary);font-size:22px;font-weight:800}.student-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px}.student-stat-grid-two{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.student-stat-value{color:var(--text-primary);font-size:26px;font-weight:800}.student-stat-label{color:var(--text-secondary);font-size:12px}.student-adjust-form,.receipt-box{margin-top:12px}.receipt-box{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--border)}.plain-list-item{padding-top:10px;border-top:1px solid var(--border)}.plain-list-item:first-child{padding-top:0;border-top:0}.message-card-list{display:grid;gap:8px;margin-bottom:12px}.message-card{padding:10px;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--bg-sheet)}.message-card-actor{margin-bottom:4px;color:var(--text-tertiary);font-size:12px}.message-card-text{color:var(--text-primary);font-size:14px}.materials-upload-button,.materials-delete-button{width:100%}.materials-upload-button{margin:12px 0 10px}.materials-delete-button{margin-top:8px}.materials-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.materials-card .ui-card-body{padding:8px}.materials-media{display:block;width:100%;border-radius:var(--radius-btn)}.materials-media-image{aspect-ratio:4 / 3;background:var(--bg-sheet);object-fit:contain}.preview-student-field{margin-top:12px}.preview-message,.status-pill-row{margin-top:10px}.reports-details{margin-bottom:12px;padding:16px 18px}.reports-summary{cursor:pointer;color:var(--text-primary);font-size:16px;font-weight:800;list-style-position:inside}.reports-kpi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.settings-teacher-list,.settings-reset-form{display:grid;gap:8px;margin-bottom:12px}.settings-teacher-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:8px}.settings-teacher-select{justify-content:space-between;width:100%;min-width:0}.settings-teacher-username,.permission-state{font-size:12px}.permission-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.permission-grid .ui-button{justify-content:space-between}.danger-card{border-color:color-mix(in srgb,var(--danger) 30%,var(--border))}.app-shell{min-height:100vh}.app-shell-side{display:none}.app-shell-main{min-width:0;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(88px + env(safe-area-inset-bottom,0px))}.app-shell-content{min-width:0}.app-shell-tabbar{position:fixed;z-index:9;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:#ffffffdb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 -1px 0 var(--border)}.app-shell-nav-item{display:flex;min-width:0;min-height:44px;flex:1;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;font-family:var(--font-mono);font-size:11px;font-weight:700}.app-shell-tabbar .app-shell-nav-item{flex-direction:column}.app-shell-nav-icon{width:20px;height:20px;flex:0 0 auto;color:currentColor}.app-shell-tabbar .app-shell-nav-icon{display:grid;box-sizing:border-box;padding:2px;border:1.6px solid currentColor;border-radius:7px}.app-shell-nav-item.is-active{color:var(--accent)}.app-shell-tabbar .app-shell-nav-item.is-active .app-shell-nav-icon{border-color:transparent;background:var(--grad);color:var(--accent-contrast)}.app-shell-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.app-shell-header-main{display:grid;min-width:0;gap:6px}.app-shell-title{margin:0;color:var(--text-primary);font-size:24px;font-weight:900;line-height:1.1}.app-shell-header-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.app-shell-back,.app-shell-crumb-button{border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono)}.app-shell-back{display:inline-flex;width:fit-content;align-items:center;gap:5px;min-height:28px;padding:0;font-size:13px;font-weight:800}.app-shell-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:4px;color:var(--text-secondary);font-size:12px;font-weight:700}.app-shell-crumb{display:inline-flex;align-items:center;gap:4px}.app-shell-crumb-button{padding:0;font-size:inherit;font-weight:inherit}.app-shell-crumb-separator{color:var(--text-tertiary)}.app-shell-brand{display:flex;flex-direction:column;gap:3px;padding:6px 8px 20px}.app-shell-brand-logo{color:var(--text-primary);font-size:20px;font-weight:900;line-height:1.1}.app-shell-brand-sub{color:var(--text-secondary);font-size:12px;font-weight:700}.app-shell-side-nav{display:flex;flex-direction:column;gap:4px}.app-shell-side .app-shell-nav-item,.app-shell-account-button{justify-content:flex-start;gap:11px;width:100%;min-height:44px;padding:11px 14px;border:0;border-radius:14px;text-align:left;font-size:14.5px}.app-shell-side .app-shell-nav-item{color:var(--text-secondary)}.app-shell-side .app-shell-nav-item.is-active{background:linear-gradient(120deg,#7c5cff1a,#3b82f61a);color:var(--text-primary)}.app-shell-side .app-shell-nav-item.is-active .app-shell-nav-icon{color:var(--accent-2)}.app-shell-account{display:grid;gap:8px;margin-top:auto}.app-shell-account-button{display:flex;align-items:center;border:1px solid var(--border);background:var(--bg-sheet);color:var(--text-secondary);cursor:pointer;font-family:var(--font-mono);font-weight:800}@media(min-width:768px){.app-shell{display:grid;grid-template-columns:212px minmax(0,1fr);min-height:100vh;max-width:1480px;margin:0 auto}.app-shell-side{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;align-self:start;padding:22px 14px;border-right:1px solid var(--border);background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-shell-main{padding:22px 24px 48px}.app-shell-tabbar{display:none}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:14px;margin-bottom:12px}[data-skin=operator] .card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--sh);backdrop-filter:none;-webkit-backdrop-filter:none}.pill{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:3px 9px;border-radius:var(--radius-pill)}[data-skin=operator] .pill{background:transparent;border:1px solid var(--border);box-shadow:none}.pill.risk{color:var(--danger)}.pill.money{color:var(--pill-ok-text)}[data-skin=operator] .pill.risk{color:var(--danger);background:#b3284a17;border-color:#b3284a3d}[data-skin=operator] .pill.money{color:var(--pill-ok-text);background:#12b76a1a;border-color:#12b76a3d}.btn{min-height:44px;border:1px solid var(--border);border-radius:var(--radius-btn);font-weight:500;cursor:pointer;background:transparent;color:var(--text-primary);transition:transform .12s ease,box-shadow .2s ease,background .2s ease}.btn:active{transform:scale(.98)}.btn.primary{background:var(--grad);color:var(--accent-contrast);box-shadow:var(--glow);border:none;font-weight:600}.btn:disabled{cursor:progress;box-shadow:none}.skip{color:var(--text-tertiary);background:none;border:none;cursor:pointer}.input{width:100%;min-height:44px;background:var(--bg-canvas);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-btn);padding:10px;font-family:Inter,Noto Sans SC,sans-serif}[data-skin=operator] .input{background:var(--bg-surface)}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f629}.field-row{display:grid;gap:6px;color:var(--text-secondary);font-size:13px}.account-dialog-backdrop{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:18px;background:#1028506b}.account-dialog{width:min(420px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--bg-surface);color:var(--text-primary);box-shadow:0 18px 56px #1028502e;padding:16px}.account-dialog-head,.account-dialog-title,.account-dialog-actions{display:flex;align-items:center}.account-dialog-head{justify-content:space-between;gap:12px;margin-bottom:14px}.account-dialog-title{gap:8px}.account-dialog-title h2{margin:0;font-size:22px}.account-dialog-close{display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-btn);background:transparent;color:var(--text-primary);cursor:pointer}.account-dialog-form{display:grid;gap:12px}.account-dialog-message{border-radius:var(--radius-pill);padding:8px 10px;font-size:13px}.account-dialog-message.is-error{color:var(--danger);background:#b3284a17}.account-dialog-message.is-success{color:var(--pill-ok-text);background:#12b76a1a}.account-dialog-actions{justify-content:flex-end;gap:10px}.account-dialog-actions .btn{min-width:112px}.preview-bar{position:sticky;top:0;z-index:12;display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--text-primary);color:var(--bg-surface)}.preview-bar-kicker,.preview-bar-role,.preview-bar-student{white-space:nowrap}.preview-bar-kicker{font-weight:800}.preview-bar-role{color:var(--accent-contrast);font-weight:700}.preview-bar-student{color:var(--border-soft);font-size:13px}.preview-bar .btn{margin-left:auto;min-height:36px;color:var(--bg-surface);border-color:#ffffff47}.preview-entry-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:10px}@media(min-width:520px){.preview-entry-actions{grid-template-columns:1fr 1fr}}[data-skin=operator] .console-app{min-height:100vh}[data-skin=operator] .console-side{display:none}[data-skin=operator] .console-main{min-width:0;padding:calc(16px + env(safe-area-inset-top,0px)) 16px calc(88px + env(safe-area-inset-bottom,0px))}[data-skin=operator] .console-tabbar{position:fixed;z-index:9;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-surface);box-shadow:0 -1px 0 var(--border)}[data-skin=operator] .console-tabbar-item{display:flex;min-width:56px;min-height:44px;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;border:0;background:transparent;color:var(--text-tertiary);cursor:pointer;font-family:Inter,Noto Sans SC,sans-serif;font-size:11px}[data-skin=operator] .console-tabbar-item.is-active{color:var(--accent)}[data-skin=operator] .console-nav-icon{width:20px;height:20px;border:1.6px solid currentColor;border-radius:6px}[data-skin=operator] .console-tabbar-item.is-active .console-nav-icon{border-color:transparent;background:var(--grad)}[data-skin=operator] .btn.primary{box-shadow:var(--glow)}[data-skin=operator] .today-hero{position:relative;overflow:hidden;background:var(--panel-grad);color:var(--text-primary);border-color:var(--panel-line);box-shadow:var(--sh)}[data-skin=operator] .today-hero:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.18),transparent 70%);pointer-events:none}[data-skin=operator] .today-hero>*{position:relative;z-index:1}[data-skin=operator] .today-hero .display{color:var(--text-primary)}[data-skin=operator] .today-hero a{color:var(--accent)!important}[data-skin=operator] .today-hero .btn{color:var(--text-primary);border-color:#7c5cff38}[data-skin=operator] .today-hero-summary,[data-skin=operator] .today-hero-message{color:var(--text-secondary)!important}[data-skin=operator] .task-draft{color:var(--text-primary)!important;background:var(--bg-sheet)!important;border-left:2px solid var(--accent);border-radius:0 12px 12px 0!important}@media(min-width:768px){[data-skin=operator] .console-app{display:grid;grid-template-columns:212px 1fr;min-height:100vh;max-width:1480px;margin:0 auto}[data-skin=operator] .console-side{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;align-self:start;padding:22px 14px;border-right:1px solid var(--border);background:#ffffffb8;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}[data-skin=operator] .console-brand{display:flex;flex-direction:column;gap:3px;padding:6px 8px 20px}[data-skin=operator] .console-brand-logo{color:var(--text-primary);font-size:20px;font-weight:900;line-height:1.1}[data-skin=operator] .console-brand-sub{color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:0}[data-skin=operator] .console-side-nav{display:flex;flex-direction:column;gap:4px;padding-bottom:0!important;box-shadow:none}[data-skin=operator] .console-side-item{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:11px 14px;border:0;border-radius:14px;background:transparent;color:var(--text-secondary);cursor:pointer;font-family:Inter,Noto Sans SC,sans-serif;font-size:14.5px;font-weight:500;text-align:left}[data-skin=operator] .console-side-item.is-active{background:linear-gradient(120deg,#7c5cff1a,#3b82f61a);color:var(--text-primary);box-shadow:none}[data-skin=operator] .console-side-item.is-active .console-nav-icon{border-color:var(--accent-2)}[data-skin=operator] .console-logout{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;margin-top:auto;padding:11px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-sheet);color:var(--text-secondary);cursor:pointer;font-family:Inter,Noto Sans SC,sans-serif;font-size:14.5px;font-weight:600}[data-skin=operator] .console-main{padding:22px 24px 48px}[data-skin=operator] .console-tabbar{display:none}}[data-skin=family].console-root,[data-skin=family] .console-root{background:var(--bg-canvas);color:var(--text-primary)}[data-skin=family] .display{font-family:var(--font-display);letter-spacing:0}[data-skin=family] .num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}[data-skin=family] .card{background:var(--bg-surface);border:1px solid var(--border);box-shadow:var(--sh)}[data-skin=family] .input:focus{box-shadow:0 0 0 3px #3b82f629}[data-skin=family] .family-app{display:grid;grid-template-columns:212px 1fr;min-height:100vh;max-width:1480px;margin:0 auto}[data-skin=family] .family-side{position:sticky;top:0;display:flex;flex-direction:column;align-self:start;height:100vh;padding:20px 14px}[data-skin=family] .family-brand{display:flex;align-items:center;gap:8px;padding:6px 8px 18px}[data-skin=family] .family-brand-logo{color:var(--accent);font-family:var(--font-display);font-size:20px;font-weight:800}[data-skin=family] .family-nav{display:flex;flex-direction:column;gap:3px}[data-skin=family] .family-nav-item{display:flex;align-items:center;gap:11px;padding:11px 14px;border:0;border-radius:14px;background:transparent;color:var(--text-secondary);font-size:14.5px;font-weight:500;text-align:left;cursor:pointer}[data-skin=family] .family-nav-item .family-nav-icon,[data-skin=family] .family-bottom-nav .family-nav-icon{width:20px;height:20px;border:2px solid currentColor;border-radius:6px}[data-skin=family] .family-nav-item.is-active{background:linear-gradient(120deg,#7c5cff1a,#3b82f61a);color:var(--text-primary);box-shadow:none}[data-skin=family] .family-side-mascot{margin-top:18px;padding:16px;border-radius:18px;background:var(--panel-grad);text-align:center}[data-skin=family] .family-side-mascot-face{font-size:40px}[data-skin=family] .family-side-mascot-title{margin-top:6px;color:var(--accent-2);font-family:var(--font-display);font-size:14px;font-weight:700}[data-skin=family] .family-side-mascot-subtitle{margin-top:2px;color:var(--text-secondary);font-size:12px}[data-skin=family] .family-logout{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;margin-top:auto;padding:11px 14px;border:1px solid var(--border);border-radius:14px;background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;font-size:14.5px;font-weight:600}[data-skin=family] .preview-bar{background:var(--text-primary);color:var(--bg-surface)}[data-skin=family] .preview-bar-role{color:var(--accent-contrast)}[data-skin=family] .family-main{padding:20px 22px 40px}[data-skin=family] .family-topbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}[data-skin=family] .family-hi{font-family:var(--font-display);font-size:18px;font-weight:700}[data-skin=family] .family-spacer{flex:1}[data-skin=family] .family-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid var(--border);border-radius:99px;background:var(--bg-surface);font-size:13px;font-weight:600}[data-skin=family] .family-star{color:var(--pill-amber-text)}[data-skin=family] .family-avatar{width:40px;height:40px;border-radius:50%;background:var(--grad)}[data-skin=family] .family-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}[data-skin=family] .family-column{display:flex;min-width:0;flex-direction:column;gap:16px}[data-skin=family] .family-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}[data-skin=family] .family-section-head h2{margin:0;font-family:var(--font-display);font-size:17px;font-weight:700}[data-skin=family] .family-section-link{border:0;background:transparent;color:var(--text-secondary);font-size:12.5px;white-space:nowrap}[data-skin=family] .family-hero{position:relative;overflow:hidden;padding:22px;border:1px solid var(--panel-line);background:var(--panel-grad);color:var(--text-primary)}[data-skin=family] .family-hero h1{margin:0;font-family:var(--font-display);font-size:28px;font-weight:800;letter-spacing:0;line-height:1.08}[data-skin=family] .family-hero p{margin:6px 0 14px;color:var(--text-secondary);font-size:14px}[data-skin=family] .family-level-bar{height:8px;margin:0 0 12px;overflow:hidden;border-radius:99px;background:#ffffffa6}[data-skin=family] .family-level-bar>i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--warning),var(--amber-soft))}[data-skin=family] .family-hero-stats{display:flex;flex-wrap:wrap;gap:18px;padding:12px 14px;border-radius:16px;background:var(--bg-sheet)}[data-skin=family] .family-hero-stat{display:flex;flex-direction:column}[data-skin=family] .family-hero-stat .family-stat-number{font-family:var(--font-display);font-size:20px;font-weight:800;line-height:1}[data-skin=family] .family-hero-stat .family-stat-label{color:var(--text-secondary);font-size:11.5px}[data-skin=family] .family-hero-face{position:absolute;right:18px;bottom:-6px;font-size:96px;line-height:1;filter:drop-shadow(0 8px 12px rgba(0,0,0,.12))}[data-skin=family] .task-list,[data-skin=family] .course-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}[data-skin=family] .task-card{position:relative;min-width:0;padding:14px;border:1px solid var(--border);border-radius:16px;background:var(--bg-surface)}[data-skin=family] .task-card-icon{display:grid;width:38px;height:38px;margin-bottom:10px;place-items:center;border-radius:12px;background:var(--accent-soft);font-size:20px}[data-skin=family] .task-card-title{font-size:14.5px;font-weight:700}[data-skin=family] .task-card-desc{margin-top:2px;color:var(--text-secondary);font-size:12px}[data-skin=family] .task-card-action{display:inline-block;margin-top:10px;padding:5px 12px;border-radius:99px;background:var(--accent-soft);color:var(--accent);font-size:12.5px;font-weight:700}[data-skin=family] .task-card-done{position:absolute;top:12px;right:12px;color:var(--accent)}[data-skin=family] .course-card{position:relative;min-height:104px;overflow:hidden;padding:14px;border-radius:16px;background:var(--grad);color:var(--accent-contrast)}[data-skin=family] .course-card:nth-child(2n){background:linear-gradient(150deg,var(--warning),var(--amber-soft));color:var(--text-primary)}[data-skin=family] .course-card:nth-child(3n){background:linear-gradient(150deg,var(--money),var(--ok-soft));color:var(--text-primary)}[data-skin=family] .course-card-level{display:inline-block;padding:2px 8px;border-radius:99px;background:#ffffff8c;font-size:11px}[data-skin=family] .course-card-name{margin-top:30px;font-family:var(--font-display);font-size:16px;font-weight:700}[data-skin=family] .course-card-progress{height:6px;margin-top:8px;overflow:hidden;border-radius:99px;background:#ffffff47}[data-skin=family] .course-card-progress>i{display:block;height:100%;border-radius:99px;background:var(--bg-surface)}[data-skin=family] .course-card-emblem{position:absolute;top:10px;right:10px;font-size:30px}[data-skin=family] .ai-bubble{margin-bottom:12px;padding:12px;border-radius:14px;background:var(--accent-soft);color:var(--text-secondary);font-size:13px;line-height:1.6}[data-skin=family] .ai-cta{width:100%;padding:12px;border:0;border-radius:14px;background:var(--grad);color:var(--accent-contrast);box-shadow:var(--glow);cursor:pointer;font-family:var(--font-display);font-size:15px;font-weight:700}[data-skin=family] .culture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}[data-skin=family] .culture-tile{display:grid;overflow:hidden;aspect-ratio:1;place-items:center;border-radius:12px;background:var(--panel-grad);color:var(--accent);font-size:24px}[data-skin=family] .culture-tile img,[data-skin=family] .culture-tile video{width:100%;height:100%;object-fit:cover}[data-skin=family] .message-list{display:flex;flex-direction:column;gap:10px}[data-skin=family] .message-bubble{max-width:88%;padding:10px 12px;border-radius:14px;background:var(--accent-soft);color:var(--text-secondary);font-size:13px;line-height:1.5}[data-skin=family] .message-bubble.is-parent{align-self:flex-end;background:var(--grad);color:var(--accent-contrast)}[data-skin=family] .family-message-form{display:flex;gap:8px;margin-top:12px}[data-skin=family] .family-message-form .input{flex:1;min-width:0}[data-skin=family] .family-action-list{display:flex;flex-wrap:wrap;gap:10px}[data-skin=family] .family-empty{padding:16px;border:1px dashed var(--border);border-radius:16px;color:var(--text-secondary);font-size:13px}[data-skin=family] .family-bottom-nav{display:none}@media(max-width:980px){[data-skin=family] .family-grid{grid-template-columns:1fr}}@media(max-width:760px){[data-skin=family] .family-app{grid-template-columns:1fr}[data-skin=family] .family-side{display:none}[data-skin=family] .family-main{padding:calc(14px + env(safe-area-inset-top,0px)) 14px calc(76px + env(safe-area-inset-bottom,0px))}[data-skin=family] .family-hero h1{font-size:24px}[data-skin=family] .family-hero-face{font-size:72px}[data-skin=family] .family-bottom-nav{position:fixed;z-index:9;right:0;bottom:0;left:0;display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border);background:var(--bg-surface)}[data-skin=family] .family-bottom-nav .family-nav-item{flex-direction:column;gap:3px;padding:0 6px;border-radius:0;color:var(--text-tertiary);font-size:11px}[data-skin=family] .family-bottom-nav .family-nav-item.is-active{background:transparent;color:var(--accent);box-shadow:none}[data-skin=family] .family-bottom-nav .family-nav-icon{width:22px;height:22px;border-radius:7px}[data-skin=family] .family-bottom-nav .family-nav-item.is-active .family-nav-icon{border-color:transparent;background:var(--grad)}}@media(max-width:520px){[data-skin=family] .task-list,[data-skin=family] .course-list{grid-template-columns:1fr}[data-skin=family] .family-chip{display:none}}.login-wrap{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:calc(24px + env(safe-area-inset-top,0px)) 16px calc(24px + env(safe-area-inset-bottom,0px))}.login-card{width:100%;max-width:380px;padding:30px 24px;margin:0}.login-brand{text-align:center;margin-bottom:22px}.login-mark{width:46px;height:46px;margin:0 auto 14px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:var(--glow)}.login-title{font-size:24px;font-weight:600;letter-spacing:.5px}.login-sub{font-size:13px;color:var(--text-secondary);margin-top:6px}.login-card .input,.login-card select.input{font-size:16px}@media(min-width:768px){.login-card{max-width:400px;padding:36px 32px}}