body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ddd}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container{max-width:1200px;margin:0 auto;padding:20px}.error{color:#d32f2f;background-color:#ffebee;padding:15px;border-radius:4px;margin-bottom:20px}.app{height:100vh;display:flex;flex-direction:column}.app .errorBanner{color:#d32f2f;background-color:#ffebee;padding:15px;border-radius:4px;margin-bottom:20px}.app .main-content-container{width:100%;flex:1;overflow:auto;margin:0 auto;padding:10px 20px}.app .main-content-container .staff-tab{display:grid;grid-template-columns:1fr;gap:20px}.app .main-content-container .updated-info-banner{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;color:#666;font-style:italic;font-size:.85rem}.app .main-content-container .updated-info-banner .refresh-controls{display:flex;align-items:center;gap:10px}.app .main-content-container .updated-info-banner .auto-refresh-toggle{display:flex;align-items:center;cursor:pointer;font-size:.85rem;color:#666}.app .main-content-container .updated-info-banner .auto-refresh-toggle input{margin-right:5px}.app .main-content-container .updated-info-banner .auto-refresh-label{-webkit-user-select:none;user-select:none}.header-component{display:flex;align-items:center;padding:5px 10px;background-color:#1976d2;color:#fff;box-shadow:0 2px 4px #0000001a;text-align:center}@media (min-width: 1200px){.header-component{padding:15px 20px}}.header-component .user-profile{display:flex;align-items:center;gap:10px;margin-left:auto;padding:0 20px;min-width:10rem;flex-direction:row}@media (max-width: 599px){.header-component .user-profile{flex-direction:column;align-items:flex-end;gap:4px;padding:0 10px}}.header-component .sign-out-button-small{background-color:#f44336;color:#fff;border:1px solid #f44336;border-radius:4px;padding:5px 10px;font-size:.8rem;cursor:pointer;transition:all .2s;opacity:.6}.header-component .sign-out-button-small:hover{background-color:#f44336;opacity:1;color:#fff}.tab-nav-component .tab-buttons{margin-left:auto;margin-right:auto;display:flex;top:0;padding-left:10px;z-index:1}.tab-nav-component .tab-buttons .tab-button{padding:10px 20px;text-wrap:nowrap;background:#c9c9c9;border:1px solid #ccc;border-bottom:none;margin-right:5px;border-top-left-radius:5px;border-top-right-radius:5px;cursor:pointer;font-weight:500;transition:background-color .2s;position:relative;color:inherit;text-decoration:none}.tab-nav-component .tab-buttons .tab-button.pulse-warning{animation:pulse-warning 1.5s infinite}.tab-nav-component .tab-buttons .tab-button:hover{background:#e0e0e0}.tab-nav-component .tab-buttons .tab-button.active{background:#f5f5f5;margin-bottom:-1px;font-weight:600;color:#2196f3}.tab-nav-component .tab-buttons .tab-button .tabnav-tooltip{display:none;background-color:#000;color:#fff;text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:2;bottom:100%;transform:translate(-50%)}.tab-nav-component .tab-buttons .tab-button .tabnav-tooltip:after{content:" ";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:black transparent transparent transparent}@media (max-width: 900px){.tab-nav-component .tab-buttons .tab-button:not(.active):hover .tabnav-tooltip,.tab-nav-component .tab-buttons .tab-button:not(.active):active .tabnav-tooltip{display:initial}}@media (max-width: 900px),(max-width: 30rem){.tab-nav-component .tab-buttons .tab-button:not(.active){min-width:2.5rem}.tab-nav-component .tab-buttons .tab-button:not(.active) .label,.tab-nav-component .tab-buttons .tab-button:not(.active) .alert-icon{display:none}.tab-nav-component .tab-buttons .tab-button:not(.active):after{content:"...";color:#333;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;font-size:1rem;letter-spacing:.2em}}.page-content-container{width:fit-content;max-width:1200px;margin:0 auto}.page-content-container.full-width{width:100vw;max-width:100%!important}.tab-content{min-height:300px;padding:25px 15px 15px;background:#f5f5f5}.tab-content .tab-pane{display:none}.tab-content .tab-pane.active{display:block;animation:fadeIn .5s ease}.tab-content .tab-pane.full-width{max-width:none;padding:0}.tab-content .tab-pane.historical-tab{margin:0;padding:0}.pwa-install-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0003;z-index:9999}.pwa-install-dialog{position:fixed;left:0;right:0;bottom:32px;margin:0 auto;width:90%;max-width:400px;background:#fffffffa;border-radius:16px;box-shadow:0 4px 24px #0000002e;padding:24px;z-index:10000;display:flex;flex-direction:column;align-items:center;gap:16px;font-family:inherit}.pwa-install-close{position:absolute;top:8px;right:16px;background:none;border:none;font-size:22px;color:#888;cursor:pointer}.pwa-install-logo{width:64px;height:64px;border-radius:12px;margin-bottom:8px}.pwa-install-title{font-size:20px;font-weight:700;margin-bottom:4px}.pwa-install-title-light{color:#bbb;font-weight:400}.pwa-install-desc{font-size:15px;color:#444;text-align:center}.pwa-install-btn{padding:10px 24px;border-radius:8px;border:none;background:#1976d2;color:#fff;font-weight:600;font-size:16px;cursor:pointer;margin-top:8px}.pwa-install-fab{background:#1976d2;color:#fff;border:none;border-radius:24px;padding:12px 24px;font-size:16px;font-weight:600;box-shadow:0 2px 8px #0000002e;cursor:pointer}.pwa-install-fab:hover{background:#125ea7}.fab-container{position:fixed;right:24px;bottom:24px;z-index:1000;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.fab-stack,.fab-placeholder{position:relative;display:flex;flex-direction:column;align-items:flex-end;pointer-events:auto}.fab-stack-expanded{background:#fffffff2;border-radius:16px;box-shadow:0 4px 24px #0000002e;padding:12px 8px 8px;transition:box-shadow .2s}.fab-item{margin-bottom:8px;transition:margin .2s}.fab-badge{position:absolute;bottom:32px;right:32px;background:#e53935;color:#fff;border-radius:50%;padding:4px 8px;font-size:.8rem;font-weight:700;box-shadow:0 2px 6px #0003;z-index:10}.fab-placeholder{background:#1976d2;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000002e;cursor:pointer;transition:background .2s;pointer-events:auto;position:relative}.fab-placeholder:hover{background:#125ea7}.tour-button{display:flex;align-items:center;padding:8px 12px;background-color:#2196f3;color:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;z-index:1000;font-size:14px;transition:background-color .2s,transform .2s}.tour-button:hover{background-color:#1976d2;transform:translateY(-2px);box-shadow:0 4px 8px #0003}.tour-button .tour-button-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background-color:#fff;color:#2196f3;border-radius:50%;margin-right:8px;font-weight:700;font-size:14px}.tour-button .tour-button-text{font-weight:500}@media (max-width: 768px){.tour-button .tour-button{padding:6px 10px;font-size:12px}.tour-button .tour-button-icon{width:18px;height:18px;font-size:12px}}body.guided-tour-active .guided-tour-background-mask{pointer-events:all}.guided-tour-component.guided-tour-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;pointer-events:none}.guided-tour-component .guided-tour-svg-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.guided-tour-component .guided-tour-background-mask{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:all;z-index:9998;cursor:not-allowed}.guided-tour-component .guided-tour-tooltip{position:absolute;background-color:#fff;border-radius:6px;box-shadow:0 2px 8px #00000026;padding:15px;z-index:10001;pointer-events:all;transition:opacity .3s ease,top .3s ease,left .3s ease,transform .3s ease;animation:tooltip-fade-in .3s ease;max-width:350px;min-width:250px}.guided-tour-component .guided-tour-tooltip:before{content:"";position:absolute;border:10px solid transparent}.guided-tour-component .guided-tour-tooltip-top:before{border-top-color:#fff;bottom:-18px;left:50%;transform:translate(-50%)}.guided-tour-component .guided-tour-tooltip-bottom:before{border-bottom-color:#fff;top:-18px;left:50%;transform:translate(-50%)}.guided-tour-component .guided-tour-tooltip-left:before{border-left-color:#fff;right:-18px;top:50%;transform:translateY(-50%)}.guided-tour-component .guided-tour-tooltip-right:before{border-right-color:#fff;left:-18px;top:50%;transform:translateY(-50%)}.guided-tour-component .guided-tour-tooltip-content{color:#333;line-height:1.6;margin-bottom:15px;font-size:14px}.guided-tour-component .guided-tour-tooltip-navigation{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.guided-tour-component .guided-tour-tooltip-step-counter{color:#666;font-size:12px}.guided-tour-component .guided-tour-tooltip-buttons{display:flex;gap:10px}.guided-tour-component .guided-tour-tooltip-button{padding:8px 12px;border-radius:4px;border:1px solid #ccc;background-color:#fff;cursor:pointer;font-size:13px;transition:background-color .2s}.guided-tour-component .guided-tour-tooltip-button-next,.guided-tour-component .guided-tour-tooltip-button-finish{background-color:#2196f3;color:#fff;border-color:#2196f3}.guided-tour-component .guided-tour-tooltip-button-next:hover,.guided-tour-component .guided-tour-tooltip-button-finish:hover{background-color:#0d8aee}.guided-tour-component .guided-tour-tooltip-button-prev:hover{background-color:#f0f0f0}.guided-tour-component .guided-tour-tooltip-close{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;background:none;border:none;font-size:20px;line-height:1;cursor:pointer;color:#666;padding:0;display:flex;justify-content:center;align-items:center}.guided-tour-component .guided-tour-tooltip-close:hover{color:#333}.button{background-color:#2196f3;color:#fff;border:none;padding:5px 12px;border-radius:4px;cursor:pointer;font-weight:500;transition:background-color .2s;font-size:.85rem}.button:hover{background-color:#1976d2}.button:disabled{background-color:#6b6b6b;color:#aaa;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-warning{0%{box-shadow:0 0 #ff000080}70%{box-shadow:0 0 0 10px #f000}to{box-shadow:0 0 #f000}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes highlightPulse{0%{box-shadow:0 0 #ffc10700}50%{box-shadow:0 0 10px 5px #ffc107}to{box-shadow:0 0 #ffc10700}}.missing-id-icon{display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23e53935' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.not-clocked-icon{display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 17L14.4 15.6L11.8 13H22V11H11.8L14.4 8.4L13 7L8 12L13 17Z' fill='%23e53935'/%3E%3Cpath d='M4 19H12V21H4C2.9 21 2 20.1 2 19V5C2 3.9 2.9 3 4 3H12V5H4V19Z' fill='%23e53935'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.location-mismatch-icon{display:inline-flex;align-items:center;margin-left:3px;vertical-align:middle;width:14px;height:14px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 90'%3E%3Cg transform='translate(1.4 1.4) scale(1 1)'%3E%3Cpath d='M27.979 81.671h50.699C84.921 81.671 90 76.592 90 70.349V19.651c0-6.243-5.079-11.322-11.322-11.322H27.98c-6.243 0-11.322 5.08-11.322 11.323v16.137L0.542 44.112C0.209 44.283 0 44.626 0 45s0.209 0.717 0.541 0.889l16.116 8.323v16.137C16.657 76.592 21.736 81.671 27.979 81.671z' fill='%23ffb24d'/%3E%3Cpath d='M52.704 56.359c-2.209 0-4-1.791-4-4V48.02c0-1.101 0.454-2.153 1.254-2.909l6.891-6.505c1.011-1.065 1.567-2.458 1.567-3.93v-0.258c0-1.554-0.613-3.006-1.726-4.091c-1.113-1.084-2.591-1.641-4.14-1.619c-3.064 0.079-5.558 2.739-5.558 5.929c0 2.209-1.791 4-4 4s-4-1.791-4-4c0-7.489 5.99-13.736 13.352-13.926c3.729-0.098 7.259 1.284 9.929 3.887c2.671 2.604 4.142 6.091 4.142 9.82v0.258c0 3.592-1.379 6.987-3.884 9.562c-0.04 0.041-0.08 0.08-0.122 0.119l-5.707 5.387v2.614C56.704 54.568 54.913 56.359 52.704 56.359z' fill='%23ffffff'/%3E%3Cpath d='M52.7 69.42c-0.32 0-0.65-0.04-0.97-0.101c-0.32-0.069-0.64-0.159-0.94-0.289c-0.3-0.12-0.59-0.28-0.86-0.461c-0.28-0.18-0.53-0.39-0.76-0.619c-0.23-0.23-0.44-0.49-0.62-0.761c-0.18-0.27-0.34-0.56-0.46-0.859c-0.13-0.3-0.22-0.62-0.29-0.94c-0.06-0.32-0.1-0.649-0.1-0.979c0-0.32 0.04-0.65 0.1-0.971c0.07-0.319 0.16-0.64 0.29-0.939c0.12-0.3 0.28-0.59 0.46-0.86s0.39-0.53 0.62-0.76s0.48-0.44 0.76-0.62c0.27-0.18 0.56-0.34 0.86-0.46c0.3-0.13 0.62-0.22 0.94-0.29c1.62-0.33 3.35 0.21 4.51 1.37c0.23 0.229 0.44 0.49 0.62 0.76c0.18 0.271 0.34 0.561 0.46 0.86c0.13 0.3 0.22 0.62 0.29 0.939c0.06 0.32 0.1 0.65 0.1 0.971c0 0.33-0.04 0.659-0.1 0.979c-0.07 0.32-0.16 0.641-0.29 0.94c-0.12 0.3-0.28 0.59-0.46 0.859c-0.18 0.271-0.39 0.53-0.62 0.761C55.31 68.88 54.02 69.42 52.7 69.42z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.alert-icon{width:12px;height:12px;border-radius:50%;background-color:red;display:inline-flex;margin-left:5px;vertical-align:middle;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='%23f9a825' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.move-icon{display:inline-flex;width:16px;height:16px;margin-left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 167 128'%3E%3Cpath fill='%234285F4' d='M104.3,9.1c-2.9,0-5.3,2.4-5.3,5.3v26.7c0,2.9,2.4,5.3,5.3,5.3s5.3-2.4,5.3-5.3v-21.3h42.7v85.3h-42.7v-21.3c0-2.9-2.4-5.3-5.3-5.3s-5.3,2.4-5.3,5.3v26.7c0,2.9,2.4,5.3,5.3,5.3h53.3c2.9,0,5.3-2.4,5.3-5.3V14.4c0-2.9-2.4-5.3-5.3-5.3h-53.3ZM120.5,46.4c-1.5,0-2.9.5-3.9,1.6-2.1,2.1-2.1,5.5,0,7.5l1.6,1.6H30.4c-2.9,0-5.3,2.4-5.3,5.3s2.4,5.3,5.3,5.3h87.7l-1.6,1.6c-2.1,2.1-2.1,5.5,0,7.5,2.1,2.1,5.5,2.1,7.5,0l10.6-10.6s0,0,.1-.1c0,0,0,0,0,0,0,0,.2-.2.3-.3,0-.1.2-.2.3-.4,0,0,.1-.2.2-.2,0,0,0,0,0-.1,0,0,0,0,0,0,0,0,.1-.2.2-.3,0,0,0-.2.1-.3,0,0,0,0,0-.1,0,0,0,0,0,0,0-.1,0-.2.1-.3,0,0,0,0,0,0,0,0,0-.2,0-.3,0,0,0,0,0,0,0-.1,0-.3,0-.4,0,0,0,0,0-.1,0-.1,0-.2,0-.3,0,0,0,0,0-.1,0,0,0-.1,0-.2,0,0,0-.2,0-.3,0,0,0,0,0,0,0-.1,0-.3,0-.4,0-.1,0-.2,0-.3,0,0,0,0,0-.1,0,0,0,0,0-.1,0,0,0,0,0,0,0-.1,0-.3-.2-.4,0,0,0-.2-.1-.3,0,0,0,0,0-.1,0,0,0-.2-.1-.3,0,0,0,0,0-.1,0,0-.1-.2-.2-.2,0,0,0,0,0-.1,0,0-.1-.2-.2-.2,0,0,0,0-.1-.1,0,0,0,0-.1-.1l-.2-.2-10.4-10.5c-1-1-2.3-1.5-3.6-1.6ZM9.8,9.1c-2.9,0-5.3,2.4-5.3,5.3v96c0,2.9,2.4,5.3,5.3,5.3h49.2c2.9,0,5.3-2.4,5.3-5.3v-26.7c0-2.9-2.4-5.3-5.3-5.3s-5.3,2.4-5.3,5.3v21.3H15.1V19.8h38.6v21.3c0,2.9,2.4,5.3,5.3,5.3s5.3-2.4,5.3-5.3V14.4c0-2.9-2.4-5.3-5.3-5.3H9.8Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;cursor:pointer;vertical-align:middle;opacity:.7;transition:opacity .2s ease}.add-teacher-icon{display:inline-block;width:16px;height:16px;margin-left:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6V13z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;cursor:pointer;opacity:.7;transition:opacity .2s ease}.transfer-icon-button{display:inline-block;width:16px;height:16px;margin-left:5px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 167 128'%3E%3Cpath fill='%234285F4' d='M104.3,9.1c-2.9,0-5.3,2.4-5.3,5.3v26.7c0,2.9,2.4,5.3,5.3,5.3s5.3-2.4,5.3-5.3v-21.3h42.7v85.3h-42.7v-21.3c0-2.9-2.4-5.3-5.3-5.3s-5.3,2.4-5.3,5.3v26.7c0,2.9,2.4,5.3,5.3,5.3h53.3c2.9,0,5.3-2.4,5.3-5.3V14.4c0-2.9-2.4-5.3-5.3-5.3h-53.3ZM120.5,46.4c-1.5,0-2.9.5-3.9,1.6-2.1,2.1-2.1,5.5,0,7.5l1.6,1.6H30.4c-2.9,0-5.3,2.4-5.3,5.3s2.4,5.3,5.3,5.3h87.7l-1.6,1.6c-2.1,2.1-2.1,5.5,0,7.5,2.1,2.1,5.5,2.1,7.5,0l10.6-10.6s0,0,.1-.1c0,0,0,0,0,0,0,0,.2-.2.3-.3,0-.1.2-.2.3-.4,0,0,.1-.2.2-.2,0,0,0,0,0-.1,0,0,0,0,0,0,0,0,.1-.2.2-.3,0,0,0-.2.1-.3,0,0,0,0,0-.1,0,0,0,0,0,0,0-.1,0-.2.1-.3,0,0,0,0,0,0,0,0,0-.2,0-.3,0,0,0,0,0-.1,0,0,0-.2,0-.3,0,0,0,0,0,0,0-.1,0-.3,0-.4,0,0,0,0,0-.1,0-.1,0-.2,0-.3,0,0,0,0,0-.1,0,0,0-.1,0-.2,0,0,0-.2,0-.3,0,0,0,0,0,0,0-.1,0-.3,0-.4,0-.1,0-.2,0-.3,0,0,0,0,0-.1,0,0,0,0,0-.1,0,0,0,0,0,0,0-.1,0-.3-.2-.4,0,0,0-.2-.1-.3,0,0,0,0,0-.1,0,0,0-.2-.1-.3,0,0,0,0,0-.1,0,0-.1-.2-.2-.2,0,0,0,0,0-.1,0,0-.1-.2-.2-.2,0,0,0,0-.1-.1,0,0,0,0-.1-.1l-.2-.2-10.4-10.5c-1-1-2.3-1.5-3.6-1.6ZM9.8,9.1c-2.9,0-5.3,2.4-5.3,5.3v96c0,2.9,2.4,5.3,5.3,5.3h49.2c2.9,0,5.3-2.4,5.3-5.3v-26.7c0-2.9-2.4-5.3-5.3-5.3s-5.3,2.4-5.3,5.3v21.3H15.1V19.8h38.6v21.3c0,2.9,2.4,5.3,5.3,5.3s5.3-2.4,5.3-5.3V14.4c0-2.9-2.4-5.3-5.3-5.3H9.8Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;vertical-align:middle}.signin-icon-button{display:inline-flex;align-items:center;margin-left:6px;vertical-align:middle;width:16px;height:16px;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 7L9.6 8.4L12.2 11H2V13H12.2L9.6 15.6L11 17L16 12L11 7Z' fill='%234CAF50'/%3E%3Cpath d='M20 19H12V21H20C21.1 21 22 20.1 22 19V5C22 3.9 21.1 3 20 3H12V5H20V19Z' fill='%234CAF50'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer;transition:transform .2s ease}.student-transfer-icon{display:inline-block;width:16px;height:16px;margin-left:4px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 167 128'%3E%3Cpath fill='%234285F4' d='M104.3,9.1c-2.9,0-5.3,2.4-5.3,5.3v26.7c0,2.9,2.4,5.3,5.3,5.3s5.3-2.4,5.3-5.3v-21.3h42.7v85.3h-42.7v-21.3c0-2.9-2.4-5.3-5.3-5.3s-5.3,2.4-5.3,5.3v26.7c0,2.9,2.4,5.3,5.3,5.3h53.3c2.9,0,5.3-2.4,5.3-5.3V14.4c0-2.9-2.4-5.3-5.3-5.3h-53.3ZM120.5,46.4c-1.5,0-2.9.5-3.9,1.6-2.1,2.1-2.1,5.5,0,7.5l1.6,1.6H30.4c-2.9,0-5.3,2.4-5.3,5.3s2.4,5.3,5.3,5.3h87.7l-1.6,1.6c-2.1,2.1-2.1,5.5,0,7.5,2.1,2.1,5.5,2.1,7.5,0l10.6-10.6s0,0,.1-.1c0,0,0,0,0,0,0,0,.2-.2.3-.3,0-.1.2-.2.3-.4,0,0,.1-.2.2-.2,0,0,0,0,0-.1,0,0,0,0,0,0,0,0,.1-.2.2-.3,0,0,0-.2.1-.3,0,0,0,0,0-.1,0,0,0,0,0,0,0-.1,0-.2.1-.3,0,0,0,0,0,0,0,0,0-.2,0-.3,0,0,0,0,0-.1,0,0,0-.2,0-.3,0,0,0,0,0,0,0-.1,0-.3,0-.4,0,0,0,0,0-.1,0-.1,0-.2,0-.3,0,0,0,0,0-.1,0,0,0-.1,0-.2,0,0,0-.2,0-.3,0,0,0,0,0,0,0-.1,0-.3,0-.4,0-.1,0-.2,0-.3,0,0,0,0,0-.1,0,0,0,0,0-.1,0,0,0,0,0,0,0-.1,0-.3-.2-.4,0,0,0-.2-.1-.3,0,0,0,0,0-.1,0,0,0-.2-.1-.3,0,0,0,0,0-.1,0,0-.1-.2-.2-.2,0,0,0,0,0-.1,0,0-.1-.2-.2-.2,0,0,0,0-.1-.1,0,0,0,0-.1-.1l-.2-.2-10.4-10.5c-1-1-2.3-1.5-3.6-1.6ZM9.8,9.1c-2.9,0-5.3,2.4-5.3,5.3v96c0,2.9,2.4,5.3,5.3,5.3h49.2c2.9,0,5.3-2.4,5.3-5.3v-26.7c0-2.9-2.4-5.3-5.3-5.3s-5.3,2.4-5.3,5.3v21.3H15.1V19.8h38.6v21.3c0,2.9,2.4,5.3,5.3,5.3s5.3-2.4,5.3-5.3V14.4c0-2.9-2.4-5.3-5.3-5.3H9.8Z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;cursor:pointer;vertical-align:middle;opacity:.7;transition:opacity .2s ease;float:right}.add-teacher-icon{display:inline-block;width:16px;height:16px;margin-left:8px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%234285F4' d='M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6V13z'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;cursor:pointer;opacity:.7;transition:opacity .2s ease}.login-page{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;background-image:linear-gradient(120deg,#e0f7fa,#bbdefb);text-align:center}.login-page .login-logo{margin-bottom:20px}.login-page .login-card{max-width:500px;margin:20px;background-color:#fff;border-radius:8px;box-shadow:0 6px 16px #0000001a;padding:30px;transition:transform .3s ease,box-shadow .3s ease;animation:fadeInUp .6s ease forwards}.login-page .login-card p{color:#555;margin-bottom:20px;font-size:1.1rem;line-height:1.5}.login-page .login-card h2{color:#1976d2;margin-top:0;margin-bottom:20px;font-size:1.8rem}.login-page .login-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #00000026}.login-page .domain-info{font-weight:700;color:#1976d2;margin:15px 0;font-size:1.2rem}.login-page .app-logo,.login-page .user-avatar{height:400px;width:auto;border-radius:8px}.auth-error{color:#d32f2f;background:#ffebee;border:1px solid #f44336;border-radius:4px;padding:12px 16px;margin:16px 0;font-size:1rem;font-weight:500;text-align:center;animation:shake .3s}@keyframes shake{0%{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}to{transform:translate(0)}}