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}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(135deg,#667eea,#363475);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.App,body{min-height:100vh}.App{display:flex;flex-direction:column}.app-header{background:#fffffff2;box-shadow:0 2px 10px #0000001a;padding:20px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.app-header h1{color:#667eea;font-size:1.8em}.user-section{align-items:center;display:flex;gap:15px}.admin-link{border:2px solid #667eea;border-radius:6px;color:#667eea;font-weight:600;padding:8px 20px;text-decoration:none;transition:all .3s}.admin-link:hover{background:#667eea;color:#fff;transform:translateY(-1px)}.welcome-text{color:#495057;font-weight:500}.logout-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 20px;transition:all .3s}.logout-btn:hover{background:#363475;transform:translateY(-1px)}.loading-screen{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;width:50px}@keyframes spin{to{transform:rotate(1turn)}}.loading-screen p{font-size:1.2em;margin-top:20px}.login-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.login-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:60px 50px;text-align:center;width:100%}.login-card h2{color:#495057;font-size:2em;margin-bottom:15px}.login-card p{color:#6c757d;font-size:1.1em;line-height:1.6;margin-bottom:40px}.google-login-btn{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#495057;cursor:pointer;display:flex;font-size:1.05em;font-weight:600;gap:12px;justify-content:center;padding:14px 24px;text-decoration:none;transition:all .3s;width:100%}.google-login-btn:hover{background:#f8f9fa;border-color:#667eea;box-shadow:0 4px 12px #667eea33;transform:translateY(-2px)}.google-icon{height:24px;width:24px}.view-only-notice{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:30px;padding:20px}.view-only-notice p{color:#495057;font-size:.95em;margin:0}.dashboard-container{flex:1 1;margin:30px auto;max-width:1200px;padding:0 20px 30px;width:100%}.read-only-banner{background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:2px solid #2196f3;border-radius:12px;margin-bottom:20px;padding:15px 20px;text-align:center}.read-only-banner p{color:#1565c0;font-size:1.05em;margin:0}.read-only-banner a{color:#0d47a1;font-weight:600;text-decoration:underline}.read-only-banner a:hover{color:#1976d2}.class-management{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:20px}.class-management-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between}.manage-classes-btn{background:#6c757d;border:none;border-radius:6px;padding:10px 20px}.evidence-badge-btn,.manage-classes-btn{color:#fff;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s}.evidence-badge-btn{border:none;border-radius:5px;margin-right:4px;padding:5px}.manage-classes-btn:hover{background:#5a6268;transform:translateY(-1px)}.add-class-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.add-class-btn:hover{background:#363475;transform:translateY(-1px)}.class-list-panel{border-top:2px solid #e9ecef;margin-top:20px;padding-top:20px}.class-list-panel h3{color:#495057;font-size:1.3em;margin-bottom:15px}.no-classes{color:#6c757d;padding:40px 20px;text-align:center}.no-classes p{font-size:1.05em;margin:0}.class-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.class-card{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:16px;transition:all .3s}.class-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea26}.class-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.class-name{color:#495057;flex:1 1;font-size:1.1em;font-weight:600}.class-grade-badge{background:#667eea;border-radius:12px;color:#fff;font-size:.8em;font-weight:600;padding:4px 10px;white-space:nowrap}.class-description{color:#6c757d;font-size:.95em;line-height:1.5;margin-bottom:12px}.class-card-actions{border-top:1px solid #e9ecef;display:flex;gap:8px;margin-top:12px;padding-top:12px}.form-helper{background:#e7f3ff;border-left:3px solid #06c;border-radius:4px;color:#495057;font-size:.9em;line-height:1.5;margin-top:15px;padding:12px}.form-helper strong{color:#06c}.dashboard-content{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0003;overflow:hidden}.tabs{border-bottom:2px solid #e9ecef;display:flex;overflow-x:auto}.tab,.tabs{background:#f8f9fa}.tab{border:none;border-bottom:3px solid #0000;color:#495057;cursor:pointer;flex:1 1;font-size:1em;font-weight:600;min-width:150px;padding:20px;transition:all .3s}.tab:hover{background:#e9ecef;color:#667eea}.tab.active{background:#fff;border-bottom:3px solid #667eea;color:#667eea}.grade-content{max-height:65vh;overflow-y:auto;padding:30px}.grade-header{background:linear-gradient(135deg,#667eea,#363475);border-radius:8px;color:#fff;margin-bottom:25px;padding:20px}.grade-header h2{font-size:1.8em;margin-bottom:8px}.grade-header p{font-size:1.05em;line-height:1.6;opacity:.95}.outcome{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:15px;overflow:hidden;transition:all .3s}.outcome:hover{box-shadow:0 4px 12px #667eea33}.outcome-header{align-items:center;background:#fff;cursor:pointer;display:flex;justify-content:space-between;padding:18px 20px}.outcome-header:hover{background:#f8f9fa}.outcome-title{align-items:center;color:#495057;display:flex;flex:1 1;font-size:1.1em;font-weight:600;gap:12px}.outcome-number{background:#667eea;border-radius:50%;color:#fff;font-size:.9em;font-weight:700;height:32px;justify-content:center;width:32px}.outcome-badges,.outcome-number{align-items:center;display:flex;flex-shrink:0}.outcome-badges{gap:10px}.evidence-badge{background:#28a745;border-radius:12px;color:#fff;font-size:.85em;font-weight:600;padding:4px 12px}.outcome-arrow{color:#667eea;font-size:1.2em;margin-left:10px;transition:transform .3s}.outcome.expanded .outcome-arrow{transform:rotate(90deg)}.outcome-details{background:#fff;border-top:1px solid #e9ecef;max-height:0;overflow:hidden;transition:max-height .3s ease}.outcome.expanded .outcome-details{max-height:2000px}.outcome-objectives{padding:20px 20px 10px 68px}.outcome-objectives ul{list-style:none}.outcome-objectives li{color:#495057;line-height:1.6;padding:8px 0;position:relative}.outcome-objectives li:before{color:#667eea;content:"✓";font-weight:700;left:-25px;position:absolute}.evidence-section{background:#f8f9fa;border-top:1px solid #e9ecef;display:none;padding:20px}.evidence-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.evidence-header h4{color:#495057;font-size:1.1em}.add-evidence-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s}.add-evidence-btn:hover{background:#363475;transform:translateY(-1px)}.evidence-list{grid-gap:15px;display:grid;gap:15px}.evidence-item{background:#fff;border-left:3px solid #667eea;border-radius:8px;display:flex;gap:15px;padding:15px}.evidence-image{border-radius:6px;flex-shrink:0;height:100px;object-fit:cover;width:100px}.evidence-content{flex:1 1}.evidence-title{color:#495057;font-weight:600;margin-bottom:5px}.evidence-meta{color:#6c757d;font-size:.85em;margin-bottom:8px}.evidence-description{color:#495057;line-height:1.5}.evidence-actions{display:flex;gap:8px;margin-top:10px}.evidence-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.85em;font-weight:600;padding:5px 12px;transition:all .2s}.edit-btn{background:#ffc107;color:#000}.edit-btn:hover{background:#e0a800}.delete-btn{background:#dc3545;color:#fff}.delete-btn:hover{background:#c82333}.no-evidence{color:#6c757d;font-style:italic;padding:20px;text-align:center}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.modal-header{align-items:center;background:linear-gradient(135deg,#667eea,#363475);border-bottom:1px solid #e9ecef;border-radius:12px 12px 0 0;color:#fff;display:flex;justify-content:space-between;padding:20px}.close-btn,.modal-header h3{font-size:1.5em}.close-btn{align-items:center;background:none;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;padding:0;transition:background .2s;width:30px}.close-btn:hover{background:#fff3}.modal-body{padding:25px}.form-group{margin-bottom:20px}.form-group label{color:#495057;display:block;font-weight:600;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:2px solid #e9ecef;border-radius:6px;font-family:inherit;font-size:1em;padding:10px 12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:100px;resize:vertical}.file-input-wrapper{align-items:center;display:flex;gap:10px}.file-input-wrapper input[type=file]{flex:1 1}.current-image{border-radius:6px;margin-top:10px;max-width:200px}.modal-actions{border-top:1px solid #e9ecef;display:flex;gap:10px;justify-content:flex-end;padding:20px}.modal-actions button{border:none;border-radius:6px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover{background:#5a6268}.submit-btn{background:#667eea;color:#fff}.submit-btn:hover{background:#363475;transform:translateY(-1px)}@media (max-width:768px){.app-header h1{font-size:1.2em}.header-content{flex-direction:column;gap:15px}.tab{font-size:.9em;min-width:100px;padding:15px 10px}.grade-content{padding:20px}.outcome-title{font-size:.95em}.evidence-item{flex-direction:column}.evidence-image{height:200px;width:100%}}
/*# sourceMappingURL=main.292cd5bb.css.map*/