.progress[data-v-4fc2990c]{display:flex;align-items:center;position:relative}.progress .onehundred-icon[data-v-4fc2990c]{position:absolute;width:24px;height:24px;border-radius:50%;background:#ffbf00;display:flex;align-items:center;justify-content:center}.progress .onehundred-icon svg[data-v-4fc2990c]{font-size:16px;color:#43266d}.progress .outside[data-v-4fc2990c]{flex:1;padding:3px;border-radius:15px;height:30px}.progress .bar[data-v-4fc2990c]{flex:1;width:100%;height:100%;display:flex;align-items:center;margin-right:10px;border-radius:15px;overflow:hidden}.progress .bar>div[data-v-4fc2990c]{height:100%}.progress .bar .left[data-v-4fc2990c]{border-radius:15px 0 0 15px}.progress .bar .right[data-v-4fc2990c]{background-color:#fff;border-radius:0 15px 15px 0}.progress .text[data-v-4fc2990c]{width:100px}.tooltip[data-v-4fc2990c]{display:flex;gap:5px;min-width:320px}.tooltip>div[data-v-4fc2990c]{flex:1;white-space:nowrap}.student-notes-viewer[data-v-4fc2990c]{max-width:1400px;margin:0 auto;padding:24px 4% 40px}.header-bar[data-v-4fc2990c]{display:flex;align-items:baseline;gap:14px;margin-bottom:18px}.header-bar .page-title[data-v-4fc2990c]{margin:0;font-size:24px;font-weight:700;color:#2c3e50}.header-bar .role-hint[data-v-4fc2990c]{font-size:13px;color:#6b7280}.layout[data-v-4fc2990c]{display:grid;grid-template-columns:320px 1fr;gap:18px;align-items:start}.student-pane[data-v-4fc2990c]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 200px)}.student-pane .search-row[data-v-4fc2990c]{padding:12px}.student-pane .search-input[data-v-4fc2990c]{width:100%;box-sizing:border-box;padding:8px 12px;border:1.5px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none}.student-pane .search-input[data-v-4fc2990c]:focus{border-color:#5b6abf}.student-pane .student-list[data-v-4fc2990c]{flex:1;overflow-y:auto;padding:4px 8px 12px}.student-pane .empty-hint[data-v-4fc2990c]{padding:30px 16px;text-align:center;color:#999;font-size:14px}.student-card[data-v-4fc2990c]{padding:12px;border-radius:8px;margin-bottom:6px;cursor:pointer;border:1.5px solid transparent}.student-card[data-v-4fc2990c]:hover{background:#f9fafb}.student-card.active[data-v-4fc2990c]{background:#eef2ff;border-color:#5b6abf}.student-card .student-name[data-v-4fc2990c]{font-weight:600;color:#2c3e50;font-size:14px}.student-card .student-name .cw-id[data-v-4fc2990c]{color:#9ca3af;font-weight:400;font-size:12px;margin-left:6px}.student-card .student-meta[data-v-4fc2990c]{margin-top:4px;display:flex;gap:10px;font-size:12px;color:#6b7280}.student-card .student-meta .count[data-v-4fc2990c]{font-weight:600;color:#5b6abf}.student-card .student-meta .count.zero[data-v-4fc2990c]{color:#cbd5e1;font-weight:400}.notes-pane[data-v-4fc2990c]{background:#fff;border:1px solid #e5e7eb;border-radius:12px;min-height:600px;padding:22px 24px 30px}.notes-header h2[data-v-4fc2990c]{margin:0 0 18px;font-size:18px;color:#2c3e50}.empty-state[data-v-4fc2990c]{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#9ca3af;padding:60px 20px}.empty-state .empty-icon[data-v-4fc2990c]{font-size:50px;margin-bottom:10px}.empty-state p[data-v-4fc2990c]{font-size:15px}.notes-grid[data-v-4fc2990c]{display:flex;flex-direction:column;gap:14px}.note-block[data-v-4fc2990c]{border:1px solid #e5e7eb;border-radius:10px;padding:14px 16px;background:#fafbfc}.note-block.pinned[data-v-4fc2990c]{background:#fff8e1;border-color:#f5a623}.note-block .note-block-head[data-v-4fc2990c]{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.note-block .note-block-head .pin[data-v-4fc2990c]{font-size:13px}.note-block .note-block-head .title[data-v-4fc2990c]{font-weight:700;font-size:15px;color:#2c3e50;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-block .note-block-head .anchor-pill[data-v-4fc2990c]{padding:2px 8px;border-radius:8px;font-size:11px;background:#f3f4f6;color:#6b7280}.note-block .note-block-head .anchor-pill.a-problem[data-v-4fc2990c]{background:#fee2e2;color:#b91c1c}.note-block .note-block-head .anchor-pill.a-week[data-v-4fc2990c]{background:#dbeafe;color:#1e40af}.note-block .note-block-head .time[data-v-4fc2990c]{font-size:11px;color:#9ca3af}.note-block .note-content[data-v-4fc2990c]{font-size:14px;line-height:1.7;color:#333}.note-block .note-content[data-v-4fc2990c] pre{background:#f0f0f5;padding:10px;border-radius:6px;overflow-x:auto}.note-block .note-content[data-v-4fc2990c] code{font-size:13px}.note-block .note-content[data-v-4fc2990c] h1,.note-block .note-content[data-v-4fc2990c] h2,.note-block .note-content[data-v-4fc2990c] h3{margin:8px 0 6px}@media (max-width:880px){.layout[data-v-4fc2990c]{grid-template-columns:1fr}.student-pane[data-v-4fc2990c]{max-height:none}}