:root{--ink:#17221f;--muted:#71807b;--line:#e4ebe7;--paper:#f7faf8;--white:#fff;--teal:#0b7b6b;--teal-dark:#075c52;--lime:#dff28c;--coral:#f18468;--yellow:#f4c95d;--shadow:0 16px 38px rgba(28,54,46,.08)}
.screen-brand{min-width:430px;flex:1}.screen-brand h1,.screen-brand p{text-align:center}
.screen-main .icon-btn:disabled{opacity:.55;cursor:wait}.screen-main .icon-btn.loading{animation:screen-refresh-spin .7s linear infinite}@keyframes screen-refresh-spin{to{transform:rotate(360deg)}}
.screen-header{position:relative;min-height:92px}.screen-brand{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:max-content;min-width:0}.screen-controls{transform:scale(.82);transform-origin:right bottom}
.screen-controls{position:absolute;right:0;bottom:10px;transform:none}
@media(max-width:760px){.screen-brand{position:static;transform:none;width:auto}.screen-controls{transform:none}}
@media(max-width:900px){.screen-main{padding:12px 10px 18px}.screen-header{min-height:58px;padding-bottom:10px}.screen-brand{position:static;transform:none;width:100%;min-width:0}.screen-brand h1{font-size:20px;line-height:1.25}.screen-brand p{font-size:11px;margin-top:3px}.screen-controls{display:none}.screen-content{padding-top:10px}.screen-table-scroll{max-height:calc(100vh - 92px);overflow-x:auto}.screen-main .report-table{min-width:1450px;font-size:10px}.screen-main .report-table th,.screen-main .report-table td{padding:7px 8px}.screen-main .report-table .goal-cell{min-width:125px}.screen-main .goal-text{font-size:10px}.screen-status{right:10px;top:7px;font-size:9px}}
.inputs.three{grid-template-columns:repeat(3,minmax(0,1fr))}.teacher-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:900px){.teacher-metrics{grid-template-columns:1fr}}@media(max-width:620px){.inputs.three{grid-template-columns:1fr}}
.auto-save-status{color:var(--teal);font-size:12px;font-weight:700;padding:10px 0}
.screen-main{padding:24px 36px 40px}.screen-toolbar{display:flex;justify-content:space-between;align-items:center;padding:18px 0}.screen-toolbar strong{font-size:20px}.screen-toolbar select{border:1px solid var(--line);border-radius:6px;background:white;padding:8px 12px}.screen-table-scroll{max-height:calc(100vh - 150px);overflow:auto}.screen-main .report-table{min-width:1250px}.frontend-only{display:none}.report-table .goal-cell{min-width:145px;white-space:normal}.goal-text{color:var(--ink);font-size:11px;line-height:1.4;white-space:pre-line;text-align:left}.report-table .average-row td{background:#09a9d8;color:#063b4c;font-weight:800}.report-table .average-row .average-label{text-align:left}.report-table .average-row .average-rate{color:white}.report-table .average-row .average-good{background:#0aa95f}.report-table .average-row .average-low{background:#ed1c24}.report-table .average-row .average-blank{background:#09a9d8}.report-table .average-row .total-average{font-size:13px}
.screen-main{min-height:100vh;background:#f7faf8;padding:30px 42px 42px}.screen-header{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;padding-bottom:22px;border-bottom:1px solid var(--line)}.screen-brand>span{font-size:11px;letter-spacing:2px;color:var(--teal);font-weight:800}.screen-brand h1{margin:8px 0 0;font-size:30px;color:var(--ink)}.screen-brand p{margin:8px 0 0;color:var(--teal);font-size:14px;font-weight:800}.screen-controls{display:flex;align-items:flex-end;gap:10px}.screen-controls label{display:flex;flex-direction:column;gap:5px;color:var(--muted);font-size:11px}.screen-controls select{min-width:120px;border:1px solid #cbdcd6;border-radius:6px;background:white;color:var(--ink);padding:9px 11px}.screen-content{padding-top:22px}.screen-table-scroll{max-height:calc(100vh - 160px);border-radius:8px}.screen-main .report-table{min-width:1250px}.screen-main .report-table th,.screen-main .report-table td{padding:12px 14px}.screen-main .report-table .active-week{background:#f0f8d8;font-weight:800}.screen-status{position:fixed;right:42px;top:18px;color:var(--muted);font-size:11px}@media(max-width:760px){.screen-main{padding:20px 16px}.screen-header{display:block}.screen-controls{align-items:stretch;flex-wrap:wrap;margin-top:18px}.screen-controls label{flex:1;min-width:130px}.screen-controls select{width:100%}.screen-status{right:16px;top:12px}}
.screen-main .report-table{min-width:1100px}.screen-main .report-table th,.screen-main .report-table td{padding:12px 14px}.screen-main .metric-name{font-weight:700;color:var(--teal-dark)}.screen-main .target-cell{font-weight:700;color:var(--ink)}.screen-main .goal-cell{min-width:180px}.screen-main .goal-text{font-size:13px}
.screen-main .report-table{min-width:1650px}.screen-main .report-table .goal-cell{min-width:145px}.screen-main .report-table .rate-good{background:#08a957;color:#063b2d;font-weight:800}.screen-main .report-table .rate-low{background:#f21d18;color:#fff;font-weight:800}.screen-main .report-table .rate-error{background:#f4c95d;color:#765800;font-weight:800}.screen-main .report-table .rank-cell{color:var(--coral);font-weight:800}.screen-main .report-table .average-row td{background:#09a9d8;color:#063b4c;font-weight:800}.screen-main .report-table .average-row .average-rate{color:white}.screen-main .report-table .average-row .average-good{background:#0aa95f}.screen-main .report-table .average-row .average-low{background:#ed1c24}.screen-main .report-table .average-row .average-blank{background:#09a9d8}.screen-main .report-table .total-rate{font-weight:850}
.screen-main .report-table .total-rate.average-good{background:#0aa95f;color:white}.screen-main .report-table .total-rate.average-low{background:#ed1c24;color:white}
.inputs.five{grid-template-columns:repeat(5,minmax(0,1fr))}.goal-editor{width:100%;resize:vertical;border:1px solid var(--line);border-radius:6px;padding:8px;margin:8px 0 10px;color:var(--ink);background:white;font:inherit;font-size:12px}.goal-editor:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px #dff3ed}@media(max-width:1100px){.inputs.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:620px){.inputs.five{grid-template-columns:1fr}}
.report-table .rate-error{background:#ffe36e;color:#765800;font-weight:800}.report-table .invalid-row .name-cell{background:#fff8c9}.admin-rule{margin-left:auto;margin-right:14px}.admin-rule label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.admin-rule input{width:76px;border:1px solid var(--line);border-radius:6px;padding:8px;text-align:right}.admin-rule span{font-size:12px;color:var(--muted)}.bar i.good{background:#35a85f}.bar i.low{background:var(--coral)}.metric-error{background:#fff7bd;border-color:#e6c73c}.error-check{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:10px;color:#765800;cursor:pointer}.error-check input{accent-color:#d4a900}.participation-check{float:right;display:flex;align-items:center;gap:4px;font-size:10px;font-weight:500;color:var(--muted);cursor:pointer}.participation-check input{accent-color:var(--teal)}.table-tools{display:flex;align-items:center;gap:14px}.rate-legend{display:flex;gap:9px;font-size:10px}.rate-legend span{display:flex;align-items:center;gap:4px;white-space:nowrap}.rate-legend span:before{content:"";width:8px;height:8px;border-radius:2px}.legend-red:before{background:#f3b7a5}.legend-green:before{background:#83cc72}.legend-yellow:before{background:#f0cf3f}@media(max-width:900px){.table-tools{align-items:flex-end;flex-direction:column}.rate-legend{flex-wrap:wrap;justify-content:flex-end}}
.filters{display:flex;gap:8px}.entry-filter{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:12px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-panel{background:white;border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:16px}.panel-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-title h3{margin:0;font-size:18px}.panel-title small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.mini-btn{border:1px solid #b9d9d1;background:#eff8f4;color:var(--teal-dark);border-radius:6px;padding:7px 10px;cursor:pointer}.editor-row{display:flex;gap:8px;align-items:center;margin:9px 0}.editor-row input,.editor-row select{width:100%;border:1px solid var(--line);background:white;border-radius:6px;padding:8px;color:var(--ink);outline:none}.editor-row input:first-child{flex:1}.editor-row input:nth-child(2){flex:1}.metric-editor select{width:105px}.member-editor select{width:150px}.delete-btn{border:0;background:transparent;color:var(--coral);font-size:12px;cursor:pointer;white-space:nowrap}.switch{font-size:11px;color:var(--muted);white-space:nowrap}.switch input{accent-color:var(--teal)}.group-tag{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:3px}.rank{font-size:11px;color:var(--coral);font-weight:800}.empty{padding:35px;background:white;border:1px dashed var(--line);border-radius:10px;text-align:center;color:var(--muted)}@media(max-width:900px){.admin-grid{grid-template-columns:1fr}}@media(max-width:620px){.filters{flex-wrap:wrap}.editor-row{flex-wrap:wrap}.member-editor select,.metric-editor select{width:100%}}
.report-table-panel{padding-bottom:12px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:8px}.report-table{border-collapse:separate;border-spacing:0;min-width:980px;width:100%;font-size:12px;background:white}.report-table th,.report-table td{padding:11px 12px;text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.report-table th{background:#edf7f3;color:var(--teal-dark);font-weight:750}.report-table thead tr:first-child th{background:#dcefe8;font-size:12px}.report-table tr:last-child td{border-bottom:0}.report-table th:last-child,.report-table td:last-child{border-right:0}.report-table .sticky-col{width:56px}.report-table .sticky-name{text-align:left;min-width:84px}.report-table .name-cell{text-align:left;font-weight:750}.report-table .rank-cell{color:var(--coral);font-weight:800}.report-table .rate-good{background:#e5f5d7;color:#28744e;font-weight:800}.report-table .rate-low{background:#fff0e9;color:#b45c42;font-weight:700}.report-table .total-rate{background:#f0f8d8;color:var(--teal-dark);font-weight:850;font-size:13px}.empty-cell{padding:28px!important;color:var(--muted)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI","Microsoft YaHei",sans-serif}button,select,input{font:inherit}.app-shell{min-height:100vh;display:flex}.sidebar{width:238px;background:#123a35;color:white;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 10px 48px}.brand-mark{width:38px;height:38px;background:var(--lime);color:var(--teal-dark);display:grid;place-items:center;font-size:24px;font-weight:800;border-radius:11px}.brand strong,.brand span{display:block}.brand strong{font-size:16px}.brand span{font-size:11px;color:#a9cbc2;margin-top:4px}.nav-item{display:flex;align-items:center;gap:13px;border:0;background:transparent;color:#b9d2cc;width:100%;padding:13px 14px;border-radius:9px;text-align:left;margin:3px 0;cursor:pointer}.nav-item span{font-size:19px;width:20px;text-align:center}.nav-item.active,.nav-item:hover{background:#1c5149;color:white}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.side-note{margin-top:auto;background:#1b4a42;border-radius:10px;padding:13px;display:flex;gap:9px;align-items:flex-start}.side-note b,.side-note small{display:block}.side-note b{font-size:12px}.side-note small{color:#a9cbc2;font-size:10px;margin-top:4px}.live-dot{width:8px;height:8px;background:#85e69d;border-radius:50%;margin-top:4px;box-shadow:0 0 0 4px rgba(133,230,157,.13)}.main{flex:1;min-width:0;padding:30px 52px 60px}.topbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:24px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--teal);font-weight:800}.topbar h1{margin:7px 0 0;font-size:28px;letter-spacing:0}.top-actions{display:flex;align-items:center;gap:13px}.sync-status{font-size:12px;color:var(--muted)}.icon-btn{width:35px;height:35px;border:1px solid var(--line);background:white;border-radius:50%;color:var(--teal);cursor:pointer;font-size:20px}.hero-row{display:flex;justify-content:space-between;align-items:center;padding:34px 0 27px}.muted{color:var(--muted);font-size:12px;margin:0 0 8px}.hero-row h2,.entry-intro h2{font-size:35px;line-height:1.2;margin:0;font-weight:750}.hero-row h2 em{font-style:normal;color:var(--teal)}.description{color:var(--muted);font-size:13px;margin:10px 0 0}.week-badge{min-width:142px;background:var(--lime);padding:15px 18px 13px;border-radius:14px;color:var(--teal-dark);text-align:right}.week-badge span{display:block;font-size:11px;font-weight:700}.week-badge strong{font-size:38px;line-height:1}.week-badge small{display:block;font-size:10px;margin-top:7px}.summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.summary-card{background:var(--white);box-shadow:var(--shadow);padding:18px 19px;border-radius:10px;min-height:130px;border-top:4px solid var(--teal)}.summary-card:nth-child(2){border-color:var(--coral)}.summary-card:nth-child(3){border-color:var(--yellow)}.summary-card:nth-child(4){border-color:#8d9ee9}.summary-card .label{color:var(--muted);font-size:12px}.summary-card strong{display:block;font-size:31px;margin-top:13px}.summary-card small{color:var(--muted);font-size:11px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:38px 0 15px}.section-head h3{font-size:20px;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:5px 0 0}.section-head select{background:white;border:1px solid var(--line);padding:9px 13px;border-radius:7px;color:var(--muted)}.member-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.member-card{background:white;border:1px solid var(--line);border-radius:10px;padding:17px;cursor:pointer;transition:.18s}.member-card:hover{transform:translateY(-2px);box-shadow:var(--shadow);border-color:#b5d7cf}.member-top{display:flex;justify-content:space-between;align-items:center}.avatar{width:36px;height:36px;background:#e5f4ee;color:var(--teal);border-radius:50%;display:grid;place-items:center;font-weight:800}.member-name{font-weight:750;margin-left:10px;flex:1}.score{font-size:21px;font-weight:800;color:var(--teal)}.score small{font-size:10px;font-weight:500;color:var(--muted)}.bar-row{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:11px;color:var(--muted)}.bar-row>span:first-child{width:39px}.bar{height:6px;background:#edf2ef;border-radius:4px;flex:1;overflow:hidden}.bar i{display:block;height:100%;background:var(--teal);border-radius:4px}.bar-value{width:36px;text-align:right;color:var(--ink)}.hidden{display:none!important}.entry-intro{display:flex;justify-content:space-between;align-items:end;padding:34px 0 24px}.primary-btn{border:0;background:var(--teal);color:white;border-radius:8px;padding:12px 17px;cursor:pointer;box-shadow:0 8px 16px rgba(11,123,107,.17)}.primary-btn:hover{background:var(--teal-dark)}.entry-list{display:grid;gap:14px}.entry-card{background:white;border:1px solid var(--line);padding:19px;border-radius:10px}.entry-card-head{display:flex;align-items:center;margin-bottom:16px}.entry-card-head .avatar{margin-right:10px}.entry-card-head strong{font-size:17px}.entry-card-head small{color:var(--muted);margin-left:9px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#f7faf8;padding:13px;border-radius:8px;border:1px solid #edf2ef}.metric.disabled{opacity:.48}.metric-label{font-size:12px;font-weight:750;color:var(--teal-dark);margin-bottom:10px}.metric-goal{font-size:11px;color:var(--muted);white-space:pre-line;min-height:31px;margin-bottom:10px}.inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.input-wrap label{font-size:10px;color:var(--muted);display:block;margin-bottom:4px}.input-wrap input{width:100%;border:1px solid var(--line);background:white;border-radius:6px;padding:8px;color:var(--ink);outline:none}.input-wrap input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #dff3ed}.toast{position:fixed;right:25px;bottom:25px;background:#123a35;color:white;padding:12px 16px;border-radius:8px;opacity:0;transform:translateY(10px);transition:.2s;font-size:13px}.toast.show{opacity:1;transform:translateY(0)}@media(max-width:900px){.sidebar{width:190px}.main{padding:25px}.summary-grid,.member-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.app-shell{display:block}.sidebar{width:100%;padding:14px 15px;flex-direction:row;align-items:center}.brand{padding:0;flex:1}.sidebar nav{display:flex}.nav-item{width:auto;padding:9px}.nav-item span{display:none}.side-note{display:none}.main{padding:20px 16px}.hero-row,.entry-intro{display:block}.week-badge{margin-top:20px;text-align:left;width:100%}.summary-grid,.member-grid,.metrics{grid-template-columns:1fr}.summary-card{min-height:100px}.section-head{align-items:start;gap:12px}.entry-intro .primary-btn{margin-top:20px;width:100%}}