body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}:root{--primary-color:#007bff;--secondary-color:#6c757d;--success-color:#28a745;--danger-color:#dc3545;--correct-soft:#d4edda;--correct-border:#c3e6cb;--correct-text:#155724;--incorrect-soft:#f8d7da;--incorrect-border:#f5c6cb;--incorrect-text:#721c24;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 6px #0000001a;--radius-md:8px;--radius-lg:12px;--transition-speed:0.2s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:Comic Sans MS,Chalkboard SE,Comic Neue,sans-serif}a,button,input,select{transition:all .2s ease-in-out;transition:all var(--transition-speed) ease-in-out}.assessment-container,.dashboard-container,.results-container{background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);margin:20px auto;max-width:1200px;padding:20px}button{border-radius:8px;border-radius:var(--radius-md);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer}button:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}button:active{box-shadow:none;transform:translateY(1px)}.body,html{margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{margin:auto;max-width:1200px;padding:20px}h2{color:#333;font-size:2em;margin-bottom:20px}.button,h2{text-align:center}.button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;margin:4px 2px;padding:15px 32px;text-decoration:none;transition:background-color .3s ease}.button:hover{background-color:#45a049}.form-container{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin:20px auto;max-width:500px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;margin-bottom:5px}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;padding:10px;width:100%}.response-buttons{gap:10px;margin:5px 0}.assessment-banner{border-radius:5px;font-size:1.1em;font-weight:700;margin-bottom:20px;padding:15px;text-align:center}.signin-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.google-signin-button{cursor:pointer;font-size:1.1em;padding:12px 24px}.loading-container{font-size:1.2em;padding:20px;text-align:center}.side-panel{background-color:#f8f9fa;border-right:1px solid #dee2e6;box-shadow:2px 0 5px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;transform:translateX(-100%);width:260px;z-index:1000}.side-panel.open{transform:translateX(0)}.content-area{box-sizing:border-box;margin-left:0;width:100%}.nav-toggle-button{z-index:1001}.content-area.nav-open{margin-left:260px}.nav-toggle-button.nav-open{left:10px}.nav-header{color:#343a40;font-size:1.5em;margin-bottom:20px}.user-info{background-color:#e9ecef;border-radius:5px;padding:10px}.nav-item{margin-bottom:10px}.nav-link{color:#495057;padding:12px 15px;transition:background-color .2s,color .2s}.nav-link:focus,.nav-link:hover{background-color:#dee2e6;color:#212529}.nav-link.active{color:#fff!important}.logout-button{background-color:#dc3545;border-radius:5px;font-size:1em;margin-top:auto;padding:12px 15px;text-align:center}.logout-button:hover{background-color:#c82333}@media (max-width:768px){.content-area.nav-open{margin-left:0}}.dashboard-student-grid{grid-column-gap:40px;column-gap:40px;display:grid;grid-template-columns:1fr}@media (min-width:1400px){.dashboard-student-grid{grid-template-columns:1fr 1fr}}@media print{.nav,.nav-toggle-button,.no-print,.separator-line,.side-panel,.sidebar{display:none!important}.content-area{margin-left:0!important;overflow:visible!important;padding:0!important;width:100%!important}.table-container{height:auto!important;overflow:visible!important;page-break-inside:auto}.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:.25in}table{border-collapse:collapse;font-size:10px;width:100%}td,th{border:1px solid #ddd;padding:2px 4px!important}h3{page-break-after:avoid}.print-header{border-bottom:1px solid #ddd;display:block!important;font-size:14px;font-weight:700;margin-bottom:10px;padding-bottom:5px;text-align:center}body{background:#fff}.app-container{display:block!important;height:auto!important;overflow:visible!important}}.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}.results-table{border-collapse:collapse;margin-top:20px;width:100%}.results-table td,.results-table th{border:1px solid #ddd;padding:8px;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}.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}.progress-container{margin:0 auto 10px;max-width:600px;text-align:center;width:100%}.progress-label{color:#666;font-size:.9em;font-weight:700;margin-bottom:5px}.progress-bar{background-color:#e9ecef;border-radius:6px;box-shadow:inset 0 1px 2px #0000001a;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#28a745,#20c997);height:100%;transition:width .3s ease-in-out}.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{flex-grow:1;list-style:none;margin:0;padding:0}.nav-item{margin:10px 0}.nav-link{border-radius:5px;color:#000;display:block;font-weight:400;padding:10px;text-decoration:none}.nav-link.active{background-color:#007bff;color:#fff;font-weight:700}.nav-link:hover{background-color:#e2e6ea;color:#000}.nav-link.active:hover{background-color:#0056b3;color:#fff}.controls-row{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding-bottom:10px}.control-group{display:flex;flex:1 1;flex-direction:column;min-width:200px}.control-group label{font-size:.9em;font-weight:700;margin-bottom:5px}.control-group select{border:1px solid #ccc;border-radius:4px;padding:8px}.response-cell.correct{background-color:#90ee90}.response-cell.incorrect{background-color:tomato}.form-container{padding:20px}.form-group{margin-bottom:10px}.form-group select{margin:8px 0;padding:8px;width:100%}.letter-display-area{align-items:center;display:flex;flex-direction:column;height:calc(100vh - 300px);justify-content:space-between;overflow:hidden}.letter-display{align-items:center;display:flex;flex-grow:1;font-family:Comic Sans MS,Comic Sans,Chalkboard SE,Comic Neue,sans-serif;font-size:min(80vw,55vh);justify-content:center;line-height:1;overflow:visible;padding-bottom:0}.response-buttons{display:flex;gap:30px;margin:20px 0;z-index:10}.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}.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}.score-na{background-color:#f4f4f4;background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#00000008 0,#00000008 20px);color:#adb5bd;font-style:italic;font-weight:400!important}.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}}.indicator-dot{border-radius:50%;box-shadow:0 1px 2px #0000004d;display:inline-block;height:12px;margin-left:8px;width:12px}.indicator-green{background:radial-gradient(circle at 30% 30%,#85d697,#28a745)}.indicator-yellow{background:radial-gradient(circle at 30% 30%,#ffe699,#ffc107)}.indicator-red{background:radial-gradient(circle at 30% 30%,#ff8a8a,#dc3545)}.indicator-gray{background:radial-gradient(circle at 30% 30%,#f8f9fa,#ced4da)}.insights-panel{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:20px;margin-bottom:20px;padding:15px}.insights-column{flex:1 1}.insights-column h4{border-bottom:2px solid #dee2e6;font-size:1em;margin-bottom:10px;margin-top:0;padding-bottom:5px}.insights-column ul{font-size:.9em;list-style-type:none;margin:0;padding:0}.insights-column li{padding:3px 0}.text-success{color:#28a745}.text-danger{color:#dc3545}.btn-modern{align-items:center;border:none;border-radius:20px;box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-flex;font-size:.9em;font-weight:600;justify-content:center;padding:8px 16px;text-decoration:none;transition:all .2s ease-in-out}.btn-modern:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.btn-modern-primary{background-color:#007bff;color:#fff}.btn-modern-primary:hover{background-color:#0056b3;color:#fff}.btn-modern-secondary{background-color:#e2e8f0;color:#334155}.btn-modern-secondary:hover{background-color:#cbd5e1;color:#1e293b}.btn-modern-success{background-color:#10b981;color:#fff}.btn-modern-success:hover{background-color:#059669;color:#fff}@media print{.no-print{display:none!important}.user-guide-container{box-shadow:none!important;max-width:100%!important;padding:0!important}body{background-color:#fff!important}h2,h3{page-break-after:avoid}li,p{page-break-inside:avoid}}
/*# sourceMappingURL=main.8f223aeb.css.map*/