.assessment-page{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.assessment-page .page-header{align-items:center;gap:var(--space-3);display:flex}.assessment-page .page-header h1{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.assessment-page .filters{gap:var(--space-3);flex-wrap:wrap;display:flex}.assessment-page .filters .filter-group{outline:none;flex:1;min-width:120px}.assessment-page .filters .filter-group label{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium);margin-bottom:var(--space-2);display:block}.assessment-page .filters .filter-group select{background:var(--surface-2);border:1px solid var(--stroke-strong);border-radius:var(--radius-xl);width:100%;padding:var(--space-3) var(--space-3);color:var(--text-primary);font-size:var(--text-xs);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);appearance:none;padding-right:var(--space-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23878787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat}.assessment-page .filters .filter-group select option{background:var(--surface-3);color:var(--text-primary)}.assessment-page .subjects-list{gap:var(--space-4);flex-direction:column;display:flex}.assessment-page .subjects-list .subject-container{background:var(--surface-2);border:1px solid var(--stroke);border-radius:var(--radius-lg);padding:var(--space-4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.assessment-page .subjects-list .subject-container .subject-header{gap:var(--space-5);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.assessment-page .subjects-list .subject-container .subject-header .subject-name{color:var(--text-primary);font-size:var(--text-md);font-weight:var(--weight-semibold);flex:1;margin:0}.assessment-page .subjects-list .subject-container .subject-header .subject-stats .average-grade{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.assessment-page .subjects-list .subject-container .grades-items{gap:var(--space-2);flex-wrap:wrap;display:flex}.assessment-page .subjects-list .subject-container .grades-items .grade-value{cursor:pointer;transition:transform var(--duration-fast) var(--ease-fast)}.assessment-page .subjects-list .subject-container .grades-items .grade-value:active{transform:scale(.98)}.assessment-page .subjects-list .subject-container .grades-items .grade-value{font-size:var(--text-md);line-height:18px;font-weight:var(--weight-bold);padding:var(--space-3) var(--space-3);border-radius:var(--radius-xs);text-align:center;min-width:40px}.assessment-page .subjects-list .subject-container .grades-items .grade-value.grade-excellent{color:var(--text-primary);background:#2ed573}.assessment-page .subjects-list .subject-container .grades-items .grade-value.grade-good{background:var(--warning);color:var(--text-primary)}.assessment-page .subjects-list .subject-container .grades-items .grade-value.grade-satisfactory{color:var(--text-primary);background:#ff6348}.assessment-page .subjects-list .subject-container .grades-items .grade-value.grade-unsatisfactory{background:var(--danger);color:var(--text-primary)}