:root{color:#1d2433;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fb;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:#f7f8fb;min-width:320px;margin:0}button,input{font:inherit}.page-header{background:#fff;border-bottom:1px solid #dce2eb;justify-content:space-between;align-items:flex-start;gap:18px;padding:28px clamp(18px,4vw,48px) 18px;display:flex}.page-header h1{letter-spacing:0;margin:0 0 8px;font-size:clamp(24px,3vw,34px);font-weight:750}.page-header p{color:#657186;max-width:980px;margin:0;line-height:1.6}.refresh{color:#fff;cursor:pointer;background:#2f6fed;border:1px solid #2f6fed;border-radius:6px;min-width:78px;padding:8px 14px}.refresh:disabled{cursor:wait;opacity:.68}.page{padding:22px clamp(18px,4vw,48px) 42px}.state{color:#657186;background:#fff;border:1px solid #dce2eb;border-radius:8px;padding:28px}.state.error{color:#9f3350;border-color:#d59aaa}.kpi-grid{grid-template-columns:repeat(5,minmax(150px,1fr));gap:16px;margin-bottom:18px;display:grid}.kpi-card,.panel{background:#fff;border:1px solid #dce2eb;border-radius:8px;box-shadow:0 8px 26px #151f3014}.kpi-card{align-content:space-between;min-height:118px;padding:16px;display:grid}.kpi-card span,.kpi-card em,.panel-title p,.source{color:#657186}.kpi-card span{font-size:13px}.kpi-card strong{font-variant-numeric:tabular-nums;font-size:27px;line-height:1.1}.kpi-card em{font-style:normal}.panel-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;margin-bottom:16px;display:grid}.panel-wide{grid-column:span 1}.panel{padding:18px;overflow:hidden}.panel-title{margin-bottom:14px}.panel-title h2{margin:0;font-size:17px}.panel-title p{margin:4px 0 0;font-size:13px}.chart{width:100%;height:320px}.table-wrap{border:1px solid #dce2eb;border-radius:8px;max-height:480px;overflow:auto}table{border-collapse:collapse;table-layout:fixed;width:100%}th,td{text-align:left;vertical-align:top;text-overflow:ellipsis;border-bottom:1px solid #dce2eb;padding:10px 8px;overflow:hidden}th{z-index:1;color:#657186;background:#fafbfd;font-weight:650;position:sticky;top:0}.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.col-org-name{width:36%}.col-org-compute{width:18%}.col-org-events{width:14%}.col-org-days{width:10%}.col-org-teachers,.col-org-students{width:11%}.col-tool-type{width:22%}.col-tool-name{width:34%}.col-tool-events,.col-tool-compute{width:22%}.col-lesson-name{width:34%}.col-lesson-average,.col-lesson-events,.col-lesson-count{width:15%}.col-lesson-compute{width:21%}.section-loading{background:#fbfcfe;border:1px solid #dce2eb;border-radius:8px;place-items:center;min-height:160px;display:grid}.spinner{border:3px solid #dce2eb;border-top-color:#2f6fed;border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.source{margin:18px 0 0;font-size:12px}@media (width<=1080px){.kpi-grid,.panel-grid{grid-template-columns:1fr}}@media (width<=620px){.page-header{display:block}.refresh{width:100%;margin-top:16px}.chart{height:300px}}