@import"https://fonts.googleapis.com/css2?family=Assistant:wght@400;500;600;700;800&display=swap";:root{font-family:Assistant,Segoe UI,Arial,sans-serif;color:#171717;background:#f7f7f5;font-synthesis:none;text-rendering:optimizeLegibility;--atelier-oxford: #001233;--atelier-zaire: #1e1e9b;--atelier-byzantine: #4050dc;--atelier-baby-powder: #f2efed;--atelier-surface: #ffffff;--atelier-border: #d9dce7}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;background:#f7f7f5}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}.student-interface,.teacher-interface{font-size:17px}.student-interface button,.student-interface input,.student-interface select,.teacher-interface button,.teacher-interface input,.teacher-interface select{min-height:44px}.student-interface select,.student-interface input{font-size:16px!important}.student-interface [class*=chakra-text],.teacher-interface [class*=chakra-text]{line-height:1.55}.student-interface [style*="font-size: 12px"],.student-interface [style*="font-size: 13px"]{font-size:15px!important}@media(max-width:480px){.student-interface,.teacher-interface{font-size:18px}.student-interface button,.teacher-interface button{min-height:48px;font-size:16px}.student-interface input,.student-interface select,.teacher-interface input,.teacher-interface select{min-height:48px;font-size:16px!important}.student-interface [role=dialog],.teacher-interface [role=dialog]{max-width:calc(100vw - 24px)!important}}.student-portal-navigation,.teacher-portal-navigation{display:flex;gap:8px;margin-bottom:24px;padding:8px;background:var(--atelier-surface);border:1px solid var(--atelier-border);border-radius:16px}.student-portal-navigation button,.teacher-portal-navigation a{flex:1;min-width:0}.teacher-attendance-actions{width:100%;display:flex;flex-direction:column;gap:12px}.teacher-attendance-actions button{white-space:normal}@media(max-width:767px){.student-interface .app-navigation-content,.teacher-interface .app-navigation-content{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.student-interface .app-brand-and-links,.teacher-interface .app-brand-and-links{display:contents}.student-interface .app-navigation-user,.teacher-interface .app-navigation-user{grid-column:2;grid-row:1}.student-interface .app-destinations,.teacher-interface .app-destinations{grid-column:1 / -1;grid-row:2}.student-interface{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.teacher-interface{padding-bottom:calc(var(--teacher-navigation-height, 76px) + 12px)}.student-portal-navigation,.teacher-portal-navigation{position:fixed;inset-inline:0;bottom:0;z-index:100;gap:2px;margin:0;padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));border:0;border-top:1px solid var(--atelier-border);border-radius:0;box-shadow:0 -4px 16px #0012330a}.student-portal-navigation button,.teacher-portal-navigation a{flex-direction:column;gap:4px;min-height:60px;padding:4px 2px;font-size:14px}.student-portal-navigation button svg,.teacher-portal-navigation a svg{flex-shrink:0}.teacher-attendance-actions{position:fixed;inset-inline:0;bottom:var(--teacher-navigation-height, calc(76px + env(safe-area-inset-bottom)) );z-index:100;background:var(--atelier-surface);border-top:1px solid var(--atelier-border);padding:8px max(12px,env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));box-shadow:0 -4px 16px #0012330a;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}.teacher-attendance-actions>p{grid-column:1 / -1}.teacher-attendance-actions button{min-width:0;min-height:48px;font-size:16px;gap:6px}}