.dropdown-container select{transition:all .2s ease-in-out}.dropdown-container select:hover{transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dropdown-container select:focus{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}@media(prefers-contrast:high){.dropdown-container select:focus{outline:3px solid #000;outline-offset:2px}}@media(prefers-reduced-motion:reduce){.dropdown-container select{transition:none}.dropdown-container select:hover,.dropdown-container select:focus{transform:none}}.bg-stripes.svelte-ir8qj6{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.attendance-card.svelte-1gk0wpu{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem;margin-bottom:1rem;transition:all var(--duration-normal) var(--ease-out)}.mobile-status-row.svelte-1gk0wpu{display:flex;gap:.75rem;align-items:stretch;margin:.75rem 0 .5rem;flex-wrap:wrap}.status-chip.svelte-1gk0wpu{flex:1;min-width:180px;background:var(--color-surface-2, #f8fafc);border:1px solid var(--color-border);border-radius:10px;padding:.5rem}.status-label.svelte-1gk0wpu{margin:0 0 .25rem;font-size:var(--text-xs);letter-spacing:.02em;color:var(--color-text-secondary)}.mobile-select.svelte-1gk0wpu{width:100%;min-height:44px;touch-action:manipulation}.mobile-textarea.svelte-1gk0wpu{width:100%;min-height:80px;resize:vertical;touch-action:manipulation}.attendance-row.svelte-1gk0wpu{display:grid;grid-template-columns:minmax(200px,280px) minmax(120px,1fr) minmax(120px,1fr) minmax(180px,240px);gap:.75rem;padding:.65rem .5rem;border-bottom:1px solid var(--color-border);align-items:center;background:inherit}.attendance-row.has-book-work.svelte-1gk0wpu,.attendance-row.has-platform-work.svelte-1gk0wpu{grid-template-columns:minmax(200px,280px) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(180px,240px)}.attendance-row.has-platform-work.has-book-work.svelte-1gk0wpu{grid-template-columns:minmax(200px,280px) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(120px,1fr) minmax(180px,240px)}.student-name.svelte-1gk0wpu{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;font-size:var(--text-base)}.student-code.svelte-1gk0wpu{color:var(--color-text-secondary);font-size:var(--text-sm);margin:.25rem 0 0}.status-indicator.svelte-1gk0wpu{padding:.25rem .75rem;border-radius:20px;font-size:var(--text-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;margin-bottom:.5rem}.status-indicator.success.svelte-1gk0wpu{background:var(--success-100);color:var(--success-800)}.status-indicator.error.svelte-1gk0wpu{background:var(--error-100);color:var(--error-800)}.status-indicator.warning.svelte-1gk0wpu{background:var(--warning-100);color:var(--warning-800)}.status-select.svelte-1gk0wpu{width:100%;padding:.5rem;border:2px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);min-height:44px;transition:all var(--duration-normal) var(--ease-out);font-weight:var(--font-weight-medium);display:block}.status-select.svelte-1gk0wpu:focus{outline:none;box-shadow:0 0 0 3px #3b82f61a}.status-select.attendance-present.svelte-1gk0wpu{background-color:var(--status-present-bg);border-color:var(--status-present-border);color:var(--status-present-text)}.status-select.attendance-absent.svelte-1gk0wpu{background-color:var(--status-absent-bg);border-color:var(--status-absent-border);color:var(--status-absent-text)}.status-select.attendance-late.svelte-1gk0wpu{background-color:var(--status-late-bg);border-color:var(--status-late-border);color:var(--status-late-text)}.status-select.work-done.svelte-1gk0wpu{background-color:var(--status-done-bg);border-color:var(--status-done-border);color:var(--status-done-text)}.status-select.work-missing.svelte-1gk0wpu{background-color:var(--status-missing-bg);border-color:var(--status-missing-border);color:var(--status-missing-text)}.status-select.work-.svelte-1gk0wpu{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.status-select.book-work-done.svelte-1gk0wpu{background-color:var(--status-done-bg);border-color:var(--status-done-border);color:var(--status-done-text)}.status-select.book-work-missing.svelte-1gk0wpu{background-color:var(--status-missing-bg);border-color:var(--status-missing-border);color:var(--status-missing-text)}.status-select.book-work-.svelte-1gk0wpu{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.status-select.platform-work-done.svelte-1gk0wpu{background-color:var(--status-done-bg);border-color:var(--status-done-border);color:var(--status-done-text)}.status-select.platform-work-missing.svelte-1gk0wpu{background-color:var(--status-missing-bg);border-color:var(--status-missing-border);color:var(--status-missing-text)}.status-select.platform-work-.svelte-1gk0wpu{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-primary)}.notes-input.svelte-1gk0wpu,.notes-textarea.svelte-1gk0wpu{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text-primary);font-size:var(--text-sm);transition:all var(--duration-normal) var(--ease-out);resize:none;line-height:1.5;field-sizing:content;min-height:44px;height:44px;display:block}.notes-input.svelte-1gk0wpu:focus,.notes-textarea.svelte-1gk0wpu:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #3b82f61a}.notes-input.svelte-1gk0wpu:focus{height:100px}.notes-meta.svelte-1gk0wpu{display:flex;justify-content:space-between;gap:.5rem;margin-top:.35rem;font-size:var(--text-xs);color:var(--color-text-secondary)}.note-status.saving.svelte-1gk0wpu{color:var(--warning-700, #b45309)}.note-status.saved.svelte-1gk0wpu{color:var(--success-700, #047857)}.note-status.error.svelte-1gk0wpu{color:var(--error-700, #b91c1c)}.section-title.svelte-1gk0wpu{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.notes-toggle.svelte-1gk0wpu{display:inline-flex;justify-content:space-between;width:100%;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);padding:.45rem .65rem;border-radius:8px;cursor:pointer;font-weight:var(--font-weight-medium)}@media(min-width:768px)and (max-width:1023px){.attendance-row.svelte-1gk0wpu{grid-template-columns:minmax(180px,220px) minmax(100px,1fr) minmax(100px,1fr) minmax(130px,160px);gap:.65rem;padding:.6rem .35rem}.attendance-row.has-book-work.svelte-1gk0wpu,.attendance-row.has-platform-work.svelte-1gk0wpu{grid-template-columns:minmax(180px,220px) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(130px,160px)}.attendance-row.has-platform-work.has-book-work.svelte-1gk0wpu{grid-template-columns:minmax(180px,220px) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(100px,1fr) minmax(130px,160px)}.status-select.svelte-1gk0wpu,.notes-input.svelte-1gk0wpu{font-size:var(--text-sm);padding:.4rem}}@media(max-width:767px){.attendance-card.svelte-1gk0wpu{margin-bottom:1rem;padding:.75rem}.card-header.svelte-1gk0wpu{display:flex;align-items:center;margin-bottom:1rem}.student-info.svelte-1gk0wpu{flex:1}.section-title.svelte-1gk0wpu{margin:0 0 .5rem;font-size:var(--text-xs)}.mobile-select.svelte-1gk0wpu,.mobile-textarea.svelte-1gk0wpu{font-size:var(--text-sm);padding:.5rem}}@media(max-width:480px){.attendance-card.svelte-1gk0wpu{padding:.5rem}.status-chip.svelte-1gk0wpu{min-width:100%}}@media(min-width:1200px){.attendance-row.svelte-1gk0wpu{grid-template-columns:minmax(240px,340px) minmax(140px,1fr) minmax(140px,1fr) minmax(170px,240px);gap:1rem}.attendance-row.has-book-work.svelte-1gk0wpu,.attendance-row.has-platform-work.svelte-1gk0wpu{grid-template-columns:minmax(240px,340px) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(170px,240px)}.attendance-row.has-platform-work.has-book-work.svelte-1gk0wpu{grid-template-columns:minmax(240px,340px) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(140px,1fr) minmax(170px,240px)}}