:root{font-family:Aptos,Segoe UI Variable,Segoe UI,Helvetica Neue,sans-serif;color:#1d2823;background:radial-gradient(circle at top left,rgba(221,208,178,.6),transparent 32%),linear-gradient(180deg,#f7f2e7,#eef2eb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .94);--border: rgba(42, 70, 58, .14);--text-muted: #59685f;--accent: #2d6a4f;--accent-soft: rgba(45, 106, 79, .12);--danger: #a44343;--danger-soft: rgba(164, 67, 67, .12);--shadow: 0 20px 50px rgba(70, 84, 72, .12)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}textarea{resize:vertical}.app-shell{min-height:100vh;padding:32px}.app-header{margin:0 auto 24px}.app-header h1{margin:4px 0 10px;text-align:center;font-size:clamp(2rem,3vw,2.8rem);line-height:1.05;letter-spacing:-.04em}.lead{text-align:center;margin:0;color:var(--text-muted);line-height:1.6}.workspace-grid{margin:0 auto;display:grid;grid-template-columns:320px minmax(340px,1fr) minmax(380px,1.05fr);gap:20px;align-items:start}.column.stack{display:flex;flex-direction:column;gap:20px}.panel{padding:20px;border:1px solid var(--border);border-radius:22px;background:var(--surface);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.panel-heading h2{margin:4px 0 0;font-size:1.12rem}.panel-subtitle{margin:6px 0 0;color:var(--text-muted);font-size:.92rem}.eyebrow{margin:0;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.meta-pill,.status-chip,.severity-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:4px 10px;font-size:.76rem;font-weight:700;white-space:nowrap}.meta-pill{background:#1d28230f;color:#31443b}.status-chip.subtle{background:#2d6a4f1f;color:var(--accent)}.status-chip.muted{background:#606b6514;color:#6d7b73}.severity-1{background:#537a6724;color:#3f6d57}.severity-2{background:#c9a04f29;color:#8d6a1f}.severity-3{background:#bc613729;color:#9a4f23}.severity-4{background:#a4434329;color:var(--danger)}.field,.field-label{display:flex;flex-direction:column;gap:8px}.field-label{margin-bottom:8px;font-size:.88rem;font-weight:600}.field-label.required:after{content:" *";color:var(--danger)}.text-input{width:100%;padding:12px 14px;border:1px solid rgba(43,71,58,.14);border-radius:14px;background:var(--surface-strong);color:inherit;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}.text-input:focus{outline:none;border-color:#2d6a4f73;box-shadow:0 0 0 4px #2d6a4f1f}.input-area{min-height:170px}.large-textarea{min-height:120px}.draft-textarea{min-height:7.5rem}.inline-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.spaced-top{margin-top:16px}.primary-button,.secondary-button{min-height:42px;padding:0 16px;border-radius:999px;border:1px solid transparent;transition:transform .12s ease,background-color .12s ease,border-color .12s ease,opacity .12s ease}.primary-button{background:linear-gradient(135deg,#2d6a4f,#3b7d5e);color:#fff}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button{background:#ffffffa6;border-color:#2b473a24;color:#26352f}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.hint-text{margin:0;color:var(--text-muted);font-size:.9rem;line-height:1.45}.success-text{color:var(--accent)}.warning-banner{margin-bottom:16px;padding:12px 14px;border-radius:16px;background:linear-gradient(135deg,#a4434314,#c9a04f1a);border:1px solid rgba(164,67,67,.14);color:#673232;line-height:1.5}.student-list,.reason-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.student-list-scroll{--student-row-min-height: 52px;--student-list-gap: 10px;max-height:calc(var(--student-row-min-height) * 10 + var(--student-list-gap) * 9);overflow-y:auto;padding-right:6px;scrollbar-gutter:stable}.student-list-scroll::-webkit-scrollbar{width:10px}.student-list-scroll::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#2d6a4f38;background-clip:padding-box}.student-item{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:52px;padding:14px 16px;border-radius:16px;border:1px solid rgba(43,71,58,.08);background:#ffffffad;color:inherit;text-align:left}.student-item.selected{border-color:#2d6a4f57;background:linear-gradient(135deg,#2d6a4f1f,#ffffffe6)}.student-name{flex:1;min-width:0;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reason-card{display:grid;gap:10px;padding:14px;border-radius:16px;border:1px solid rgba(43,71,58,.08);background:#ffffffb3}.reason-card.checked{border-color:#2d6a4f4d;background:linear-gradient(135deg,#2d6a4f14,#ffffffeb)}.reason-card.has-remarks{border-color:#2d6a4f2e;background:#ffffffd1}.reason-card.checked.has-remarks{border-color:#2d6a4f4d}.reason-card.disabled{opacity:.55}.reason-card input{margin-top:3px}.reason-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.reason-main-toggle{flex:1;min-width:0;display:inline-flex;align-items:flex-start;gap:12px}.reason-label{line-height:1.4}.reason-remark-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:32px}.remark-heading{color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.remark-checkboxes{display:inline-flex;align-items:center;gap:8px}.remark-toggle{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border:1px solid rgba(43,71,58,.14);border-radius:10px;background:#ffffffe0}.remark-toggle.checked{border-color:#2d6a4f42;background:#2d6a4f1a}.remark-toggle input{width:14px;height:14px;margin:0;accent-color:var(--accent)}.reason-category-panel{padding-top:16px;padding-bottom:16px}.accordion-trigger{width:100%;margin-bottom:0;padding:0;border:0;background:transparent;color:inherit;text-align:left}.accordion-meta{display:inline-flex;align-items:center;gap:10px;margin-left:auto}.accordion-chevron{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;border-radius:999px;background:#2d6a4f14;color:var(--accent);font-size:1.15rem;line-height:1;transform:rotate(0);transition:transform .18s ease,background-color .18s ease}.accordion-chevron.expanded{transform:rotate(90deg)}.accordion-trigger:hover .accordion-chevron,.accordion-trigger:focus-visible .accordion-chevron{background:#2d6a4f24}.accordion-trigger:focus-visible{outline:none}.accordion-trigger:focus-visible .accordion-chevron,.accordion-trigger:focus-visible .category-selection-indicator{box-shadow:0 0 0 3px #2d6a4f24}.category-selection-indicator{display:inline-flex;align-items:center;justify-content:center;min-height:1.8rem;padding:0 10px;border-radius:999px;background:#2d6a4f1a;color:var(--accent);font-size:.76rem;font-weight:700;white-space:nowrap}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .18s ease}.accordion-panel.expanded{grid-template-rows:1fr}.accordion-panel-inner{overflow:hidden}.accordion-panel.expanded .accordion-panel-inner{padding-top:16px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.full-width{grid-column:1 / -1}.empty-state{min-height:180px;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:18px;border:1px dashed rgba(43,71,58,.18);color:var(--text-muted);text-align:center;line-height:1.5}.empty-state.compact{min-height:120px}.draft-panel{min-height:315px}.official-report-panel{padding-top:16px;padding-bottom:16px}.official-panel-note,.official-report-error{margin-bottom:16px}.official-section{margin-top:18px}.official-section-heading{margin-bottom:12px}.official-section-heading h3{margin:0;font-size:1rem}.official-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.official-checkbox-card{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;border:1px solid rgba(43,71,58,.08);background:#ffffffb3;line-height:1.4}.official-checkbox-card input{margin-top:3px;accent-color:var(--accent)}.official-action-row{justify-content:space-between}.detention-choice-group{min-width:0;margin:0;padding:0;border:0}.detention-choice-group legend{padding:0}.binary-choice-row{display:flex;gap:10px;flex-wrap:wrap}.binary-choice-card{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:12px 14px;border-radius:16px;border:1px solid rgba(43,71,58,.08);background:#ffffffb3}.binary-choice-card input{margin:0;accent-color:var(--accent)}.field-counter{color:var(--text-muted);font-size:.78rem;font-weight:500}.detention-textarea{min-height:160px}@media (max-width: 1220px){.workspace-grid{grid-template-columns:290px minmax(300px,1fr)}.workspace-grid>.column:last-child{grid-column:1 / -1}}@media (max-width: 860px){.app-shell{padding:18px}.workspace-grid,.details-grid,.official-checkbox-grid{grid-template-columns:1fr}.reason-remark-row{flex-wrap:wrap;padding-left:0}}