@import "https://fonts.googleapis.com/css2?family=Onest:wght@100..900&display=swap";body{background:#c4edff;margin:0}*{font-family:Onest,sans-serif;font-weight:600}#root{min-height:100vh}.login-card,.login-promo-panel,.login-form-panel,.back-office-page,.back-office-header,.back-office-main-panel,.back-office-table-card,.app-modal{transition:width .25s,height .25s,max-height .25s,padding .25s,gap .25s,border-radius .25s}.gradient-rounded-button,.icon-rounded-button,.circle-button{-webkit-tap-highlight-color:transparent}.form-error{font-weight:500;line-height:1.35}@media (width<=980px){.login-page{height:100dvh!important;overflow:hidden auto!important}.login-card{width:min(28rem,100vw - 2rem)!important;height:auto!important;min-height:unset!important;max-height:calc(100dvh - 2rem)!important;overflow-y:auto!important}.login-promo-panel{display:none!important}.login-form-panel{width:100%!important;height:auto!important;min-height:min(600px,100dvh - 2rem)!important;padding:clamp(1.25rem,5vw,2rem)!important;position:relative!important}.login-form-content{justify-content:flex-start!important;gap:1.4rem!important;width:100%!important}.login-help{position:absolute!important;top:1.25rem!important;right:1.25rem!important}.login-eyebrow{max-width:calc(100% - 4rem)!important;line-height:1.3!important}}@media (width<=900px){.back-office-page{box-sizing:border-box!important;gap:1rem!important;height:auto!important;min-height:100dvh!important;padding:1rem!important;overflow-x:hidden!important}.back-office-header{height:auto!important;min-height:unset!important;border-radius:1.5rem!important;flex-wrap:wrap!important;align-items:flex-start!important;gap:1rem!important;padding:1.25rem!important}.back-office-logo{flex:none!important;width:min(11rem,55vw)!important}.back-office-header-divider{display:none!important}.back-office-header-content{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.back-office-title{overflow-wrap:anywhere!important;font-size:clamp(1.45rem,5vw,2rem)!important;line-height:1.1!important}.back-office-subtitle{font-size:clamp(.95rem,4vw,1.1rem)!important;line-height:1.25!important}.back-office-actions{flex-wrap:wrap!important;gap:.75rem!important;width:100%!important}.back-office-actions .icon-rounded-button{flex:12rem!important;min-height:2.75rem!important}.back-office-actions .icon-rounded-button-content{white-space:nowrap!important;height:2.75rem!important;padding:0 .85rem!important}.back-office-main-panel{border-radius:1.5rem!important;align-items:stretch!important;height:auto!important;min-height:0!important;padding:.75rem!important}.back-office-search-row{gap:.75rem!important}.back-office-table-card{align-items:stretch!important;height:auto!important;min-height:18rem!important;overflow:hidden!important}.back-office-table-wrapper{-webkit-overflow-scrolling:touch!important;min-height:18rem!important;padding:.5rem!important;overflow-x:auto!important}.back-office-table-wrapper .rdt_Table{min-width:40rem!important}.back-office-table-wrapper .rdt_TableHeadRow,.back-office-table-wrapper .rdt_TableRow{min-height:3rem!important}.back-office-table-wrapper .rdt_TableCol,.back-office-table-wrapper .rdt_TableCell{padding-left:.75rem!important;padding-right:.75rem!important;font-size:.875rem!important}.pedagogue-delete-button{opacity:1!important;min-width:2rem!important;min-height:2rem!important}}@media (width<=640px){.login-card{border-radius:1.25rem!important;width:calc(100vw - 1.5rem)!important}.login-form-panel{min-height:unset!important;padding:1.25rem!important}.login-title{font-size:clamp(1.8rem,8vw,2.2rem)!important;line-height:1.05!important}.login-eyebrow{font-size:.95rem!important}.login-copy{font-size:.95rem!important;line-height:1.45!important}.login-submit{text-align:center!important;height:auto!important;min-height:3.5rem!important;padding:.85rem 1rem!important;font-size:1rem!important;line-height:1.2!important}.login-submit svg{flex:none!important;width:1.25rem!important;height:1.25rem!important}.input-field{padding:.45rem 0!important}.input-field-icon{flex:none!important;width:1.5rem!important;height:1.5rem!important;padding:0 .75rem!important}.code-text-field{min-width:0!important;font-size:1.1rem!important}.modal-backdrop{align-items:flex-end!important;padding:.75rem!important}.app-modal{box-sizing:border-box!important;border-radius:1.25rem!important;width:100%!important;max-height:calc(100dvh - 1.5rem)!important;padding:1.25rem!important;overflow-y:auto!important}.app-modal h2{font-size:1.35rem!important;line-height:1.1!important}.app-modal p{overflow-wrap:anywhere!important;font-weight:500!important;line-height:1.4!important}.modal-field{padding:0 .75rem!important}.modal-actions{flex-direction:column!important;align-items:stretch!important}.modal-actions button{width:100%!important;min-height:2.75rem!important}}@media (width<=520px){.back-office-page{padding:.75rem!important}.back-office-header{border-radius:1.25rem!important;padding:1rem!important}.back-office-actions{flex-direction:column!important;align-items:stretch!important}.back-office-actions .icon-rounded-button{flex:none!important;width:100%!important}.back-office-title{font-size:1.35rem!important}.back-office-table-wrapper .rdt_Table{min-width:36rem!important}}.default-gradient{background-image:linear-gradient(120deg,#a1c4fd 0%,#c2e9fb 100%),linear-gradient(300deg,#f4f8ff 0%,#f3fbff 100%);background-origin:border-box;background-clip:padding-box,border-box;border:2px solid #0000;border-radius:24px;box-shadow:0 50px 100px -20px #00aeff40,0 30px 60px -30px #0000004d}.promo-gradient{background:radial-gradient(circle at 85% 85%,#b0ffee 0%,#0000 42%),radial-gradient(circle at 25% 35%,#ebf4ff 0%,#0000 55%),linear-gradient(135deg,#dceeff 0%,#aee9f6 55%,#eafff7 100%)}.login-gradient{background:linear-gradient(120deg,#f3f8fc 0%,#f4f8fc 84% 33%,#c6ffec 84%,#eff7fc 100%)}.gradient-text{background:linear-gradient(90deg,#32aef3,#49ddd7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.white-round-gradient{background:#fbfcfe;border-radius:1.8rem;box-shadow:0 5px 33px #196dad26}.circle-button{cursor:"pointer";background:#fff;border:none;border-radius:50%;outline:none;transition:all .3s;box-shadow:0 4px 6px -1px #378fa41a,0 2px 4px -2px #0000000f}.circle-button:hover{transition:all .3s;transform:translateY(-2px);box-shadow:0 6px 10px -1px #378fa433,0 4px 8px -2px #0000001a}.circle-button:active{transition:transform 50ms,box-shadow 50ms;transform:translateY(2px);box-shadow:0 2px 8px -1px #378fa480}.gradient-rounded-button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#0873f5 0%,#6de2ca 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.5rem 1rem;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 16px -1px #378fa4b3,0 2px 4px -2px #0000000f}.gradient-rounded-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px -1px #378fa4e6,0 4px 8px -2px #0000001a}.gradient-rounded-button:active{transition:transform 50ms,box-shadow 50ms;transform:translateY(2px);box-shadow:0 2px 8px -1px #378fa480}.icon-rounded-button{color:#0873f5;cursor:pointer;background:#fff;border:1px solid #ebf5fc;border-radius:9999px;justify-content:center;align-items:center;transition:transform .3s,box-shadow .3s;display:flex}.icon-rounded-button:hover{transform:translateY(-2px);box-shadow:0 4px 16px -1px #378fa433,0 2px 4px -2px #0000000f}.icon-rounded-button:active{transition:transform 50ms,box-shadow 50ms;transform:translateY(2px);box-shadow:inset 0 2px 8px -1px #378fa433}.code-text-field-outline{background-color:#fff;border:2px solid #e5f0f8;border-radius:8px;width:100%;font-size:16px}.code-text-field{color:#3f3f3f;text-transform:uppercase;text-align:center;background-color:#fff0;border:none;border-radius:8px;width:100%;height:100%;font-size:1.5rem;font-weight:500}.code-text-field::placeholder{color:#000;opacity:.15}.code-text-field:focus{border:none;outline:none}.search-text-field-outline{background-color:#fff;border:2px solid #e5f0f8;border-radius:8px;width:100%;font-size:16px}.search-text-field{color:#3f3f3f;text-align:left;background-color:#fff0;border:none;border-radius:8px;width:100%;height:100%;font-size:1.5rem;font-weight:500}.outline{background-color:#fff;border:1px solid #ebf5fc;border-radius:1rem}.panel-shadow{box-shadow:0 14px 50px #0245d42b}.rdt_TableRow:hover{transition:background-color .2s;background-color:#0873f520!important}.grainient-container{width:100%;height:100%;position:relative;overflow:hidden}