body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;height:100vh;overflow-x:hidden;position:relative}.page-header{font-size:2em;margin-bottom:20px;text-align:center}.class-header{border-bottom:2px solid #f0f0f0;font-size:1.1em;font-weight:700;margin-bottom:15px;padding:10px;text-align:center}.assessment-banner,.practice-banner{border-radius:5px;font-size:1.1em;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.assessment-banner{background-color:#e7f3ff;border:1px solid #b3d7ff;color:#004085}.practice-banner{background-color:#e9f7ef;border:1px solid #b8e6c9;color:#155724}.side-panel{background-color:#f4f4f4;border-right:1px solid #ccc;height:100%;left:0;padding:20px;position:fixed;top:0;transition:transform .3s ease-in-out;width:240px;z-index:100}.side-panel.closed{transform:translateX(-100%)}.content-area{flex:1 1;overflow-y:auto;padding:20px;transition:margin-left .3s ease-in-out}.nav-toggle-button{align-items:center;background-color:#f4f4f4;border:1px solid #ccc;border-radius:50%;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;left:15px;line-height:1;position:fixed;top:15px;width:40px;z-index:101}.user-info{word-wrap:break-word;font-weight:700;margin-bottom:20px}.logout-button{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-bottom:20px;padding:10px;width:100%}.nav-header{margin:0 0 20px}.nav-list{list-style:none;padding:0}.nav-item{margin:10px 0}.nav-link{color:#000;font-weight:400;text-decoration:none}.nav-link.active{color:#007bff;font-weight:700}.detailed-table,.results-table{border-collapse:collapse;margin-top:20px;width:100%}.detailed-table td,.detailed-table th,.results-table td,.results-table th{border:1px solid #ddd;padding:8px;text-align:center}.detailed-table thead tr:first-child{background-color:#f4f4f4}.incorrect-count-row{background-color:#fffacd;font-weight:700}.incorrect-count-row th:first-child{text-align:right}.response-cell{width:50px}.response-cell.correct{background-color:#90ee90}.response-cell.incorrect{background-color:tomato}.form-container{padding:20px}.form-layout{align-items:stretch;display:flex;height:calc(100vh - 250px)}.form-sidebar{padding-right:20px;text-align:left;width:300px}.form-group{margin-bottom:10px}.form-group select{margin:8px 0;padding:8px;width:100%}.letter-display-area{flex:1 1;flex-direction:column;padding-left:20px}.letter-display,.letter-display-area{align-items:center;display:flex;justify-content:center;overflow:hidden}.letter-display{flex-grow:1;font-size:45vw;line-height:1;max-height:90vh;padding-bottom:20px;text-align:center}.letter-display.lowercase{font-family:Mulish,sans-serif}.response-buttons{display:flex;gap:10px;margin:5px 0}.response-button{font-size:16px;margin:5px;min-width:100px;padding:15px 40px}.progress-text{margin-top:10px;text-align:center}.submit-button{display:block;font-size:18px;margin:10px auto;max-width:300px;padding:15px 30px}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px 40px;width:90%}.modal-content h3{margin-top:0}.modal-form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr}.modal-form-grid label{display:block;font-weight:700;margin-bottom:5px}.modal-form-grid input{box-sizing:border-box;padding:8px;width:100%}.modal-actions{margin-top:20px;text-align:right}.action-button{border:1px solid #ccc;border-radius:4px;cursor:pointer;margin:0 5px;padding:5px 10px}.edit-button{background-color:#007bff;border-color:#007bff;color:#fff}.delete-button{background-color:#f44;border-color:#f44;color:#fff}.separator-line{border:none;border-top:4px solid #bbb;margin:40px 0}@media (min-width:600px){.modal-form-grid{grid-template-columns:1fr 1fr}}@media (min-width:768px){.letter-display{font-size:300px}}@media (min-width:1024px){.content-area.nav-open{margin-left:240px}.nav-toggle-button.nav-open{display:none}.letter-display{font-size:600px;padding-bottom:150px}}@media (max-width:1023px){.content-area{margin-left:0!important}}@media (max-width:768px){.form-layout{flex-direction:column;height:auto}.form-sidebar{margin-bottom:20px;padding-right:0;width:100%}.hide-sidebar-on-mobile{display:none}}.print-header{border-bottom:2px solid #f0f0f0;font-size:1.1em;font-weight:700;margin-bottom:15px;padding:10px;text-align:left}.results-summary-table{border-collapse:collapse;margin-top:20px;width:100%}.results-summary-table td,.results-summary-table th{border:1px solid #ddd;padding:10px;white-space:nowrap}.header-uc{background-color:#e7f3ff}.header-lc{background-color:#e9f7ef}.header-sounds{background-color:#fff8e1}.header-phonemic{background-color:#f3e5f5}.student-row:nth-child(2n){background-color:#f9f9f9}.sticky-col{background-color:#fff;left:0;min-width:150px;position:-webkit-sticky;position:sticky;z-index:1}.student-row:nth-child(2n) .sticky-col{background-color:#f9f9f9}.score-cell{font-weight:700;text-align:center}.score-high{background-color:#d4edda;color:#155724}.score-mid{background-color:#fff3cd;color:#856404}.score-low{background-color:#f8d7da;color:#721c24}.section-divider{border-right:2px solid #999}@media print{.assessment-banner,.nav,.nav-toggle-button,.no-print,.practice-banner,.separator-line,.sidebar{display:none}.table-container:first-child{page-break-before:auto}.second-table,.table-container:not(:first-child){page-break-before:always}.second-table{page-break-inside:avoid}@page{size:landscape;margin:.5in}table{border-collapse:collapse;font-size:10px;width:100%}td,th{border:1px solid #ddd;padding:5px}h3{page-break-after:avoid}.class-header{border-bottom:1px solid #ddd;font-size:14px;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:center}tbody tr:last-child td{display:none}}
/*# sourceMappingURL=main.606d2864.css.map*/