:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#15233b;background:#eef3fa;font-synthesis:none;--navy:#071426;--blue:#2563eb;--indigo:#4f46e5;--cyan:#0ea5a4;--ink:#15233b;--muted:#68758a;--line:#dce5f1;--surface:#fff;--soft:#f5f8fc;--danger:#b42335}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#f4f7fc 0,#eaf1f9,#f5f8fc)}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 16% 18%,#1d4ed833 0,transparent 34%),radial-gradient(circle at 86% 12%,#0ea5a433 0,transparent 28%),linear-gradient(145deg,#06142a,#101a3d 54%,#082f36)}.login-shell:before{content:"";position:fixed;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent);mask-image:linear-gradient(to bottom,#000,transparent)}.login-card{position:relative;width:min(440px,100%);background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:42px;border:1px solid #ffffff99;border-radius:28px;box-shadow:0 28px 90px #02061766;text-align:center}.brand-symbol{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 18px;border-radius:22px;box-shadow:0 16px 34px #2563eb42}.brand-symbol img{width:100%;height:100%;display:block}.brand-symbol.compact{width:46px;height:46px;margin:0;border-radius:14px;box-shadow:0 10px 28px #0005}.login-card h1{margin:8px 0;font-size:28px}.login-card>p{color:var(--muted);margin:0 0 28px;line-height:1.7}.login-card form{text-align:left;display:grid;gap:17px}.login-card label,.form-grid label,.stack label{display:grid;gap:8px;font-weight:650}.login-card input,input,select,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fbfdff;color:var(--ink);outline:none}.login-card input:focus,input:focus,select:focus,textarea:focus{border-color:#4f6ff1;box-shadow:0 0 0 4px #4f6ff119}.login-card small{display:block;margin-top:24px;color:#8490a2}.eyebrow{display:block;color:#3970ea;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.primary,.actions button,.quick button,.admin-grid button,.settings-grid button,.notice-list button,.creator button,.stack button{border:0;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;padding:11px 16px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 7px 18px #2563eb20}.login-card .primary{width:100%}.error,.toast.bad{color:#9d1c2f;background:#fff0f2;padding:11px;border-radius:10px}.app-shell{min-height:100vh;display:grid;grid-template-columns:254px 1fr}.app-shell aside{position:fixed;inset:0 auto 0 0;width:254px;background:linear-gradient(180deg,#071426 0,#101a3c 58%,#07333a 120%);color:#fff;padding:26px 17px;display:flex;flex-direction:column;box-shadow:18px 0 45px #0f204018;overflow:auto}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 24px}.brand div{display:grid}.brand b{font-size:18px}.brand small{color:#90a9c6;margin-top:3px}.app-shell aside nav{display:grid;gap:5px}.app-shell aside button,.bottom button{border:0;background:transparent;color:#9db0c8;border-radius:11px;padding:11px 12px;display:flex;align-items:center;gap:12px;text-align:left}.app-shell aside button:hover{background:#ffffff0b;color:#dcecff}.app-shell aside button.active{background:linear-gradient(90deg,#2563eb36,#0ea5a422);color:#fff;box-shadow:inset 3px 0 #67e8f9}.signout{margin-top:auto!important}.content{grid-column:2;padding:30px 38px 80px;max-width:1560px;width:100%}.content header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.content header h1{margin:4px 0 5px;font-size:27px}.content header p{margin:0;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:10px}.icon{width:44px;height:44px;border:1px solid var(--line);background:#fff;border-radius:13px;color:#315fce;display:grid;place-items:center}.profile-chip{border:1px solid var(--line);background:#fffc;border-radius:14px;padding:6px 12px 6px 7px;display:flex;align-items:center;gap:9px;color:var(--ink)}.profile-chip>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5a4);color:#fff;font-weight:800}.profile-chip div{display:grid;text-align:left}.profile-chip small{color:var(--muted)}.hero-panel{position:relative;overflow:hidden;background:linear-gradient(125deg,#102552,#293cac 58%,#087d7d);color:#fff;border-radius:23px;padding:30px 34px;margin-bottom:20px;min-height:175px;display:flex;align-items:center;box-shadow:0 18px 45px #1e3a8a25}.hero-panel .eyebrow{color:#a5f3fc}.hero-panel h2{font-size:26px;max-width:670px;margin:9px 0}.hero-panel p{color:#dbeafe;max-width:700px;margin:0;line-height:1.7}.hero-orbit{position:absolute;right:65px;width:128px;height:128px;border:1px solid #a5f3fc88;border-radius:50%}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px dashed #fff5;border-radius:50%}.hero-orbit:before{inset:18px}.hero-orbit:after{inset:42px}.hero-orbit span,.hero-orbit i,.hero-orbit b{position:absolute;width:12px;height:12px;border-radius:50%;background:#fde68a;box-shadow:0 0 18px #fde68a}.hero-orbit span{top:4px;left:54px}.hero-orbit i{right:7px;bottom:31px;background:#67e8f9}.hero-orbit b{left:10px;bottom:24px;background:#fff}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.stats article{background:#ffffffd9;border:1px solid #dfe7f2;border-radius:17px;padding:21px;display:flex;align-items:center;gap:16px;box-shadow:0 8px 30px #1725540a}.stats svg,.section-title>svg{color:#356be1}.stats div{display:grid}.stats b{font-size:27px}.stats span,.student span,.task-list span{color:var(--muted);font-size:14px}.panel{background:#fffd;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #dfe7f2;border-radius:19px;padding:24px;margin-bottom:22px;box-shadow:0 10px 35px #1725540a}.panel h2{font-size:19px;margin:0 0 18px}.section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.section-title h2{margin:0 0 5px}.section-title p,.helper{margin:0;color:var(--muted);font-size:14px;line-height:1.6}.task-list{display:grid}.task-list article{display:flex;align-items:center;gap:14px;padding:15px 0;border-top:1px solid #e7edf5}.task-list article:first-child{border-top:0}.status{font-size:12px;padding:5px 9px;border-radius:20px;background:#edf1f7;color:#58677c;white-space:nowrap}.status.confirmed{background:#dcfce7;color:#087a55}.status.returned{background:#fff1e7;color:#a44b16}.status.self_checked{background:#e0f2fe;color:#075985}.grow{display:grid;gap:4px;flex:1}.actions{display:flex;gap:8px;flex-wrap:wrap}.actions .outline,.quick .outline{background:#fff;color:#3459a7;border:1px solid #cbd9ed;box-shadow:none}.ghost{background:#f3f6fa!important;color:#465a73!important;box-shadow:none!important}.danger,.quick .danger{background:#fff0f2!important;color:var(--danger)!important;border:1px solid #f2cbd1!important;box-shadow:none!important}.compact-button{padding:7px 10px!important}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}.student{border:1px solid #e0e8f3;border-radius:15px;padding:15px;display:flex;align-items:center;gap:12px;background:#fff}.student>div:nth-child(2){display:grid;gap:4px;flex:1}.avatar{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#ccfbf1);color:#2452b7;font-weight:800}.quick{display:flex;gap:6px;flex-wrap:wrap}.quick button{padding:7px 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.empty{text-align:center;padding:40px;color:#7c899b}.empty.compact{padding:24px}.empty svg{color:#7fa1dc}.toast{position:fixed;right:30px;top:24px;z-index:20;padding:12px 18px;border-radius:12px;box-shadow:0 10px 30px #0002}.toast.ok{background:#0f766e;color:#fff}.table{overflow:auto}.tr{display:grid;grid-template-columns:180px 130px 1fr 140px;gap:10px;padding:11px;border-top:1px solid #e8edf4;min-width:650px}.tr.head{background:#f2f6fb;border:0;font-weight:700}.account-row{grid-template-columns:1.2fr 1.2fr .8fr .7fr 100px}.bottom{display:none}.loading,.loading-inline{display:grid;place-items:center;color:#3266d3}.loading{min-height:100vh}.loading-inline{padding:50px}.feedback{border-top:1px solid #e8edf4;padding:15px}.feedback p{white-space:pre-wrap}.stack{display:grid;gap:12px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.chips span{background:#edf3fb;padding:6px 9px;border-radius:20px;font-size:13px}.creator{border:1px solid #cad8ec;border-radius:15px;padding:16px;margin-bottom:18px;background:linear-gradient(145deg,#f8fbff,#f1f6fc)}.creator summary{cursor:pointer;font-weight:750;color:#2e5fcb}.creator[open] summary{margin-bottom:9px}.creator .helper{margin-bottom:16px}.student-picker{border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;gap:14px;flex-wrap:wrap}.student-picker label{display:flex;align-items:center;gap:6px;font-weight:400}.student-picker input{width:auto}.upload-button{background:#e8f2ff;color:#2859be;padding:9px 11px;border:1px solid #c9dcf6;border-radius:10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.upload-button input{display:none}.photo-entry{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.photo-entry span{color:var(--muted);font-size:13px}.photo-entry small{color:#b44b22}.label-with-icon{display:flex;align-items:center;gap:6px}.notice-list{display:grid}.notice-list article{display:flex;justify-content:space-between;gap:12px;padding:15px 0;border-top:1px solid #e7edf5}.notice-list article.read{opacity:.6}.notice-list p{margin:5px 0}.notice-list small{color:var(--muted)}.admin-grid,.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.wide-panel{grid-column:1/-1}.inline-create{display:flex;gap:10px}.manage-list{display:grid}.manage-list article{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-top:1px solid #e7edf5}.manage-list article:first-child{border-top:0}.manage-list article>div:first-child{display:grid;gap:3px}.manage-list small{color:var(--muted)}button:disabled{opacity:.45;cursor:not-allowed}.growth-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;background:linear-gradient(135deg,#eff6ff,#ecfeff)}.growth-intro h2{font-size:24px;margin:7px 0}.growth-intro p{max-width:690px;color:var(--muted);margin:0}.growth-intro label{min-width:260px;font-weight:650}.record-list{display:grid}.record-list article{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:15px 0;border-top:1px solid #e7edf5}.record-list article:first-child{border-top:0}.record-list time{color:#56708f;font-size:13px}.record-list p{margin:5px 0 0;color:var(--muted);white-space:pre-wrap;line-height:1.6}.compact-records article{padding:10px 0}.profile-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.profile-card{grid-row:span 2}.profile-avatar{width:76px;height:76px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5a4);color:#fff;margin-bottom:20px;box-shadow:0 16px 35px #2563eb3a}.profile-card h2{font-size:25px;margin:7px 0}.profile-card>div>p{color:var(--muted)}.profile-card dl{margin-top:28px;display:grid;gap:15px}.profile-card dl>div{border-top:1px solid #e6edf5;padding-top:14px}.profile-card dt{color:var(--muted);display:flex;align-items:center;gap:6px;font-size:13px}.profile-card dd{margin:6px 0 0;font-weight:650}.task-photo{display:block;margin-top:10px;max-width:min(520px,100%);max-height:360px;object-fit:contain;border:1px solid #d9e4f1;border-radius:13px;background:#f3f6fb;padding:5px}.task-list article:has(.task-photo){align-items:flex-start}@media(max-width:1000px){.admin-grid,.settings-grid,.profile-grid{grid-template-columns:1fr}.wide-panel{grid-column:auto}.profile-card{grid-row:auto}.hero-orbit{opacity:.45;right:25px}}@media(max-width:760px){.app-shell{display:block;padding-bottom:76px}.app-shell aside{display:none}.content{padding:20px 15px 88px}.content header{margin-bottom:18px}.content header h1{font-size:23px}.profile-chip{display:none}.hero-panel{padding:24px;min-height:190px}.hero-panel h2{font-size:22px;max-width:85%}.hero-panel p{max-width:85%}.hero-orbit{right:-35px;bottom:-20px}.stats{grid-template-columns:1fr}.stats article{padding:16px}.panel{padding:18px;border-radius:16px}.task-list article{align-items:flex-start;flex-wrap:wrap}.task-list .actions{width:100%}.bottom{position:fixed;display:flex;z-index:10;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dce5f1;padding:6px 5px calc(6px + env(safe-area-inset-bottom));justify-content:space-around;box-shadow:0 -8px 30px #17255412}.bottom button{color:#738199;display:grid;justify-items:center;gap:2px;padding:5px 8px;font-size:11px;min-width:52px}.bottom button.active{color:#315fd0}.cards,.form-grid{grid-template-columns:1fr}.toast{right:15px;left:15px;top:10px}.login-card{padding:30px 24px}.notice-list article{align-items:flex-start}.growth-intro{display:grid}.growth-intro label{min-width:0;width:100%}.record-list article{grid-template-columns:1fr;gap:5px}.manage-list article{align-items:flex-start;flex-wrap:wrap}.inline-create{display:grid}.tr.account-row{min-width:760px}}.observation-toolbar,.observation-meta,.observation-legend{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.observation-toolbar label{min-width:260px}.observation-meta{margin:18px 0;padding:12px 14px;background:#eff6ff;border-radius:12px}.observation-meta span{color:var(--muted)}.observation-legend{font-size:12px;color:var(--muted);margin-bottom:14px}.observation-legend span{background:#f3f6fa;padding:5px 8px;border-radius:8px}.observation-legend b{color:#2859be;margin-right:4px}.observation-online{display:grid;gap:10px}.observation-online>article{border:1px solid var(--line);border-radius:14px;padding:12px;display:grid;grid-template-columns:150px 1fr auto;gap:10px;align-items:center}.observation-student{display:grid}.observation-student small{color:var(--muted)}.counter-grid{display:grid;grid-template-columns:repeat(11,minmax(54px,1fr));gap:5px;overflow:auto}.counter-grid>div{display:grid;grid-template-columns:1fr 1fr;place-items:center;background:#f5f8fc;border-radius:8px;padding:4px}.counter-grid b{grid-column:1/-1;color:#315fce;font-size:11px}.counter-grid button{border:0;background:#e5edfa;border-radius:6px;width:22px;height:22px;display:grid;place-items:center}.counter-grid span{font-weight:800}.observation-row-actions{display:grid;gap:5px}.observation-online>article>p{grid-column:2/-1;margin:0;color:var(--muted)}.paper-import{margin-top:18px;border:1px solid #bcd2ef;background:#f7fbff;padding:16px;border-radius:14px}.paper-import>p{color:var(--muted)}.paper-import>small{margin-left:10px}.paper-grid{display:grid;gap:8px;margin:14px 0}.paper-grid article{display:grid;grid-template-columns:130px repeat(11,1fr);gap:5px;align-items:end}.paper-grid label{font-size:11px;color:var(--muted)}.paper-grid input{padding:6px}.observation-print-root{display:none}@media(max-width:900px){.observation-online>article{grid-template-columns:1fr}.counter-grid{grid-template-columns:repeat(6,minmax(54px,1fr))}.observation-row-actions{display:flex}.paper-grid article{grid-template-columns:repeat(4,1fr)}.paper-grid article>b{grid-column:1/-1}}@page{size:A4 landscape;margin:10mm}@media print{body.observation-printing *{visibility:hidden!important}.observation-printing .observation-print-root,.observation-printing .observation-print-root *{visibility:visible!important}.observation-printing .observation-print-root{display:block;position:absolute;inset:0;background:#fff}.observation-print-page{page-break-after:always;font-family:Microsoft YaHei,sans-serif;color:#111}.observation-print-page:last-child{page-break-after:auto}.observation-print-page header{display:flex;justify-content:space-between;align-items:start;border-bottom:2px solid #111;margin-bottom:8px}.observation-print-page h1{font-size:18px;margin:0}.observation-print-page p{margin:4px 0 8px}.observation-print-page header>b{display:grid;text-align:right}.observation-print-page header small{font-weight:400}.observation-print-page table{width:100%;border-collapse:collapse;table-layout:fixed}.observation-print-page th,.observation-print-page td{border:1px solid #111;height:17mm;text-align:center}.observation-print-page th:first-child{width:38mm}.observation-print-page th:last-child{width:44mm}.observation-print-page footer{display:flex;flex-wrap:wrap;gap:3px 10px;font-size:8px;margin-top:6px}}.growth-student-select{display:grid;gap:7px;font-weight:700;max-width:360px}.growth-panel{margin-top:16px;border:1px solid var(--line);border-radius:15px;background:#f8fbff;padding:16px}.growth-panel-title{display:flex;justify-content:space-between;align-items:start;gap:12px}.growth-panel-title h3{display:flex;align-items:center;gap:7px;margin:0}.growth-panel-title p{margin:5px 0;color:var(--muted)}.active-goal{display:flex;justify-content:space-between;gap:16px;padding:15px;background:#fff;border:1px solid #cbdcf2;border-radius:13px}.active-goal>div:first-child{display:grid;gap:5px}.active-goal span,.active-goal small{color:var(--muted)}.active-goal p{margin:0}.goal-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.goal-form label{display:grid;gap:6px;font-weight:650}.goal-form button{align-self:end}.growth-panel details{margin-top:14px}.growth-panel summary{cursor:pointer;font-weight:700}.conversation{display:grid;gap:4px;border-top:1px solid var(--line);padding:10px 0}.conversation span{color:var(--muted)}@media(max-width:760px){.growth-panel-title,.active-goal{display:grid}.goal-form{grid-template-columns:1fr}}.principal-dashboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.principal-dashboard .panel{margin:0}.dashboard-date{display:grid;gap:6px;max-width:240px;font-weight:700}.campus-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:16px}.campus-overview article{display:grid;grid-template-columns:auto 1fr auto auto auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:15px;background:#fff}.campus-overview article>div{display:grid}.campus-overview span{color:var(--muted);font-size:13px}.dashboard-list{display:grid}.dashboard-list article{display:grid;grid-template-columns:minmax(180px,1fr) 1.2fr auto;gap:12px;align-items:center;padding:13px 0;border-top:1px solid var(--line)}.dashboard-list article:first-child{border-top:0}.dashboard-list article>div{display:grid;gap:4px}.dashboard-list span,.dashboard-list p{color:var(--muted);margin:0}.system-health>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:11px 0;border-top:1px solid var(--line)}.system-health small{color:var(--muted)}@media(max-width:1000px){.principal-dashboard{grid-template-columns:1fr}}@media(max-width:760px){.campus-overview article{grid-template-columns:auto 1fr}.dashboard-list article{grid-template-columns:1fr}}.reward-workspace{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.reward-form,.wallet-card{border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:16px;display:grid;gap:12px}.reward-form label{display:grid;gap:6px;font-weight:650}.reward-values,.wallet-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wallet-assets span{display:grid;text-align:center;background:#fff;border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--muted)}.wallet-assets b{font-size:22px;color:#2859be}.pet-summary{display:flex;align-items:center;gap:10px}.pet-summary>div{display:grid;flex:1}.pet-summary span{color:var(--muted);font-size:13px}.wallet-card summary{display:flex;align-items:center;gap:6px;cursor:pointer;font-weight:700}.wallet-card details p{margin:8px 0;color:var(--muted)}@media(max-width:760px){.reward-workspace{grid-template-columns:1fr}.reward-values,.wallet-assets{grid-template-columns:1fr 1fr 1fr}}.shop-card{grid-column:1/-1;border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:16px;display:grid;gap:12px}.shop-card h3{display:flex;align-items:center;gap:7px;margin:0}.shop-card .inline-create{grid-template-columns:minmax(180px,1fr) 110px auto}.shop-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.shop-list article,.redemption-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:11px}.shop-list article>div,.redemption-row>div:first-child{display:grid}.shop-list small,.redemption-row small{color:var(--muted)}.shop-card summary{cursor:pointer;font-weight:700;margin-bottom:10px}@media(max-width:760px){.shop-card .inline-create{grid-template-columns:1fr}.redemption-row{align-items:flex-start;flex-direction:column}}.grading-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:14px}.grading-columns>div{border:1px solid var(--line);border-radius:14px;background:#f8fbff;padding:16px}.grading-columns h3{margin:0 0 4px}.grading-columns textarea{resize:vertical}@media(max-width:760px){.grading-columns{grid-template-columns:1fr}}.practice-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.practice-batch{display:grid;gap:8px;border:1px solid var(--line);border-radius:12px;background:#f8fbff;padding:13px}.practice-batch small{color:var(--muted)}@media(max-width:760px){.practice-grid{grid-template-columns:1fr}}.practice-return{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.lookup-row{display:flex;gap:10px;max-width:480px}.lookup-row input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:750;letter-spacing:3px;text-transform:uppercase}.practice-review{display:grid;gap:14px;margin-top:16px}.print-summary,.submission-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.print-summary{padding:12px 14px;border-radius:12px;background:var(--surface-soft,#f3f7f6)}.submission-card{display:grid;gap:14px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fff}.submission-head small{display:block;margin-top:3px;color:var(--muted)}.practice-items{display:grid;gap:10px}.practice-items>article{display:grid;grid-template-columns:minmax(240px,1fr) minmax(180px,.6fr) auto;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#f8fbff}.practice-question{display:grid;gap:5px}.practice-question small{color:var(--muted)}@media(max-width:900px){.practice-items>article{grid-template-columns:1fr}.lookup-row,.print-summary,.submission-head{align-items:stretch;flex-direction:column}}.language-warning{padding:12px 14px;border:1px solid #e9b75c;border-radius:12px;background:#fff8e8;color:#704b0e}.language-warning p{margin:6px 0}.language-warning small{color:#765f35}.capture-start{display:grid;grid-template-columns:minmax(220px,1fr) auto auto;gap:12px;align-items:end}.capture-review{display:grid;gap:14px}.capture-status{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border-radius:12px;background:var(--surface-soft,#f3f7f6)}.capture-status small{display:block;margin-top:4px;color:var(--muted)}.success-state{display:flex;align-items:center;gap:9px;padding:14px;border-radius:12px;background:#eaf7f0;color:#205d40}@media(max-width:760px){.capture-start{grid-template-columns:1fr}.capture-status{align-items:stretch;flex-direction:column}}.ai-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.ai-stats article{display:grid;gap:4px;padding:14px;border-radius:12px;background:var(--surface-soft,#f3f7f6)}.ai-stats b{font-size:22px}.ai-stats span{color:var(--muted);font-size:13px}.ai-feature-list{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:10px}.ai-feature-list label{display:flex;align-items:center;gap:8px}.safety-note{display:flex;gap:9px;align-items:center;padding:12px;border-radius:12px;background:#eef4ff;color:#294b80}@media(max-width:760px){.ai-stats,.ai-feature-list{grid-template-columns:1fr}}.weekly-feedback-panel .weekly-feedback-editor{display:grid;gap:14px}.weekly-feedback-panel textarea{width:100%;resize:vertical;line-height:1.75}.weekly-feedback-panel .feedback-state{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.weekly-feedback-panel .feedback-state small{color:var(--muted)}.sync-banner{position:sticky;top:8px;z-index:40;display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 14px;border:1px solid #d9b75b;border-radius:14px;background:#fff8df;color:#604a0d;box-shadow:0 8px 24px #203d3420}.sync-banner span{flex:1}.sync-banner button{min-height:38px}.sync-banner.conflict{border-color:#d38a7a;background:#fff0ed;color:#752d20}.sync-banner.offline{border-color:#96a7a1;background:#edf4f1;color:#29483f}.break-game-workspace{max-width:980px;margin:0 auto}.break-game-intro{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#eef6ff,#effcf8)}.break-game-intro h2{margin:7px 0}.break-game-intro p{margin:0;max-width:760px;color:var(--muted);line-height:1.7}.break-game-intro>svg{color:#315fce;flex:0 0 auto}.break-game-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.break-game-form label{display:grid;gap:7px;font-weight:700}.break-game-generate{border:0;background:linear-gradient(135deg,var(--blue),var(--indigo));color:#fff;padding:12px 18px;border-radius:11px;display:inline-flex;align-items:center;gap:8px}.break-game-blocked{margin-top:16px}.generated-game header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px}.generated-game header span{display:inline-block;color:#315fce;background:#eef4ff;border-radius:20px;padding:5px 9px;font-size:12px}.generated-game header h2{font-size:25px;margin:8px 0 0}.generated-game header small{color:var(--muted)}.game-prompt{font-size:20px;font-weight:700;line-height:1.8;padding:24px 0;white-space:pre-wrap}.game-section{background:#f6f9fd;border-radius:14px;padding:16px 20px}.game-section h3{margin:0 0 10px}.game-section li{padding:4px 0;line-height:1.6}.game-meta{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.game-meta>div{border:1px solid var(--line);border-radius:12px;padding:14px}.game-meta p{margin:6px 0 0;color:var(--muted);line-height:1.6}.game-answer{margin-top:15px}.game-answer button{display:inline-flex;align-items:center;gap:7px;border:0;padding:10px 13px;border-radius:10px}.game-answer p{background:#fff8df;border:1px solid #f2dda0;border-radius:12px;padding:15px;line-height:1.7;white-space:pre-wrap}.generated-game footer{display:flex;align-items:flex-start;gap:8px;color:#496279;border-top:1px solid var(--line);padding-top:15px;margin-top:18px;font-size:13px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.break-game-form{grid-template-columns:1fr 1fr}.break-game-intro>svg{display:none}.generated-game header{display:grid}.game-meta{grid-template-columns:1fr}.game-prompt{font-size:18px}}.compliance-footer{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;padding:22px 12px;color:#718096;font-size:12px}.compliance-footer a{display:inline-flex;align-items:center;gap:4px;color:#5d6f87;text-decoration:none}.compliance-footer a:hover{color:#315fce;text-decoration:underline}.compliance-footer img{width:auto;height:20px;display:block;flex:0 0 auto}.login-shell>.compliance-footer{position:absolute;left:15px;right:15px;bottom:12px;color:#c7d2e0}.login-shell>.compliance-footer a{color:#d8e2ee}@media(max-width:760px){.login-shell>.compliance-footer{position:static;margin-top:18px}.compliance-footer{gap:8px;padding:16px 5px}.content>.compliance-footer{padding-bottom:8px}}.workbench-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:20px}.workbench-filters{display:grid;grid-template-columns:1fr 220px;gap:14px;margin-bottom:18px}.workbench-filters label{display:grid;gap:7px;font-weight:650}.workbench-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:-4px 0 18px}.workbench-filter-tabs button{min-height:38px;padding:7px 12px}.workbench-filter-tabs button.active{background:#153f3a;color:#fff;border-color:#153f3a}.workbench-groups{display:grid;gap:20px}.workbench-group{display:grid;gap:11px}.workbench-group>h3{display:flex;align-items:center;justify-content:space-between;margin:0;padding:0 2px;color:#1c3d3a}.workbench-group>h3 span{padding:4px 8px;border-radius:20px;background:#edf5f3;color:#55716e;font-size:12px;font-weight:600}.workbench-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(315px,1fr));gap:12px}.workbench-card{border:1px solid #dfe7f2;border-radius:16px;padding:16px;background:#fff;box-shadow:0 7px 24px #1725540a}.workbench-card.closed{background:#f6faf9;border-color:#cce5de}.workbench-card.absent{background:#faf8ff;border-color:#ddd6fe}.workbench-card-head{display:flex;align-items:center;gap:11px}.workbench-card-head>div:nth-child(2){display:grid;gap:3px;flex:1}.workbench-card-head span{color:var(--muted);font-size:13px}.attendance{padding:5px 8px;border-radius:20px!important;background:#f1f5f9;color:#64748b!important}.attendance.arrived{background:#dcfce7;color:#087a55!important}.attendance.leave{background:#e2e8f0;color:#475569!important}.attendance.absent{background:#ede9fe;color:#6d28d9!important}.progress-pills{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0}.progress-pills span{padding:5px 8px;border-radius:8px;background:#edf3fb;color:#425b7d;font-size:12px}.progress-pills .warn{background:#fff1e7;color:#a44b16}.progress-pills .explain{background:#f3e8ff;color:#7e22ce}.progress-pills .done{background:#dcfce7;color:#087a55}.open-task-summary{display:grid;gap:6px;margin:0 0 14px;padding:11px 12px;border-radius:11px;background:#f6f8fb;color:#526377;font-size:12px}.open-task-summary b{color:#253b52}.open-task-summary span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-task-summary span.correction{color:#a44b16}.open-task-summary small{color:#7a8797}.preview-box{padding:13px;border:1px solid #b9ddce;border-radius:12px;background:#effbf5;color:#17654c;line-height:1.55}.preview-box.bad{border-color:#f2cbd1;background:#fff0f2;color:#9d1c2f}.preview-box p{margin:5px 0 0}.member-editor{margin-top:16px;border-top:1px solid var(--line);padding-top:14px}.member-editor h3{margin:0 0 12px}.member-editor .student-picker{margin-bottom:12px}.detail-backdrop{position:fixed;z-index:40;inset:0;background:#07142680;display:flex;justify-content:flex-end;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.detail-drawer{width:min(620px,100%);height:100%;overflow:auto;background:#f7f9fc;padding:28px;box-shadow:-20px 0 60px #02061755}.detail-title{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px}.detail-title h2{margin:5px 0}.detail-title p{margin:0;color:var(--muted)}.detail-task-list{display:grid;gap:12px}.detail-task-list article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:16px;display:grid;gap:13px}.task-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.v1-status{font-size:12px;padding:4px 8px;border-radius:20px;background:#edf1f7;color:#58677c}.v1-status.correction_required{background:#fff1e7;color:#a44b16}.v1-status.completed{background:#dcfce7;color:#087a55}.v1-status.cancelled{background:#f1f5f9;color:#64748b}.task-reason{margin:5px 0 0;padding:8px 10px;background:#fff7ed;border-radius:8px;color:#9a4716;font-size:13px}.individual-task-entry{margin-bottom:16px;padding:17px;border:1px solid #cfe1dc;border-radius:16px;background:#f5fbf9}.individual-task-entry h3{display:flex;align-items:center;gap:8px;margin:0}.individual-task-entry>p{margin:6px 0 14px;color:var(--muted);font-size:13px}.photo-link{margin-top:9px;background:#eef6f5;color:#266a61;border:0;min-height:36px}.photo-link:hover{background:#dff1ed}.task-edit-form{display:grid;gap:11px}.task-edit-form label{display:grid;gap:6px;font-size:13px;font-weight:650}.task-edit-form input,.task-edit-form textarea{background:#fbfdfd}.task-issues{margin-top:12px;padding-top:11px;border-top:1px dashed #dbe4eb}.task-issues-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.task-issues-title>b{display:flex;align-items:center;gap:6px;font-size:13px;color:#76512c}.task-issues-title button{min-height:34px;padding:5px 9px}.issue-list{display:grid;gap:8px;margin-top:9px}.issue-list>article{padding:10px!important;border:1px solid #f0dcc9!important;border-radius:10px!important;background:#fffaf5!important}.issue-list article>div:first-child{display:grid;gap:3px}.issue-list strong{font-size:13px}.issue-list span,.issue-list small{font-size:12px;color:#756557}.issue-list .correction-note{color:#2d6c5f}.issue-actions{display:flex;gap:6px;flex-wrap:wrap}.issue-actions button{min-height:34px;padding:5px 8px;font-size:12px}.issue-form{display:grid;gap:10px;margin-top:10px;padding:12px;border-radius:12px;background:#fffaf5;border:1px solid #f0dcc9}.issue-form-title{display:flex;align-items:center;justify-content:space-between}.issue-form-title button{min-height:32px}.issue-overview-panel{align-self:start}.knowledge-summary{display:grid;gap:8px}.knowledge-summary>article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;background:#f7f9fc;border:1px solid #e4eaf2}.knowledge-summary article>div{display:grid;gap:3px}.knowledge-summary small,.knowledge-summary span{color:var(--muted);font-size:12px}.knowledge-summary span{padding:5px 7px;border-radius:8px;background:#eef2f7}.knowledge-summary span.attention{background:#f3e8ff;color:#7e22ce}.explanation-queue{display:grid;gap:8px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line)}.explanation-queue h3{margin:0 0 3px;font-size:15px}.explanation-queue>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border-radius:12px;background:#fffaf5;border:1px solid #f0dcc9}.explanation-queue article>div{display:grid;gap:3px}.explanation-queue span,.explanation-queue small{font-size:12px;color:#756557}.explanation-queue button{white-space:nowrap;min-height:36px;padding:6px 9px}@media(max-width:1000px){.workbench-grid{grid-template-columns:1fr}}@media(max-width:760px){.workbench-filters,.workbench-cards{grid-template-columns:1fr}.detail-drawer{padding:20px 15px}.detail-title h2{font-size:21px}}.classroom-display{min-height:calc(100vh - 150px);padding:26px;border-radius:24px;background:radial-gradient(circle at 90% 0,#1a6b7055,transparent 34%),linear-gradient(145deg,#071c2b,#0b3040 55%,#153b45);color:#f7fbfc;box-shadow:0 24px 70px #081c2c33}.display-toolbar{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:24px}.display-toolbar h2{display:flex;align-items:center;gap:10px;font-size:30px;margin:6px 0}.display-toolbar p{color:#b9ccd2;margin:0}.display-controls{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.display-controls label{display:grid;gap:5px;color:#c8d7dc;font-size:13px}.display-controls input,.display-controls select{background:#f7fbfc;color:#102d38;min-width:145px}.display-controls button{min-height:44px}.display-controls .ghost{color:#ecf7f7;border-color:#ffffff40;background:#ffffff10}.display-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 18px;padding:14px 16px;border:1px solid #ffffff1f;border-radius:14px;background:#ffffff0b}.display-heading>div{display:flex;align-items:center;gap:14px}.display-heading b{font-size:20px}.display-heading span,.display-heading small{color:#b9ccd2}.display-groups{display:grid;gap:18px}.display-group{padding:18px;border:1px solid #ffffff1c;border-radius:18px;background:#ffffff0a}.display-group h3{display:flex;justify-content:space-between;align-items:center;margin:0 0 14px;font-size:20px}.display-group h3 span{font-size:13px;font-weight:500;color:#b9ccd2}.display-students{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:11px}.display-students article{display:grid;grid-template-columns:48px 1fr auto auto;align-items:center;gap:12px;padding:13px 15px;border-radius:14px;background:#f8fcfd;color:#102d38;border-left:4px solid #6fc9bd}.display-students article.day-complete{border-left-color:#e9bd62;background:#fffdf7}.display-avatar{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:#dff4ef;color:#176b61;font-weight:800;font-size:20px}.display-student-main{display:grid;gap:3px}.display-student-main span{font-size:12px;color:#64747a}.display-presence{font-size:12px;padding:5px 8px;border-radius:20px;background:#edf2f4;color:#607279}.display-presence.present{background:#dff5ec;color:#176b51}.display-presence.finished{background:#fff1ce;color:#775814}.display-task-progress{display:grid;text-align:right}.display-task-progress b{font-size:22px}.display-task-progress i{font-size:13px;font-style:normal;color:#9aa7ab;padding:0 2px}.display-task-progress span{font-size:11px;color:#6e7d82}.display-empty{text-align:center;padding:80px 20px;color:#c8d7dc}@media(max-width:900px){.display-toolbar{align-items:flex-start;flex-direction:column}.display-students{grid-template-columns:1fr}.classroom-display{padding:18px}.display-students article{grid-template-columns:44px 1fr auto}.display-presence{display:none}}.student-profile-grid{display:grid;grid-template-columns:minmax(320px,.7fr) minmax(0,1.3fr);gap:20px}.profile-cards{display:grid;gap:11px}.profile-cards>article{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px;border:1px solid var(--line);border-radius:15px;background:#fff}.profile-person{display:flex;align-items:center;gap:12px}.profile-person>span{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:#dff4ef;color:#176b61;font-size:19px;font-weight:800}.profile-person>div{display:grid;gap:3px}.profile-person small{color:var(--muted)}.profile-badges{display:flex;align-items:center;gap:12px}.profile-badges em{font-style:normal;font-size:12px;padding:5px 8px;border-radius:20px;background:#eff6f5;color:#397269}.profile-edit{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:10px}.profile-edit label{display:grid;gap:5px;font-size:13px;font-weight:650}@media(max-width:950px){.student-profile-grid{grid-template-columns:1fr}.profile-edit{grid-template-columns:1fr 1fr}.profile-edit .actions{grid-column:1/-1}}@media(max-width:650px){.profile-cards>article,.profile-badges{align-items:flex-start;flex-direction:column}.profile-edit{grid-template-columns:1fr}}.display-presence.away{background:#ede9fe;color:#6d28d9}