.grade-header{border-bottom:0;padding-bottom:10px}.grade-main{padding-top:10px}.grade-workbench{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:16px}.grade-panel{min-width:0;padding:clamp(22px,3vw,30px);border:1px solid color-mix(in srgb,var(--brand) 20%,var(--line));border-radius:16px;background:var(--surface);box-shadow:0 14px 34px #0f172a0d}.grade-panel-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:20px}.grade-step{display:grid;place-items:center;flex:0 0 28px;width:28px;height:28px;border-radius:8px;color:var(--brand);background:var(--brand-soft);font-size:.7rem;font-weight:760}.grade-panel h2{font-size:1rem;line-height:1.4}.grade-panel-heading p:not(.grade-step){margin-top:4px;color:var(--muted);font-size:.8rem;line-height:1.5}.grade-table-wrap{overflow-x:auto}.grade-table{width:100%;border-collapse:separate;border-spacing:0 8px}.grade-table th{padding:0 7px 3px;color:var(--muted);text-align:left;font-size:.75rem;font-weight:650}.grade-table td{padding:0 4px}.grade-table input{width:100%;min-width:76px}.grade-name{min-width:140px!important}.grade-remove{border:0;background:transparent;color:var(--danger);cursor:pointer;font:inherit;font-size:.82rem;white-space:nowrap}.grade-actions{display:flex;gap:10px;margin-top:12px}.grade-actions .btn{margin:0}.grade-privacy{margin-top:14px;color:var(--muted);font-size:.78rem}.grade-status{margin-top:10px;color:var(--danger);font-size:.83rem;font-weight:650}.grade-primary{padding:17px 18px;border-radius:12px;background:var(--brand-soft)}.grade-primary span,.grade-result-grid span,.grade-needed span{display:block;color:var(--muted);font-size:.78rem}.grade-primary strong{display:block;margin-top:6px;color:var(--brand);font-size:clamp(2rem,4vw,2.6rem);font-variant-numeric:tabular-nums}.grade-primary small,.grade-needed small{display:block;min-height:1.2em;margin-top:6px;color:var(--muted);font-size:.78rem;line-height:1.45}.grade-result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.grade-result-grid>div{min-width:0;padding:14px;border-radius:11px;background:var(--surface-soft)}.grade-result-grid strong{display:block;margin-top:6px;font-size:1.03rem;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.grade-desired-field{margin:0}.grade-desired-field label{color:var(--muted);font-size:.78rem;font-weight:650}.grade-desired-field input{margin-top:6px}.grade-needed{margin-top:14px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--brand) 26%,var(--line));border-radius:12px;background:color-mix(in srgb,var(--brand-soft) 70%,var(--surface))}.grade-needed strong{display:block;margin-top:6px;color:color-mix(in srgb,var(--brand) 78%,var(--ink));font-size:clamp(1.4rem,3vw,1.9rem);font-variant-numeric:tabular-nums}.grade-summary{margin-top:16px;color:var(--brand);font-size:.88rem;font-weight:700;line-height:1.55}@media (max-width: 760px){.grade-workbench{grid-template-columns:1fr}}@media (max-width: 540px){.grade-table thead{display:none}.grade-table,.grade-table tbody,.grade-table tr,.grade-table td{display:block;width:100%}.grade-table tr{padding:12px;margin-bottom:10px;border-radius:12px;background:var(--surface-soft)}.grade-table td{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;padding:4px 0}.grade-table td:before{content:attr(data-label);color:var(--muted);font-size:.78rem}.grade-name{min-width:0!important}.grade-remove{justify-self:start}.grade-result-grid{grid-template-columns:1fr}}