.attendance-page{gap:var(--space-5);flex-direction:column;width:100%;display:flex}.attendance-page .page-header{align-items:center;gap:var(--space-3);display:flex}.attendance-page .page-header h1{color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--weight-bold);margin:0}.attendance-page .filters{gap:var(--space-3);flex-wrap:wrap;display:flex}.attendance-page .filters .filter-group{outline:none;flex:1;min-width:150px}.attendance-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}.attendance-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}.attendance-page .filters .filter-group select option{background:var(--surface-3);color:var(--text-primary)}.attendance-page .subjects-list{gap:var(--space-4);flex-direction:column;display:flex}.attendance-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)}.attendance-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}.attendance-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}.attendance-page .subjects-list .subject-container .subject-header .subject-stats .total-absences{color:var(--text-secondary);font-size:var(--text-xs);font-weight:var(--weight-medium)}.attendance-page .subjects-list .subject-container .attendance-items{gap:var(--space-2);flex-wrap:wrap;display:flex}.attendance-page .subjects-list .subject-container .attendance-items .attendance-date{cursor:pointer;transition:transform var(--duration-fast) var(--ease-fast)}.attendance-page .subjects-list .subject-container .attendance-items .attendance-date:active{transform:scale(.98)}.attendance-page .subjects-list .subject-container .attendance-items .attendance-date{font-size:var(--text-xs);line-height:12px;font-weight:var(--weight-bold);padding:var(--space-3) var(--space-3);border-radius:var(--radius-xs);text-align:center;background:var(--danger);min-width:40px;color:var(--text-primary)}