.evaluation-entry{--eval-detail:var(--chart-1);--eval-class:var(--chart-3);--eval-outcome:var(--chart-2);--eval-text:.875rem}.evaluation-entry .eval-section-heading{border-bottom:2px solid color-mix(in oklab,var(--eval-detail) 28%,var(--border));color:var(--foreground);align-items:center;gap:12px;margin-bottom:20px;padding-block:16px;display:flex}.evaluation-entry .eval-section-heading svg{width:38px;height:38px;color:var(--eval-detail);background:color-mix(in oklab,var(--eval-detail) 12%,var(--card));border-radius:8px;padding:8px}.evaluation-entry .eval-class-heading svg{color:var(--eval-class);background:color-mix(in oklab,var(--eval-class) 12%,var(--card))}.evaluation-entry .eval-outcome-heading svg{color:var(--eval-outcome);background:color-mix(in oklab,var(--eval-outcome) 15%,var(--card))}.evaluation-entry input,.evaluation-entry textarea,.evaluation-entry select{font-size:var(--eval-text);color:var(--foreground);background-color:var(--card);border:1px solid color-mix(in oklab,var(--eval-detail) 18%,var(--border));box-shadow:none;border-radius:8px}.evaluation-entry :where(input:not([type=checkbox]):not([type=radio]),select,.eval-input-cell){height:44px;font-size:var(--eval-text);color:var(--foreground);background-color:var(--card);border:1px solid color-mix(in oklab,var(--eval-detail) 18%,var(--border));box-shadow:none;border-radius:8px}.evaluation-entry .eval-field-filled{background-color:color-mix(in oklab,var(--primary) 6%,var(--secondary))}.evaluation-entry :where(select:not([multiple]):not([size]),input[type=date],.eval-input-cell){appearance:none;text-align:start;background-image:var(--select-chevron-image);background-position:var(--select-chevron-position,right 16px center);background-repeat:no-repeat;background-size:12px 8px;padding-inline:12px 2.75rem;font-weight:400}.evaluation-entry .eval-input-cell>svg{display:none}.evaluation-entry .eval-input-cell>span{text-align:start;flex:1}.evaluation-entry .eval-input-cell.eval-date-field{background-image:none;padding-inline:12px 16px}.evaluation-entry .eval-input-cell.eval-date-field>svg{width:16px;height:16px;color:var(--muted-foreground);flex:none;order:1;margin-inline-start:auto;display:block}.evaluation-entry input[type=date]{position:relative}.evaluation-entry input[type=date]::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer;background:0 0;width:auto;height:auto;margin:0;padding:0;position:absolute;inset:0}.evaluation-entry .eval-class-count{border-inline-start:3px solid var(--eval-class);background:color-mix(in oklab,var(--eval-class) 7%,var(--background));padding:8px 12px}.evaluation-entry .eval-class-count:nth-child(3n+2){border-inline-start-color:var(--chart-2);background:color-mix(in oklab,var(--chart-2) 7%,var(--background))}.evaluation-entry .eval-class-count:nth-child(3n){border-inline-start-color:var(--chart-1)}.evaluation-entry .eval-criterion{border-inline-start:4px solid var(--eval-detail);background:var(--card)}.evaluation-entry .eval-group{color:var(--foreground);border-bottom:2px solid color-mix(in oklab,var(--eval-detail) 30%,var(--border))}.evaluation-entry .eval-number{width:30px;height:30px;color:var(--eval-detail);background:color-mix(in oklab,var(--eval-detail) 12%,var(--card));border-radius:6px;flex:none;place-items:center;display:inline-grid}.evaluation-entry .eval-rating{--eval-rating-color:var(--chart-1);border-top:3px solid var(--eval-rating-color)}.evaluation-entry .eval-rating-outstanding{--eval-rating-color:var(--chart-3)}.evaluation-entry .eval-rating-very_good{--eval-rating-color:var(--primary)}.evaluation-entry .eval-rating-good{--eval-rating-color:var(--eval-scale)}.evaluation-entry .eval-rating-acceptable{--eval-rating-color:var(--chart-2)}.evaluation-entry .eval-rating-weak{--eval-rating-color:var(--chart-4)}.evaluation-entry .eval-rating-very_weak{--eval-rating-color:var(--destructive)}.evaluation-entry .eval-rating-selected{border-color:var(--eval-rating-color);background:color-mix(in oklab,var(--eval-rating-color) 9%,var(--card))}.evaluation-entry{--eval-rubric:var(--eval-scale)}.evaluation-entry .eval-card{border:1px solid color-mix(in oklab,var(--eval-detail) 22%,var(--border));background:var(--card);box-shadow:0 8px 24px -18px color-mix(in oklab,var(--eval-detail) 60%,transparent);border-radius:14px;padding:16px;position:relative;overflow:hidden}.evaluation-entry .eval-card:before{content:"";background:var(--chart-1);inset-inline:0;height:4px;position:absolute;top:0}.evaluation-entry .eval-card-detail{background:color-mix(in oklab,var(--chart-1) 7%,var(--card))}.evaluation-entry .eval-card-rubric{background:color-mix(in oklab,var(--eval-rubric) 8%,var(--card))}.evaluation-entry .eval-card-rubric:before{background:var(--eval-scale)}.evaluation-entry .eval-notes-card:before{background:var(--chart-2)}.evaluation-entry .eval-class-section{border:1px solid color-mix(in oklab,var(--eval-class) 25%,var(--border));background:color-mix(in oklab,var(--eval-class) 8%,var(--card));border-radius:14px;padding:16px}.evaluation-entry .eval-outcome-box{background:color-mix(in oklab,var(--eval-outcome) 8%,var(--card));border:1px dashed color-mix(in oklab,var(--eval-outcome) 45%,var(--border));border-radius:12px;padding:12px}.evaluation-entry .eval-class-count{border-radius:10px}.evaluation-entry .eval-criterion{border-radius:12px;transition:box-shadow .2s,transform .2s}.evaluation-entry .eval-criterion:hover{box-shadow:0 6px 18px -12px color-mix(in oklab,var(--eval-detail) 70%,transparent)}.evaluation-entry .eval-criterion:nth-child(4n+2){border-inline-start-color:var(--chart-2)}.evaluation-entry .eval-criterion:nth-child(4n+3){border-inline-start-color:var(--chart-3)}.evaluation-entry .eval-criterion:nth-child(4n){border-inline-start-color:var(--chart-4)}.evaluation-entry .eval-rating{border-radius:10px;transition:transform .15s}.evaluation-entry .eval-rating:hover{transform:translateY(-2px)}.evaluation-entry .eval-savebar{z-index:5;border:1px solid color-mix(in oklab,var(--primary) 30%,var(--border));background:color-mix(in oklab,var(--primary) 8%,var(--card));box-shadow:0 -8px 24px -18px color-mix(in oklab,var(--primary) 60%,transparent);border-radius:14px;padding:12px 16px;position:sticky;bottom:0}@media (width<=640px){.evaluation-entry .eval-card,.evaluation-entry .eval-class-section{border-radius:12px;padding:12px}.evaluation-entry .eval-section-heading{margin-bottom:12px;padding-block:10px;font-size:16px}.evaluation-entry .eval-section-heading svg{width:32px;height:32px;padding:6px}.evaluation-entry .eval-criterion{padding-inline:10px}.evaluation-entry .eval-savebar{flex-direction:column;align-items:stretch}.evaluation-entry .eval-savebar button{width:100%}}.evaluation-entry .eval-stepper{align-items:stretch;gap:4px;padding:4px 0 30px;display:flex;overflow-x:auto}.evaluation-entry .eval-step{min-width:0;color:var(--muted-foreground);font-size:var(--eval-text);text-align:start;cursor:default;background:0 0;border:0;flex:1;align-items:center;gap:8px;padding:6px 4px;display:flex}.evaluation-entry .eval-step:not(:last-child):after{content:"";background:var(--border);border-radius:2px;flex:1;height:2px;margin-inline:8px}.evaluation-entry .eval-step.eval-step-done:not(:last-child):after,.evaluation-entry .eval-step.eval-step-current:not(:last-child):after{background:color-mix(in oklab, var(--primary) 55%, var(--border))}.evaluation-entry .eval-step-dot{border:2px solid var(--border);background:var(--card);width:30px;height:30px;font-size:var(--eval-text);border-radius:999px;flex:none;place-items:center;font-weight:700;transition:background .2s,border-color .2s;display:inline-grid}.evaluation-entry .eval-step-label{white-space:nowrap;font-weight:500;font-size:var(--eval-text)}.evaluation-entry .eval-step.eval-step-current{color:var(--foreground)}.evaluation-entry .eval-step.eval-step-current .eval-step-dot{border-color:var(--primary);background:var(--primary);color:var(--primary-foreground)}.evaluation-entry .eval-step.eval-step-done{color:var(--foreground)}.evaluation-entry .eval-step.eval-step-done .eval-step-dot{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 12%, var(--card));color:var(--primary)}.evaluation-entry .eval-step.eval-step-reached{color:var(--foreground);cursor:pointer}.evaluation-entry .eval-step.eval-step-reached .eval-step-dot{border-color:color-mix(in oklab, var(--primary) 55%, var(--border));color:var(--primary)}.evaluation-entry .eval-step.eval-step-reached:hover .eval-step-dot{background:color-mix(in oklab, var(--primary) 10%, var(--card))}.evaluation-entry .eval-step:disabled{cursor:default}.eval-list-panel{border:1px solid var(--border);background:var(--card);box-shadow:0 10px 28px -22px color-mix(in oklab, var(--primary) 45%, transparent);border-radius:14px;overflow:hidden}.eval-list-toolbar{border-bottom:1px solid var(--border);background:color-mix(in oklab, var(--chart-1) 7%, var(--card));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:14px 16px;display:flex}.eval-list-table{border-collapse:separate;border-spacing:0}.eval-list-table thead th{z-index:1;background:var(--secondary);color:var(--muted-foreground);white-space:nowrap;border-bottom:1px solid var(--border);font-size:12.5px;font-weight:700;position:sticky;top:0}.eval-list-table tbody tr{border-top:1px solid color-mix(in oklab, var(--border) 65%, transparent);transition:background .15s}.eval-list-table tbody tr:first-child{border-top:0}.eval-list-table tbody tr:hover{background:color-mix(in oklab, var(--primary) 5%, var(--card))}.eval-type-chip{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.eval-type-lesson{color:var(--primary);background:color-mix(in oklab, var(--primary) 12%, var(--card))}.eval-type-teacher{color:var(--chart-4);background:color-mix(in oklab, var(--chart-4) 15%, var(--card))}.eval-score-badge{border-radius:8px;place-items:center;min-width:52px;padding:3px 10px;font-weight:700;display:inline-grid}.eval-score-none{color:var(--muted-foreground);background:var(--secondary)}.eval-score-weak{color:var(--destructive);background:color-mix(in oklab, var(--destructive) 12%, var(--card))}.eval-score-mid{color:var(--chart-4);background:color-mix(in oklab, var(--chart-4) 15%, var(--card))}.eval-score-good{color:var(--chart-2);background:color-mix(in oklab, var(--chart-2) 15%, var(--card))}@media (width<=640px){.eval-list-toolbar{padding:12px}.eval-list-table thead th,.eval-list-table tbody td{padding-inline:10px}.evaluation-entry .eval-step-label{display:none}.evaluation-entry .eval-step.eval-step-current .eval-step-label{display:inline}.evaluation-entry .eval-stepper{gap:0}}.evaluation-entry .eval-class-count,.evaluation-entry .eval-class-count:nth-child(3n+2),.evaluation-entry .eval-class-count:nth-child(3n){border-inline-start-color:var(--primary);background:color-mix(in oklab,var(--primary) 5%,var(--card))}.evaluation-entry .eval-class-count:nth-child(2n){border-inline-start-color:color-mix(in oklab,var(--primary) 55%,var(--card))}.evaluation-entry .eval-card:before{background:var(--primary)}.evaluation-entry .eval-stepper{gap:0;overflow:visible}.evaluation-entry .eval-step{text-align:center;flex-direction:column;flex:1 1 0;justify-content:flex-start;gap:6px;padding:4px 3px;position:relative}.evaluation-entry .eval-step:not(:last-child):after{top:19px;width:auto;margin:0;position:absolute;inset-inline:calc(50% + 20px) calc(20px - 50%)}.evaluation-entry .eval-step-dot{z-index:1;font-weight:600;position:relative}.evaluation-entry .eval-step-label{white-space:normal;font-size:var(--eval-text);overflow-wrap:anywhere;text-wrap:balance;max-width:100%;font-weight:500;line-height:1.35;display:block!important}[dir=rtl] .evaluation-entry input[type=date],.evaluation-entry[dir=rtl] input[type=date]{text-align:right;padding-left:2.75rem;padding-right:12px}[dir=ltr] .evaluation-entry input[type=date],.evaluation-entry[dir=ltr] input[type=date]{text-align:left;padding-left:12px;padding-right:2.75rem}[dir=rtl] .evaluation-entry input[type=date]::-webkit-date-and-time-value{text-align:right}[dir=rtl] .evaluation-entry input[type=date]::-webkit-datetime-edit{flex:0 auto;margin-left:auto}