:root{--navy-950: #0b1b33;--navy-800: #16294a;--navy-700: #1f3358;--paper-0: #ffffff;--paper-50: #f5f6f8;--paper-100: #eceef3;--line: #dde1e9;--line-strong: #c4cad8;--ink-900: #14213b;--ink-600: #3d4a63;--ink-400: #5b6b85;--brass-600: #97711f;--brass-500: #b98a2e;--brass-400: #d3a544;--brass-100: #f3e6c5;--brass-050: #faf3e2;--emerald-600: #2f7d5c;--emerald-100: #e1f0e8;--brick-600: #b4453a;--brick-100: #f7e2df;--font-display: "Fraunces", "Georgia", serif;--font-body: "Work Sans", "Segoe UI", sans-serif;--font-arabic: "IBM Plex Sans Arabic", "Tahoma", sans-serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-elevated: 0 24px 64px rgba(11, 27, 51, .22);--tap: 44px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html,body,#root{margin:0;min-height:100%;width:100%}body{font-family:var(--font-body);font-size:16px;line-height:1.55;font-weight:400;color:var(--ink-900);background:var(--paper-50);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body,input,textarea,select,option{overflow-wrap:anywhere}html{overflow-x:hidden}:lang(ar){font-family:var(--font-arabic)}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--ink-900);letter-spacing:-.01em;margin:0}:lang(ar) h1,:lang(ar) h2,:lang(ar) h3{font-family:var(--font-arabic);font-weight:700;letter-spacing:0}p{margin:0}button,select,input,textarea{font:inherit;color:inherit;max-width:100%}button{cursor:pointer}a{color:var(--brass-600)}:focus-visible{outline:2px solid var(--brass-500);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (min-width: 760px){body{font-size:15px}}.app-shell{min-height:100vh;padding:var(--space-4);padding-top:max(var(--space-4),env(safe-area-inset-top,0px));padding-bottom:max(var(--space-4),env(safe-area-inset-bottom,0px));padding-left:max(var(--space-4),env(safe-area-inset-left,0px));padding-right:max(var(--space-4),env(safe-area-inset-right,0px))}@media (min-width: 760px){.app-shell{padding:var(--space-6);padding-top:max(var(--space-6),env(safe-area-inset-top,0px));padding-bottom:max(var(--space-6),env(safe-area-inset-bottom,0px));padding-left:max(var(--space-6),env(safe-area-inset-left,0px));padding-right:max(var(--space-6),env(safe-area-inset-right,0px))}}.topbar{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);margin:0 auto var(--space-4);max-width:1240px;padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.topbar h1{font-size:1.5rem}.topbar p{margin:var(--space-1) 0 0;color:var(--ink-400);font-size:.94rem}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.toolbar label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.86rem;font-weight:500;color:var(--ink-600)}.toolbar select{border:1px solid var(--line-strong);background:var(--paper-0);color:var(--ink-900);border-radius:var(--radius-sm);padding:9px 12px;min-height:var(--tap)}.toolbar button{border:1px solid var(--line-strong);background:var(--paper-0);color:var(--ink-900);border-radius:var(--radius-sm);padding:10px 16px;min-height:var(--tap);font-weight:600;transition:border-color .14s ease,color .14s ease}.toolbar button:hover{border-color:var(--brick-600);color:var(--brick-600)}@media (min-width: 760px){.topbar{flex-direction:row;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-6);padding-bottom:var(--space-5)}.topbar h1{font-size:clamp(1.6rem,2.6vw,2.1rem)}}.content{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}@media (min-width: 760px){.content{grid-template-columns:264px minmax(0,1fr);gap:var(--space-6)}}.sidebar{background:var(--navy-950);border-radius:var(--radius-md);padding:var(--space-2);padding-top:max(var(--space-2),env(safe-area-inset-top,0px));position:sticky;top:0;z-index:5}@media (min-width: 760px){.sidebar{border-radius:var(--radius-lg);padding:var(--space-4);top:var(--space-6)}}.status-box{display:flex;align-items:center;gap:var(--space-2);background:#d3a54424;color:var(--brass-100);border:1px solid rgba(211,165,68,.3);border-radius:var(--radius-md);padding:11px var(--space-3);margin-bottom:var(--space-2);font-size:.86rem}@media (min-width: 760px){.status-box{margin-bottom:var(--space-4)}}.dot{width:8px;height:8px;border-radius:50%;background:var(--brass-400);display:inline-block;flex:0 0 auto}.nav{display:grid;grid-auto-flow:column;justify-content:start;gap:2px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav button{text-align:center;border:0;border-bottom:3px solid transparent;background:transparent;color:#ffffffb8;border-radius:var(--radius-sm) var(--radius-sm) 0 0;padding:11px var(--space-4);min-height:var(--tap);font-weight:500;font-size:.94rem;white-space:nowrap;scroll-snap-align:start;transition:background .14s ease,color .14s ease,border-color .14s ease}.nav button:hover{background:#ffffff0f;color:var(--paper-0)}.nav button.active{color:var(--paper-0);background:#d3a54424;border-bottom-color:var(--brass-500);font-weight:600}@media (min-width: 760px){.nav{grid-auto-flow:row;overflow-x:visible}.nav button{text-align:start;border-bottom:none;border-inline-start:3px solid transparent;border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:11px 13px}[dir=rtl] .nav button{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.nav button.active{border-bottom-color:transparent;border-inline-start-color:var(--brass-500)}}.panel{min-width:0}.hero-card{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:linear-gradient(155deg,var(--navy-950) 0%,var(--navy-700) 100%);color:var(--paper-0);margin-bottom:var(--space-4)}.badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-pill);background:#d3a5442e;border:1px solid rgba(211,165,68,.4);color:var(--brass-100);font-size:.78rem;font-weight:600}.hero-card h2{font-family:var(--font-display);margin:var(--space-3) 0 var(--space-1);font-size:1.4rem;color:var(--paper-0)}:lang(ar) .hero-card h2{font-family:var(--font-arabic)}.hero-card p{color:#ffffffad}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.metrics>div{min-width:0;padding:12px 10px;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.1);text-align:center}.metrics strong{display:block;font-family:var(--font-display);font-size:1.5rem;color:var(--brass-100)}.metrics span{color:#fff9;font-size:.76rem}@media (min-width: 760px){.hero-card{flex-direction:row;align-items:center;text-align:start;flex-wrap:wrap;justify-content:space-between;gap:var(--space-5);padding:var(--space-6);margin-bottom:var(--space-6)}.hero-card h2{font-size:clamp(1.3rem,2vw,1.8rem)}.metrics{grid-template-columns:none;display:flex;flex-wrap:wrap}.metrics>div{min-width:96px;padding:12px 16px}}.section-heading{display:flex;align-items:flex-start;flex-direction:column;gap:var(--space-4);margin:var(--space-1) 0 var(--space-4)}.section-heading h2{font-size:1.3rem}@media (min-width: 760px){.section-heading{flex-direction:row;justify-content:space-between;align-items:flex-end}.section-heading h2{font-size:1.5rem}}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--brass-600);font-size:.8rem;font-weight:600}.eyebrow:before{content:"";width:12px;height:2px;background:var(--brass-500);display:inline-block;flex:0 0 auto}.detail-card{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-0);min-width:0}.pending-card{margin-bottom:var(--space-4);padding:var(--space-5);border:1px solid var(--brick-100);border-inline-start:4px solid var(--brick-600);border-radius:var(--radius-lg);background:var(--brick-100)}.pending-card h2{margin:var(--space-2) 0 var(--space-2);font-size:1.2rem}.pending-card p{color:#7a2c24}.detail-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.detail-card-heading>div{min-width:0}.detail-card h3{margin:var(--space-1) 0 0;font-size:1.1rem}.count-badge{display:grid;min-width:30px;min-height:30px;flex:0 0 auto;place-items:center;border-radius:50%;background:var(--brass-050);border:1px solid var(--brass-100);color:var(--brass-600);font-weight:700;font-size:.86rem}.activity-list{display:grid;gap:1px;margin:var(--space-4) 0 0;padding:0;list-style:none;background:var(--line);border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.activity-list li{display:flex;align-items:center;gap:var(--space-3);padding:11px var(--space-3);background:var(--paper-0);color:var(--ink-600);font-size:.92rem;min-width:0}.activity-list li span{min-width:0}.activity-dot{width:6px;height:6px;flex:0 0 auto;border-radius:50%;background:var(--brass-500)}.muted{color:var(--ink-400);font-size:.9rem}@media (min-width: 760px){.detail-card{margin-bottom:var(--space-5);padding:var(--space-5)}.pending-card{margin-bottom:var(--space-5);padding:var(--space-6)}.pending-card h2{font-size:1.3rem}.detail-card h3{font-size:1.15rem}}.event-form-card{border-color:var(--line)}.event-form-card h3{margin:var(--space-1) 0 var(--space-4)}.quick-student-form{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--line)}.quick-student-form label{display:grid;flex:1;gap:6px;color:var(--ink-600);font-size:.84rem;font-weight:600}.quick-student-form input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;min-height:var(--tap);width:100%}.event-form{display:grid;grid-template-columns:1fr;align-items:end;gap:var(--space-3)}.student-picker{display:grid;gap:var(--space-2);min-width:0;max-height:220px;overflow:auto;margin:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:var(--space-3);background:var(--paper-50)}.student-picker legend{padding:0 4px;color:var(--ink-600);font-size:.84rem;font-weight:600}.student-option{display:grid!important;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2)!important;color:var(--ink-600);font-size:.86rem!important;font-weight:500!important;min-width:0}.student-option input{width:20px;height:20px;flex:0 0 auto}.student-option small{color:var(--ink-400);min-width:0;overflow-wrap:anywhere}.event-form label{display:grid;gap:6px;color:var(--ink-600);font-size:.84rem;font-weight:600;min-width:0}.event-form input,.event-form select{width:100%;min-width:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;min-height:var(--tap);color:var(--ink-900);background:var(--paper-0)}.event-form input:focus,.event-form select:focus,.quick-student-form input:focus{border-color:var(--brass-500)}.message-form{display:grid;gap:var(--space-3)}.message-form label{display:grid;gap:6px;color:var(--ink-600);font-size:.84rem;font-weight:600}.message-form input,.message-form textarea,.message-form select{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:10px 12px;min-height:var(--tap);color:var(--ink-900);font:inherit;resize:vertical}.message-form input:focus,.message-form textarea:focus,.message-form select:focus{border-color:var(--brass-500)}@media (min-width: 760px){.quick-student-form{flex-direction:row;align-items:end}.quick-student-form input{min-height:0}.event-form{grid-template-columns:1.5fr 1fr 1fr auto}.teacher-form{grid-template-columns:repeat(5,minmax(0,1fr))}.group-form{grid-template-columns:repeat(4,minmax(0,1fr))}.student-picker{grid-column:span 2;max-height:190px}.event-form input,.event-form select{min-height:0}}.attendance-checklist{display:grid;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--line)}.attendance-student{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-2) var(--space-3);padding:11px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--paper-50);color:var(--ink-600);cursor:pointer}.attendance-student input{width:22px;height:22px;accent-color:var(--emerald-600);flex:0 0 auto}.attendance-student small{color:var(--ink-400)}.late-toggle{grid-column:1 / -1;justify-self:start;display:inline-flex;align-items:center;gap:6px;color:var(--brass-600);font-size:.85rem;min-height:var(--tap)}.late-toggle input{width:18px;height:18px;accent-color:var(--brass-500)}.attendance-group{margin-top:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-50);padding:var(--space-4)}.attendance-history{display:grid;gap:var(--space-2);padding:var(--space-3) 0 0}.student-history{display:grid;gap:3px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--paper-0);border:1px solid var(--line);min-width:0}.student-history span{color:var(--ink-400);font-size:.86rem}@media (min-width: 760px){.attendance-checklist{margin-top:var(--space-5)}.attendance-student{grid-template-columns:auto 1fr auto;gap:var(--space-3)}.attendance-student input{width:18px;height:18px}.late-toggle{grid-column:auto;min-height:0}.late-toggle input{width:15px;height:15px}}.primary-action{border:0;border-radius:var(--radius-sm);background:var(--brass-500);color:var(--navy-950);cursor:pointer;font-weight:700;padding:12px 16px;min-height:var(--tap);transition:background .14s ease,transform .14s ease}.primary-action:hover{background:var(--brass-400)}.primary-action:disabled{cursor:wait;opacity:.6}.secondary-action{border:1px solid var(--navy-800);border-radius:var(--radius-sm);background:var(--paper-0);color:var(--navy-800);cursor:pointer;font-weight:700;padding:11px 15px;min-height:var(--tap);transition:background .14s ease}.secondary-action:hover{background:var(--paper-100)}.small-action{padding:9px 12px;min-height:40px;white-space:nowrap}.text-action{display:block;margin:var(--space-4) auto 0;border:0;background:transparent;color:var(--brass-600);cursor:pointer;font-size:.86rem;font-weight:600;min-height:var(--tap)}.approval-message{color:var(--emerald-600);font-weight:700}.approval-list{display:grid;gap:var(--space-2);margin:var(--space-4) 0 0;padding:0;list-style:none}.approval-list li{display:flex;flex-direction:column;align-items:stretch;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--paper-0)}.approval-controls{display:flex!important;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.approval-controls input,.approval-controls select{border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:8px 10px;min-height:var(--tap);flex:1 1 160px;min-width:0}.approval-list span{display:grid;gap:3px;min-width:0}.approval-list small{color:var(--ink-400)}@media (min-width: 760px){.approval-list{margin-top:var(--space-5)}.approval-list li{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--space-4)}.approval-controls input,.approval-controls select{flex:0 1 auto;min-height:0}.approval-controls input{width:120px}}.welcome-screen{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:var(--space-6) var(--space-4)}.welcome-copy{width:min(100%,680px);padding:var(--space-6) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--paper-0);text-align:center}.welcome-copy .eyebrow{justify-content:center}.welcome-copy h2{margin:var(--space-3) 0 var(--space-3);font-size:clamp(1.7rem,8vw,3rem)}.welcome-copy p{max-width:520px;margin:0 auto;color:var(--ink-400);font-size:1rem}.welcome-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-5)}.welcome-actions button{min-height:48px}@media (min-width: 760px){.welcome-screen{padding:var(--space-10) var(--space-5)}.welcome-copy{padding:var(--space-10) var(--space-8);border-radius:22px}.welcome-copy p{font-size:1.05rem}.welcome-actions{flex-direction:row;justify-content:center}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;padding:0;background:#0b1b3399}.login-modal{position:relative;width:100%;max-height:92vh;overflow-y:auto;padding:var(--space-6) var(--space-5);padding-bottom:max(var(--space-6),env(safe-area-inset-bottom,0px));border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:var(--paper-0);box-shadow:var(--shadow-elevated)}.login-modal h2{margin:var(--space-2) 0;font-size:1.4rem}.login-modal p{color:var(--ink-400)}.auth-form{display:grid;gap:var(--space-4);margin-top:var(--space-5)}.auth-form label{display:grid;gap:6px;color:var(--ink-600);font-size:.88rem;font-weight:600}.auth-form input{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:11px 12px;min-height:var(--tap);color:var(--ink-900);background:var(--paper-0)}.auth-form input:focus{outline:none;border-color:var(--brass-500);box-shadow:0 0 0 3px var(--brass-050)}.auth-form button{min-height:var(--tap)}.auth-error{margin:0!important;color:var(--brick-600)!important;font-size:.86rem;background:var(--brick-100);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.modal-close{position:absolute;top:var(--space-3);inset-inline-end:var(--space-4);min-width:var(--tap);min-height:var(--tap);display:grid;place-items:center;border:0;background:transparent;color:var(--ink-400);cursor:pointer;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--brick-600)}@media (min-width: 760px){.modal-backdrop{align-items:center;padding:var(--space-5)}.login-modal{width:min(100%,460px);max-height:calc(100vh - var(--space-5) * 2);overflow-y:auto;padding:var(--space-8) var(--space-6);padding-bottom:var(--space-8);border-radius:var(--radius-lg)}.login-modal h2{font-size:1.55rem}}[dir=rtl] .toolbar,[dir=rtl] .status-box,[dir=rtl] .topbar,[dir=rtl] .hero-card,[dir=rtl] .metrics,[dir=rtl] .attendance-student{direction:rtl}.privacy-card{max-width:720px}.privacy-title{font-family:var(--font-display);font-size:1.35rem;color:var(--ink-900);margin:var(--space-3) 0 var(--space-1);line-height:1.3}.privacy-updated{font-size:.78rem;color:var(--ink-400);margin:0 0 var(--space-6);font-style:italic}.privacy-section{border-top:1px solid var(--line);padding:var(--space-4) 0}.privacy-section h3{font-family:var(--font-body);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--brass-600);margin:0 0 var(--space-2)}.privacy-section p{font-size:.9rem;color:var(--ink-600);line-height:1.65;margin:0}.privacy-section--complaint{background:var(--brass-050);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--brass-100)}.privacy-section--complaint h3{color:var(--brass-600)}.consent-fieldset{border:1.5px solid var(--brass-400);border-radius:var(--radius-md);padding:var(--space-4);background:var(--brass-050);margin:var(--space-4) 0}.consent-legend{font-size:.82rem;font-weight:700;color:var(--brass-600);padding:0 var(--space-2);letter-spacing:.04em}.consent-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-2) 0;cursor:pointer;font-size:.875rem;color:var(--ink-600);line-height:1.5;font-weight:400}.consent-item input[type=checkbox]{flex-shrink:0;margin-top:3px;width:17px;height:17px;accent-color:var(--brass-500);cursor:pointer}.consent-item+.consent-item{border-top:1px solid var(--brass-100)}[dir=rtl] .consent-item{flex-direction:row-reverse}@media (max-width: 759px){.app-shell{width:100%;max-width:100%;min-width:0;padding:12px;padding-top:max(12px,env(safe-area-inset-top,0px));padding-bottom:max(12px,env(safe-area-inset-bottom,0px));padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.topbar,.content{width:100%;max-width:100%;min-width:0}.topbar{margin-bottom:12px;padding-bottom:12px}.topbar h1{font-size:clamp(1.35rem,6vw,1.6rem);line-height:1.15}.topbar p{font-size:.88rem;line-height:1.4}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;width:100%}.toolbar label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:center}.toolbar select,.toolbar button{width:100%;min-width:0;min-height:44px}.toolbar select{padding:9px 10px}.toolbar button{padding:9px 14px}.sidebar{width:100%;max-width:100%;min-width:0;padding:6px;border-radius:12px;position:sticky;top:0;overflow:visible}.status-box{max-width:100%;margin-bottom:6px;font-size:.82rem;line-height:1.35}.nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row;gap:4px;width:100%;max-width:100%;overflow:visible;overscroll-behavior:auto;scroll-snap-type:none}.nav button{width:100%;min-width:0;min-height:44px;padding:9px 8px;border:1px solid transparent;border-radius:8px;text-align:center;white-space:normal;overflow-wrap:anywhere;line-height:1.2;font-size:.84rem}.nav button.active{border:1px solid rgba(211,165,68,.42);border-bottom-color:var(--brass-500)}.panel{width:100%;max-width:100%;min-width:0}.hero-card{width:100%;max-width:100%;min-width:0;padding:18px 14px;gap:14px;overflow:hidden}.hero-card>div{min-width:0;max-width:100%}.hero-card h2{font-size:clamp(1.15rem,5.5vw,1.4rem);line-height:1.2;overflow-wrap:anywhere}.hero-card p{overflow-wrap:anywhere;word-break:break-word}.metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.metrics>div{min-width:0;padding:10px 5px}.metrics strong{font-size:1.35rem}.metrics span{display:block;font-size:.7rem;line-height:1.2;overflow-wrap:anywhere}.section-heading,.detail-card,.pending-card{width:100%;max-width:100%;min-width:0}.section-heading{gap:8px;margin:4px 0 12px}.section-heading h2{font-size:1.2rem}.detail-card,.pending-card{padding:14px;margin-bottom:12px}.detail-card-heading{min-width:0}.detail-card h3,.pending-card h2{overflow-wrap:anywhere}.activity-list,.activity-list li{min-width:0;max-width:100%}.activity-list li{align-items:flex-start;line-height:1.4}.event-form,.teacher-form,.group-form,.message-form{width:100%;max-width:100%;min-width:0}.event-form label,.message-form label,.quick-student-form label{min-width:0}.event-form input,.event-form select,.message-form input,.message-form textarea,.message-form select,.quick-student-form input{min-width:0;max-width:100%}.student-picker,.panel *,.detail-card *,.hero-card *{max-width:100%}input,textarea,select,button{min-width:0}}@media (max-width: 420px){.app-shell{padding-left:8px;padding-right:8px}.topbar{gap:8px}.toolbar{grid-template-columns:1fr}.toolbar label{grid-template-columns:auto minmax(0,1fr)}.toolbar button{width:100%}.sidebar{padding:5px}.nav{gap:3px}.nav button{min-height:42px;padding:8px 5px;font-size:.8rem}.hero-card{padding:16px 12px}.metrics{gap:4px}.metrics>div{padding:9px 3px}.metrics span{font-size:.66rem}}