@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root,[data-theme=light]{--primary:#0050aa;--primary-container:#006ebe;--secondary:#f04600;--accent-green:#046e00;--accent-green-light:#0a7828;--accent-green-container:#046e001a;--error:#ba1a1a;--error-container:#ffdad6;--success-bg:#dcfce7;--success-text:#166534;--success-border:#bbf7d0;--warning-bg:#fef3c7;--warning-text:#b45309;--warning-border:#fde68a;--danger-bg:#fee2e2;--danger-text:#991b1b;--danger-border:#fecaca;--info-bg:#e0f2fe;--info-text:#0369a1;--info-border:#bae6fd;--background:#edf2f7;--surface:#f4f7fa;--surface-low:#e2e8f0;--surface-high:#cbd5e1;--surface-lowest:#fff;--surface-variant:#e2e8f0;--on-surface:#1e293b;--on-surface-variant:#475569;--on-placeholder:#94a3b8;--outline-variant:#cbd5e1;--font-family:"Inter", sans-serif;--shadow-color:#0f172a14}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#3b82f6;--primary-container:#2563eb;--secondary:#f97316;--accent-green:#10b981;--accent-green-light:#059669;--accent-green-container:#10b98126;--error:#ffb4ab;--error-container:#93000a;--background:#0d0e12;--surface:#0d0e12;--surface-low:#15171e;--surface-high:#222530;--surface-lowest:#15171e;--surface-variant:#15171e;--on-surface:#f1f5f9;--on-surface-variant:#94a3b8;--on-placeholder:#64748b;--outline-variant:#ffffff0f;--shadow-color:#00000059;--success-bg:#10b98126;--success-text:#6ee7b7;--success-border:#10b9814d;--warning-bg:#fbbf2426;--warning-text:#fcd34d;--warning-border:#fbbf244d;--danger-bg:#ef444426;--danger-text:#fca5a5;--danger-border:#ef44444d;--info-bg:#3b82f626;--info-text:#93c5fd;--info-border:#3b82f64d}[data-theme=dark] select,[data-theme=dark] select option,[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=midnight] select,[data-theme=midnight] select option,[data-theme=midnight] input,[data-theme=midnight] textarea{color:var(--on-surface);background-color:var(--surface-low)}[data-theme=dark] input::placeholder,[data-theme=dark] textarea::placeholder,[data-theme=midnight] input::placeholder,[data-theme=midnight] textarea::placeholder{opacity:1;color:var(--on-placeholder)!important}[data-theme=dark] select option,[data-theme=midnight] select option{background-color:var(--surface-low);color:var(--on-surface)}[data-theme=dark] table th,[data-theme=dark] table td,[data-theme=midnight] table th,[data-theme=midnight] table td{color:var(--on-surface)}[data-theme=dark] label,[data-theme=midnight] label{color:var(--on-surface-variant)}[data-theme=dark] option,[data-theme=midnight] option{background-color:var(--surface-low);color:var(--on-surface)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus,[data-theme=midnight] input:focus,[data-theme=midnight] select:focus,[data-theme=midnight] textarea:focus{outline:none;box-shadow:0 0 0 3px #3b82f626;border-color:var(--primary)!important;background-color:var(--surface-high)!important}[data-theme=midnight]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary:#60a5fa;--primary-container:#3b82f6;--secondary:#fb923c;--accent-green:#34d399;--accent-green-light:#10b981;--accent-green-container:#34d39926;--error:#ffb4ab;--error-container:#93000a;--background:#0b0f19;--surface:#0b0f19;--surface-low:#111827;--surface-high:#1f2937;--surface-lowest:#111827;--surface-variant:#111827;--on-surface:#f8fafc;--on-surface-variant:#94a3b8;--on-placeholder:#64748b;--outline-variant:#ffffff0d;--shadow-color:#00000073;--success-bg:#34d39926;--success-text:#a7f3d0;--success-border:#34d3994d;--warning-bg:#fbbf2426;--warning-text:#fde68a;--warning-border:#fbbf244d;--danger-bg:#ef444426;--danger-text:#fca5a5;--danger-border:#ef44444d;--info-bg:#60a5fa26;--info-text:#bfdbfe;--info-border:#60a5fa4d}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--on-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s,color .25s}h1,h2,h3,h4,h5,h6{color:var(--on-surface);font-weight:700}button{cursor:pointer;font-family:var(--font-family);border:none;border-radius:.75rem;font-weight:600;transition:all .2s}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px var(--shadow-color);border:1px solid #ffffff1a;padding:.75rem 1.5rem}.btn-primary:hover{background:var(--primary-container);box-shadow:0 6px 20px var(--shadow-color);transform:translateY(-1px)}.mobile-header{display:none}.main-content{width:calc(100% - 260px);margin-left:260px;padding:2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.main-content.collapsed{width:calc(100% - 80px);margin-left:80px}.main-content.portal-view{padding:0!important}.card{background-color:var(--surface-lowest);box-shadow:0 4px 20px var(--shadow-color);border:1px solid var(--outline-variant);border-radius:1rem;padding:1.5rem;transition:all .2s}.glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--outline-variant);background:#ffffff0d}.display-lg{font-size:3.5rem;font-weight:800;line-height:1.1}.display-md{font-size:2.75rem;font-weight:800;line-height:1.2}.headline-sm{font-size:1.5rem;font-weight:700}.title-md{font-size:1.125rem;font-weight:600}.body-md{color:var(--on-surface-variant);font-size:.875rem}.label-sm{text-transform:uppercase;letter-spacing:.05em;color:var(--on-surface-variant);font-size:.6875rem;font-weight:700}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface-lowest);border-radius:1.5rem;width:100%;max-height:90vh;padding:2.5rem;animation:.3s cubic-bezier(.34,1.56,.64,1) modalScaleIn;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.input-field{border:1.5px solid var(--surface-high);background:var(--surface-low);width:100%;color:var(--on-surface);border-radius:.75rem;padding:.875rem 1rem;font-family:inherit;font-size:.9375rem;transition:all .2s}.input-field:focus{border-color:var(--primary);background:var(--surface-lowest);outline:none;box-shadow:0 0 0 4px #0050aa1a}.btn-secondary{background:var(--surface-high);color:var(--on-surface);padding:.75rem 1.5rem}.btn-secondary:hover{background:var(--outline-variant)}.btn-icon{color:var(--on-surface-variant);background:0 0;border-radius:50%;padding:.5rem}.btn-icon:hover{background:var(--surface-low)}.adm-btn{font-size:14px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.adm-btn:after{content:"";opacity:0;pointer-events:none;border-radius:inherit;background:linear-gradient(#fff0,#ffffff1f);transition:opacity .25s;position:absolute;inset:0}.adm-btn:hover:after{opacity:1}.adm-btn:active:not(:disabled){transform:scale(.98)}.adm-btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;box-shadow:0 2px 8px #10b98140}.adm-btn-primary:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.adm-btn-primary:disabled{background:var(--on-surface-variant,#94a3b8);box-shadow:none;filter:none;cursor:not-allowed;transform:none}.adm-btn-primary:disabled:after{display:none}.adm-btn-blue{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;justify-content:center;align-items:center;gap:6px;font-weight:600;display:flex;box-shadow:0 2px 8px #3b82f640}.adm-btn-blue:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.adm-btn-blue:disabled{background:var(--on-surface-variant,#94a3b8);box-shadow:none;filter:none;cursor:not-allowed;transform:none}.adm-btn-purple{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6d28d9);border:none;justify-content:center;align-items:center;gap:8px;font-weight:600;display:flex;box-shadow:0 2px 8px #8b5cf640}.adm-btn-purple:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.adm-btn-purple:disabled{background:var(--on-surface-variant,#94a3b8);box-shadow:none;filter:none;cursor:not-allowed;transform:none}.adm-btn-secondary{background:var(--surface-variant,#f1f5f9);border:1px solid var(--outline-variant,#e2e8f0);color:var(--on-surface,#0f172a);cursor:pointer;align-items:center;gap:6px;font-weight:600;transition:all .2s;display:flex}.adm-btn-secondary:hover{background:var(--surface-high,#e2e8f0);border-color:var(--surface-high,#e2e8f0);box-shadow:0 2px 8px var(--shadow-color,#0000000f)}.adm-btn-ghost{color:var(--on-surface-variant,#64748b);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-weight:500;transition:color .2s,transform .15s;display:flex}.adm-btn-ghost:hover{color:var(--on-surface);transform:translate(-2px)}.adm-btn-icon-copy{border:1px solid var(--info-border,#bfdbfe);cursor:pointer;color:var(--info-text,#1e40af);background:0 0;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:12px;transition:all .2s;display:flex}.adm-btn-icon-copy:hover{background:var(--info-bg,#eff6ff);border-color:var(--info-text,#1e40af)}.adm-card{transition:box-shadow .2s,border-color .2s}.adm-card:hover{box-shadow:0 8px 30px var(--shadow-color,#00000014);border-color:var(--surface-high,#e2e8f0)}.adm-upload-zone{transition:all .2s}.adm-upload-zone:hover{border-color:var(--primary,#0050aa);background:var(--surface-variant,#f8fafc)}.adm-file-remove{transition:opacity .15s}.adm-file-remove:hover{opacity:.7}@media (width<=1024px){.app{flex-direction:column}.sidebar{width:260px;transform:translate(-100%);box-shadow:10px 0 30px #0000001a}.sidebar.mobile-open{transform:translate(0)}main,.main-content{width:100%!important;margin-left:0!important;padding-top:80px!important}.mobile-header{background:var(--surface-lowest);border-bottom:1px solid var(--surface-high);z-index:900;justify-content:space-between;align-items:center;height:60px;padding:0 1.5rem;position:fixed;top:0;left:0;right:0;display:flex!important}}.desktop-only{display:block}.mobile-only{display:none!important}@media (width<=1024px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.main-content{width:100%!important;margin-left:0!important;padding:80px 1rem 1.5rem!important}.grid-3,.grid-2,.grid-2-equal,.responsive-grid-teacher{grid-template-columns:1fr!important;gap:1rem!important}.display-lg{font-size:2rem}.display-md{font-size:1.5rem}.headline-sm{font-size:1.25rem}}.table-container{-webkit-overflow-scrolling:touch;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%}.table-container table{border-collapse:separate;border-spacing:0;min-width:600px}.sticky-column{z-index:10;background-color:var(--surface-lowest);border-right:1px solid var(--surface-high);position:sticky;left:0}.sticky-header-column{z-index:20;background-color:var(--surface-low);border-right:1px solid var(--surface-high);position:sticky;left:0}@media (width<=768px){.compact-table td,.compact-table th{font-size:.8rem;padding:.5rem!important}.sticky-column,.sticky-header-column{text-overflow:ellipsis;white-space:nowrap;min-width:120px;max-width:140px;overflow:hidden}.sticky-column p,.sticky-column span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sticky-column{box-shadow:2px 0 8px #0000001a}table{min-width:500px}}.grid-3{grid-template-columns:1.5fr 1fr 1fr;gap:1.5rem;display:grid}.grid-2{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}.grid-2-equal{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.grid-2-equal{grid-template-columns:1fr!important}.portal-container{padding:1rem!important}.stat-grid-mobile{grid-template-columns:1fr!important;gap:1rem!important}.responsive-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important}.full-width-mobile{width:100%!important}.responsive-grid-teacher{grid-template-columns:1fr!important}}@media (hover:none) and (pointer:coarse){.btn-primary,.btn-secondary,select,input{min-height:48px}}.table-hint{display:none}@media (width<=768px){.table-hint{color:var(--on-surface-variant);opacity:.7;margin-bottom:.5rem;font-size:.7rem;font-style:italic;display:block}}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1);box-shadow:0 0 0 10px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.grid-4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.card-glass{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}@media (width<=1024px){.grid-4{grid-template-columns:1fr 1fr}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}}.modal-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (width<=480px){.modal-form-grid{grid-template-columns:1fr}.main-content{padding:74px .75rem 1rem!important}.card{border-radius:.75rem!important;padding:1rem!important}.modal-content{border-radius:1rem!important;padding:1.25rem!important}.modal-overlay{padding:.5rem!important}.btn-primary,.btn-secondary{padding:.6rem .9rem!important;font-size:.82rem!important}.title-md{font-size:1rem!important}.compact-table td,.compact-table th{padding:.4rem!important;font-size:.75rem!important}}.performer-grid{box-sizing:border-box;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;width:100%;display:grid}.performer-card{box-sizing:border-box;text-align:center;flex-direction:column;align-items:center;min-width:0;display:flex;overflow:hidden}.performer-medal{margin-bottom:.5rem;font-size:1.75rem;display:block}.performer-rank{letter-spacing:.08em;text-transform:uppercase;opacity:.7;margin-bottom:.75rem;font-size:.7rem;font-weight:700}.performer-avatar{object-fit:cover;border:2px solid var(--surface-high);border-radius:.75rem;width:56px;height:56px;margin-bottom:.75rem}.performer-name{white-space:nowrap;text-overflow:ellipsis;width:100%;min-width:0;margin:0 0 .75rem;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.performer-stats{flex-direction:row;gap:.75rem;width:100%;min-width:0;display:flex}.performer-stat{background:var(--surface-low);box-sizing:border-box;border-radius:.6rem;flex-direction:column;flex:1;align-items:center;min-width:0;padding:.75rem .5rem;display:flex}.performer-stat-label{text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:.25rem;font-size:.6rem}.performer-stat-value{font-size:1.25rem;font-weight:800;line-height:1.1}@media (width<=1024px){.app{flex-direction:column!important}.main-content{width:100%!important;margin-left:0!important;padding:80px 1rem 1.5rem!important}.main-content.collapsed{width:100%!important;margin-left:0!important}.main-content.portal-view{padding:80px 0 0!important}.mobile-header{background:var(--surface-lowest);border-bottom:1px solid var(--surface-high);z-index:1000;justify-content:space-between;align-items:center;height:60px;padding:0 1.25rem;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 8px #0000000f;display:flex!important}.grid-3,.grid-2,.grid-2-equal{grid-template-columns:1fr!important;gap:1rem!important}.grid-4{grid-template-columns:1fr 1fr!important;gap:1rem!important}.responsive-grid-teacher,.stat-grid-mobile{grid-template-columns:1fr!important;gap:1rem!important}}@media (width<=640px){.grid-4{grid-template-columns:1fr!important}}@media (width<=1024px){.display-lg{font-size:1.75rem!important;line-height:1.2!important}.display-md{font-size:1.35rem!important;line-height:1.3!important}.display-sm{font-size:1.2rem!important}.headline-sm{font-size:1.1rem!important}.title-lg{font-size:1.15rem!important}.title-md{font-size:.95rem!important}.title-sm{font-size:.85rem!important}.body-md{font-size:.875rem!important}.body-sm{font-size:.8rem!important}.label-sm{font-size:.7rem!important}}@media (width<=480px){.display-lg{font-size:1.4rem!important}.display-md{font-size:1.2rem!important}.display-sm{font-size:1.1rem!important}.headline-sm,.title-lg{font-size:1rem!important}.title-md{font-size:.85rem!important}.title-sm{font-size:.75rem!important}.body-md{font-size:.8rem!important}.body-sm{font-size:.75rem!important}.label-sm{font-size:.65rem!important}}@media (width<=768px){.card{border-radius:.75rem!important;padding:1rem!important}}@media (width<=480px){.card{border-radius:.625rem!important;padding:.625rem!important}}.table-container{-webkit-overflow-scrolling:touch;width:100%;margin-bottom:.5rem;overflow-x:auto}.table-container table.table-scroll{min-width:500px}@media (width>=769px){.table-container table.table-scroll{min-width:650px}}.table-hint{color:var(--on-surface-variant);opacity:.7;margin-bottom:.5rem;font-size:.7rem;font-style:italic;display:none}@media (width<=768px){.table-hint{margin-bottom:.35rem;display:block}.compact-table td,.compact-table th{font-size:.78rem;padding:.45rem .4rem!important}.table-container table{table-layout:fixed;border-spacing:0;border-collapse:separate!important}.card .table-container{overflow:auto hidden}.table-container table th:first-child,.table-container table td:first-child{z-index:3;background-color:var(--surface);border-right:1px solid var(--surface-high);width:32%;min-width:90px;max-width:140px;left:0;box-shadow:2px 0 8px #00000014;position:sticky!important}.table-container table thead th:first-child{z-index:5;background-color:var(--surface-high)}.table-container table tbody tr:nth-child(2n) td:first-child{background-color:var(--surface-lowest)}.table-container table th:first-child p,.table-container table td:first-child p,.table-container table th:first-child span,.table-container table td:first-child span{overflow-wrap:break-word;word-break:break-word;max-width:100%}.table-container table th:not(:first-child),.table-container table td:not(:first-child){width:auto;overflow:hidden}.table-container table td[style*="text-align: right"],.table-container table th[style*="text-align: right"],.table-container table td[style*="textAlign: right"],.table-container table th[style*="textAlign: right"]{width:16%;font-size:.78rem}.table-container table td[style*="text-align: center"],.table-container table th[style*="text-align: center"],.table-container table td[style*="textAlign: center"],.table-container table th[style*="textAlign: center"]{width:12%;padding-left:.25rem!important;padding-right:.25rem!important}.sticky-column{z-index:10;background-color:var(--surface-lowest);border-right:1px solid var(--surface-high);text-overflow:ellipsis;white-space:nowrap;min-width:90px;max-width:140px;position:sticky;left:0;overflow:hidden;box-shadow:2px 0 8px #0000001a}.sticky-column p,.sticky-column span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.sticky-header-column{z-index:20;background-color:var(--surface-low);border-right:1px solid var(--surface-high);position:sticky;left:0}.modal-content{max-height:85vh;border-radius:1.25rem!important;padding:1.5rem!important}.modal-overlay{padding:1rem!important}.modal-form-grid{grid-template-columns:1fr!important}}@media (width<=480px){.modal-content{margin:.5rem;border-radius:1rem!important;padding:1.25rem!important}.modal-overlay{align-items:flex-end!important;padding:.5rem!important}.modal-form-grid{grid-template-columns:1fr}.btn-primary,.btn-secondary{padding:.6rem .9rem!important;font-size:.82rem!important}.input-field{padding:.75rem .875rem!important;font-size:.875rem!important}}@media (hover:none) and (pointer:coarse){.btn-primary,.btn-secondary,select,input,button{min-height:44px}.btn-icon{min-width:44px;min-height:44px}}@media (width<=768px){.btn-group-mobile{flex-wrap:wrap;gap:.5rem;display:flex}.btn-group-mobile>*{flex:auto;min-width:0}.main-content [style*="display: flex"][style*=gap]>button,.main-content [style*="display: flex"][style*=gap]>a{flex-shrink:1;min-width:0}button[class*=btn-icon],button[title=Edit],button[title=Delete],button[title*=edit],button[title*=delete]{padding:.35rem!important}.card>div[style*="display: flex"][style*=border-bottom]{-webkit-overflow-scrolling:touch;overflow-x:auto;flex-wrap:nowrap!important}.card>div[style*="display: flex"][style*=border-bottom] button{white-space:nowrap;flex-shrink:0}.responsive-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.full-width-mobile{width:100%!important}.page-header-actions{flex-wrap:wrap;gap:.5rem;width:100%;display:flex}.page-header-actions>*{flex:1;min-width:0}.search-filter-bar{flex-direction:column!important;gap:.75rem!important}.search-filter-bar input,.search-filter-bar select{width:100%!important}}@media (width<=640px){.grid-4.kpi-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.stat-card{padding:1rem!important}.stat-card .stat-value{font-size:1.5rem!important}.stat-card .stat-label{font-size:.75rem!important}}@media (width<=768px){.attendance-page table:not(.attendance-table){table-layout:fixed;border-spacing:0;border-collapse:separate!important;width:auto!important;max-width:none!important}.attendance-page table:not(.attendance-table) th:first-child,.attendance-page table:not(.attendance-table) td:first-child{z-index:3;background-color:var(--surface);border-right:1px solid var(--surface-high);width:130px;left:0;box-shadow:2px 0 8px #00000014;min-width:120px!important;max-width:180px!important;position:sticky!important}.attendance-page table:not(.attendance-table) thead th:first-child{z-index:5;background-color:var(--surface-high)}.attendance-page table:not(.attendance-table) tbody tr:nth-child(2n) td:first-child{background-color:var(--surface-lowest)}.attendance-page table:not(.attendance-table) td:first-child p{overflow-wrap:break-word;word-break:break-word}.attendance-page table:not(.attendance-table) th:not(:first-child){width:auto;min-width:38px;font-size:.7rem;padding:.4rem .25rem!important}.attendance-page table:not(.attendance-table) td:not(:first-child){padding:.35rem .25rem!important}.attendance-page table:not(.attendance-table) td:not(:first-child) div{width:14px!important;height:14px!important}.attendance-page table:not(.attendance-table) th.weekend-col{min-width:26px;color:var(--on-surface-variant);font-size:.6rem;padding:.4rem .2rem!important}.attendance-page table:not(.attendance-table) td.weekend-col{background-color:#8080800d;padding:.35rem .15rem!important}.attendance-page table:not(.attendance-table) td.weekend-col div{width:11px!important;height:11px!important}.attendance-page table:not(.attendance-table) th:last-child,.attendance-page table:not(.attendance-table) th:nth-last-child(2),.attendance-page table:not(.attendance-table) td:last-child,.attendance-page table:not(.attendance-table) td:nth-last-child(2){min-width:55px!important;padding-left:.5rem!important;padding-right:.5rem!important}.attendance-page,.attendance-filters{padding:1rem!important}.attendance-summary{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.attendance-table{table-layout:fixed;border-spacing:0;border-collapse:separate!important}.attendance-table td{overflow:hidden;padding:.55rem .5rem!important}.attendance-table th{padding:.55rem .5rem!important}.attendance-table th:first-child,.attendance-table td:first-child{z-index:3;background-color:var(--surface);border-right:1px solid var(--surface-high);width:32%;min-width:90px;max-width:130px;left:0;box-shadow:2px 0 8px #00000014;padding-right:.4rem!important;position:sticky!important}.attendance-table thead th:first-child{z-index:5;background-color:var(--surface-high)}.attendance-table tbody tr:nth-child(2n) td:first-child{background-color:var(--surface-lowest)}.attendance-table .student-name{overflow-wrap:break-word;word-break:break-word;text-overflow:clip!important;white-space:normal!important;max-width:120px!important;font-size:.8rem!important;overflow:visible!important}.attendance-table .student-id{display:none!important}.attendance-table input[type=radio]{width:16px!important;height:16px!important}.attendance-table td:last-child span{text-overflow:ellipsis;white-space:nowrap;max-width:70px;display:inline-block;overflow:hidden;padding:.2rem .4rem!important;font-size:.65rem!important}}@media (width<=480px){.attendance-page{padding:.75rem!important}.attendance-summary{grid-template-columns:repeat(2,1fr)!important;gap:.4rem!important}.attendance-table td{padding:.5rem!important}.attendance-table .student-name{max-width:80px!important;font-size:.75rem!important}.attendance-table input[type=radio]{width:14px!important;height:14px!important}}@media (width<=1024px){.teacher-dashboard .responsive-grid-teacher{grid-template-columns:1fr!important;gap:1rem!important}.teacher-dashboard .assigned-classes-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))!important;gap:.75rem!important}.teacher-dashboard header{margin-bottom:1rem!important;padding:.75rem!important}}@media (width<=768px){.teacher-dashboard .assigned-classes-grid{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.teacher-dashboard .mark-entry-area{padding:.75rem!important}.teacher-dashboard .tab-navigation{flex-wrap:wrap!important;gap:.35rem!important;padding-bottom:.25rem!important;overflow-x:hidden!important}.teacher-dashboard .tab-navigation button{white-space:nowrap!important;flex-shrink:0!important;padding:.4rem .65rem!important;font-size:.75rem!important}.teacher-dashboard .table-container table{min-width:auto!important}.teacher-dashboard .responsive-header .full-width-mobile+.responsive-header{width:100%!important}.teacher-dashboard .responsive-header .full-width-mobile+.responsive-header button,.teacher-dashboard .responsive-header .full-width-mobile+.responsive-header a{width:100%!important;margin-bottom:.35rem!important}.teacher-dashboard .mark-entry-area table{table-layout:fixed!important;width:100%!important}.teacher-dashboard .mark-entry-area table th:first-child,.teacher-dashboard .mark-entry-area table td:first-child{width:30%!important;min-width:80px!important;max-width:110px!important;box-shadow:none!important;border-right:none!important;position:static!important}.teacher-dashboard .mark-entry-area table th:not(:first-child),.teacher-dashboard .mark-entry-area table td:not(:first-child){width:23%!important}.teacher-dashboard .restrict-scroll table{table-layout:fixed!important;width:100%!important}.teacher-dashboard .restrict-scroll table th:first-child,.teacher-dashboard .restrict-scroll table td:first-child{width:42%!important;min-width:90px!important;max-width:130px!important;box-shadow:none!important;border-right:none!important;position:static!important}.teacher-dashboard .table-hint{display:none!important}.teacher-dashboard .attendance-checkbox .attendance-controls{gap:.5rem!important}.teacher-dashboard .attendance-checkbox td{padding:.5rem!important}.teacher-dashboard .attendance-checkbox label{font-size:.78rem!important}.teacher-dashboard .attendance-checkbox input[type=checkbox]{width:15px!important;height:15px!important}.teacher-dashboard .mark-entry-area table td input[type=number]{width:48px!important;font-size:.78rem!important}.teacher-dashboard .table-container table th[style*="text-align: center"],.teacher-dashboard .table-container table td[style*="text-align: center"],.teacher-dashboard .table-container table th[style*="textAlign: center"],.teacher-dashboard .table-container table td[style*="textAlign: center"]{width:38%!important;min-width:120px!important;padding:1rem .5rem!important}.teacher-dashboard .table-container table th[style*="text-align: right"],.teacher-dashboard .table-container table td[style*="text-align: right"],.teacher-dashboard .table-container table th[style*="textAlign: right"],.teacher-dashboard .table-container table td[style*="textAlign: right"]{width:24%!important;min-width:100px!important;padding:1rem .75rem!important}.teacher-dashboard .table-container .sticky-column{width:38%!important;min-width:100px!important;max-width:160px!important;padding:.75rem!important}}@media (width<=480px){.teacher-dashboard .assigned-classes-grid{grid-template-columns:1fr!important}.teacher-dashboard .tab-navigation button{padding:.35rem .55rem!important;font-size:.7rem!important}.main-content{padding-left:0!important;padding-right:0!important}.teacher-dashboard div.card.animate-fadeIn{border-radius:.375rem!important;max-width:100%!important;margin-left:0!important;margin-right:0!important}.teacher-dashboard .canteen-header-flex div[style*="min-width: 250px"],.teacher-dashboard div[style*="min-width: 250px"]{min-width:160px!important}.teacher-dashboard .attendance-checkbox .attendance-controls{flex-wrap:wrap!important;gap:.35rem!important}.teacher-dashboard .attendance-checkbox td label{gap:.35rem!important;font-size:.72rem!important}.teacher-dashboard .attendance-checkbox input[type=checkbox]{width:13px!important;height:13px!important}.teacher-dashboard .attendance-checkbox td>span[style*="font-weight: 600"]{font-size:.65rem!important}.teacher-dashboard .table-container table th[style*="text-align: center"],.teacher-dashboard .table-container table td[style*="text-align: center"],.teacher-dashboard .table-container table th[style*="textAlign: center"],.teacher-dashboard .table-container table td[style*="textAlign: center"]{width:34%!important;min-width:80px!important;padding:.5rem .25rem!important}.teacher-dashboard .table-container table th[style*="text-align: right"],.teacher-dashboard .table-container table td[style*="text-align: right"],.teacher-dashboard .table-container table th[style*="textAlign: right"],.teacher-dashboard .table-container table td[style*="textAlign: right"]{width:30%!important;min-width:72px!important;padding:.5rem .25rem!important}.teacher-dashboard .table-container .sticky-column{width:28%!important;min-width:72px!important;max-width:110px!important;padding:.5rem!important}.teacher-dashboard .table-container .sticky-column p.label-sm[style*="font-size: 0.75rem"],.teacher-dashboard .table-container .sticky-column p.label-sm[style*="fontSize: 0.75rem"]{display:none!important}.teacher-dashboard .table-container .sticky-column div[style*="border-radius: 50%"]{width:28px!important;height:28px!important;font-size:.7rem!important}.teacher-dashboard .table-container .sticky-column div[style*="display: flex"][style*="align-items: center"]{gap:.35rem!important}.teacher-dashboard .table-container .sticky-column p[style*="font-weight: 600"]{font-size:.8rem!important}.teacher-dashboard .table-container td[style*="text-align: right"] button{min-width:72px!important;padding:.35rem .6rem!important;font-size:.7rem!important}.teacher-dashboard .table-container td[style*="text-align: center"] span[style*=border-radius]{padding:.15rem .35rem!important;font-size:.6rem!important}.teacher-dashboard .table-container td[style*="text-align: center"]{overflow:hidden!important}.teacher-dashboard .table-container td[style*="text-align: center"] span[style*=border-radius]{text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important;overflow:hidden!important}.teacher-dashboard .table-container td[style*="text-align: center"] span[style*="font-size: 0.7rem"]{display:none!important}.canteen-page{padding:.75rem!important}.canteen-page>div:first-of-type{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.canteen-page .collection-point{gap:.75rem!important;padding:.75rem!important}.canteen-page .collection-point>div:first-child{grid-template-columns:1fr!important}.canteen-page .collection-point .card{padding:1rem!important}.canteen-page .collection-point .card div[style*="grid-template-columns: 1fr 1fr"]{grid-template-columns:1fr!important}.canteen-page .collection-point .card div[style*="padding: 0.75rem"][style*="border-radius: 0.5rem"]{padding:.5rem!important}.canteen-page .responsive-header{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important}.canteen-page .responsive-header>div:last-child{flex-direction:column!important;width:100%!important}.canteen-page .responsive-header>div:last-child>*{width:100%!important}.canteen-page header>div[style*="display: flex"]:last-child{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important;width:100%!important}.canteen-page header>div[style*="display: flex"]:last-child>*{width:100%!important}}@media (width<=1024px){.portal-container{padding:1rem!important}.portal-header{flex-direction:column!important;gap:.75rem!important}}@media (width<=768px){.settings-section{padding:1rem!important}.settings-row{flex-direction:column!important;gap:.5rem!important}}@media (width<=480px){.mobile-stack{flex-direction:column!important;align-items:stretch!important}.mobile-full{width:100%!important}.mobile-hide{display:none!important}.mobile-show{display:block!important}}@media (width<=768px){.canteen-grid,.kanban-columns{grid-template-columns:1fr!important}.card table:not(.attendance-table),div[class*=card]>div[style*=overflow] table{table-layout:fixed;border-spacing:0;border-collapse:separate!important}.card table:not(.attendance-table) th:first-child,.card table:not(.attendance-table) td:first-child,div[class*=card]>div[style*=overflow] table th:first-child,div[class*=card]>div[style*=overflow] table td:first-child{z-index:3;background-color:var(--surface);border-right:1px solid var(--surface-high);width:32%;min-width:90px;max-width:140px;left:0;box-shadow:2px 0 8px #00000014;position:sticky!important}.card table:not(.attendance-table) thead th:first-child,div[class*=card]>div[style*=overflow] table thead th:first-child{z-index:5;background-color:var(--surface-high)}.card table:not(.attendance-table) tbody tr:nth-child(2n) td:first-child,div[class*=card]>div[style*=overflow] table tbody tr:nth-child(2n) td:first-child{background-color:var(--surface-lowest)}.card table:not(.attendance-table) th:first-child p,.card table:not(.attendance-table) td:first-child p,div[class*=card]>div[style*=overflow] table th:first-child p,div[class*=card]>div[style*=overflow] table td:first-child p{overflow-wrap:break-word;word-break:break-word;max-width:100%}table th[style*=sticky],table td[style*=sticky]{width:110px!important;min-width:90px!important;max-width:120px!important}table th[style*=sticky] p,table td[style*=sticky] p{overflow-wrap:break-word;word-break:break-word;max-width:100%}}@media (width<=480px){.table-container table th:first-child,.table-container table td:first-child,.card table th:first-child,.card table td:first-child,.attendance-table th:first-child,.attendance-table td:first-child,.card table:not(.attendance-table) th:first-child,.card table:not(.attendance-table) td:first-child{width:28%;min-width:75px;max-width:110px}.attendance-page table:not(.attendance-table) th:first-child,.attendance-page table:not(.attendance-table) td:first-child{width:100px;min-width:90px!important;max-width:140px!important}.attendance-page table:not(.attendance-table) th:not(:first-child){min-width:30px;font-size:.6rem;padding:.3rem .15rem!important}.attendance-page table:not(.attendance-table) td:not(:first-child){padding:.25rem .15rem!important}.attendance-page table:not(.attendance-table) td:not(:first-child) div{width:11px!important;height:11px!important}.attendance-page table:not(.attendance-table) th.weekend-col{min-width:20px;color:var(--on-surface-variant);font-size:.55rem;padding:.3rem .12rem!important}.attendance-page table:not(.attendance-table) td.weekend-col{padding:.25rem .1rem!important}.attendance-page table:not(.attendance-table) td.weekend-col div{width:8px!important;height:8px!important}.attendance-page table:not(.attendance-table) th:last-child,.attendance-page table:not(.attendance-table) th:nth-last-child(2),.attendance-page table:not(.attendance-table) td:last-child,.attendance-page table:not(.attendance-table) td:nth-last-child(2){font-size:.65rem;min-width:42px!important}.table-container table td,.card table td,.attendance-table td{padding:.35rem .3rem!important;font-size:.7rem!important}.table-container table th,.card table th,.attendance-table th{padding:.35rem .3rem!important;font-size:.65rem!important}.student-id,td[style*="font-size: 0.75rem"],td[style*="fontSize: 0.75rem"]{display:none!important}.table-container table td span[style*=border-radius],.card table td span[style*=border-radius]{padding:.15rem .35rem!important;font-size:.6rem!important}}@media (width<=768px){.landing-page>section.animate-slide-up{text-align:center;grid-template-columns:1fr!important;gap:2.5rem!important;padding:3rem 1.5rem!important}.landing-page>section.animate-slide-up p{max-width:100%!important;margin-left:auto!important;margin-right:auto!important}.landing-page>section.animate-slide-up h1{font-size:2.25rem!important}.landing-page>section.animate-slide-up>div:first-child>div:last-child{flex-wrap:wrap!important;justify-content:center!important;gap:1.5rem!important}.landing-page>section.animate-slide-up>div:last-child .card{max-width:100%!important}.landing-page section[id=features]{padding:3rem 1.5rem!important}.landing-page section[id=features] h2{font-size:1.75rem!important}.landing-page section[id=features]>div:last-child{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;gap:1.25rem!important}.landing-page section[id=benefits]{padding:3rem 1.5rem!important}.landing-page section[id=benefits] h2{font-size:1.75rem!important}.landing-page section[id=benefits] .animate-fade-in>div{grid-template-columns:1fr!important;gap:2rem!important}.landing-page section[id=benefits] ul{grid-template-columns:1fr!important}.landing-page section[id=pricing]{padding:3rem 1.5rem!important}.landing-page section[id=pricing] h2{font-size:1.75rem!important}.landing-page>footer>div:first-child{grid-template-columns:1fr!important;gap:2.5rem!important}.landing-page>footer{padding:3rem 1.5rem 2rem!important}}@media (width<=480px){.landing-page header>div{padding:.75rem 1rem!important}.landing-page header>div>div:first-child{gap:.5rem!important}.landing-page header img{height:28px!important}.landing-page header>div>div:last-child button:last-child{padding:.35rem .65rem!important;font-size:.75rem!important}.landing-page header .theme-btn{padding:.3rem!important}.landing-page>section.animate-slide-up{gap:2rem!important;padding:2rem 1rem!important}.landing-page>section.animate-slide-up h1{font-size:1.65rem!important}.landing-page>section.animate-slide-up>div:first-child>div:first-child{padding:.35rem .75rem!important;font-size:.7rem!important}.landing-page>section.animate-slide-up p{font-size:.95rem!important}.landing-page>section.animate-slide-up>div:first-child div[style*="flex-wrap: wrap"]{flex-direction:column!important;gap:.75rem!important}.landing-page>section.animate-slide-up>div:first-child div[style*="flex-wrap: wrap"] button{justify-content:center!important;width:100%!important}.landing-page>section.animate-slide-up>div:first-child>div:last-child{gap:1rem!important;padding-top:1.5rem!important}.landing-page>section.animate-slide-up>div:first-child>div:last-child h4{font-size:1.25rem!important}.landing-page>section.animate-slide-up>div:first-child>div:last-child p{font-size:.65rem!important}.landing-page>section.animate-slide-up>div:last-child .card{padding:1.25rem!important}.landing-page>section.animate-slide-up>div:last-child>div:first-child>div:last-child{padding:.5rem .75rem!important;font-size:.65rem!important;bottom:-1.25rem!important;right:-.5rem!important}.landing-page section[id=features]{padding:2rem 1rem!important}.landing-page section[id=features] h2{font-size:1.35rem!important}.landing-page section[id=features]>div:last-child{grid-template-columns:1fr!important;gap:1rem!important}.landing-page section[id=features] .feature-card{padding:1.25rem!important}.landing-page section[id=features] .feature-card div:first-child{width:40px!important;height:40px!important}.landing-page section[id=features] .feature-card h3{font-size:1.05rem!important}.landing-page section[id=benefits]{padding:2rem 1rem!important}.landing-page section[id=benefits] h2{font-size:1.35rem!important}.landing-page section[id=benefits] .animate-fade-in{padding:1.5rem!important}.landing-page section[id=benefits] .animate-fade-in h3{font-size:1.35rem!important}.landing-page section[id=benefits] .animate-fade-in>div>div:last-child{padding:1.25rem!important}.landing-page section[id=benefits]>div>div:first-of-type+div button{padding:.5rem .85rem!important;font-size:.8rem!important}.landing-page section[id=pricing]{padding:2rem 1rem!important}.landing-page section[id=pricing] h2{font-size:1.35rem!important}.landing-page section[id=pricing]>div:last-child{grid-template-columns:1fr!important;gap:1.5rem!important}.landing-page section[id=pricing] .card{padding:1.5rem!important}.landing-page section[id=pricing] .card h4{font-size:1.1rem!important}.landing-page section[id=pricing] .card>div[style*="font-size: 2.25rem"]{font-size:1.75rem!important}.landing-page section[id=pricing] .card li{font-size:.8rem!important}.landing-page>footer{padding:2rem 1rem 1.5rem!important}.landing-page>footer h5{font-size:.7rem!important}.landing-page>footer>div:last-child{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}}@media (width<=768px){.sp-container{padding:1rem!important}}@media (width<=480px){.sp-container{padding:.75rem!important}}@media (width<=768px){.sp-welcome-card{border-radius:.75rem!important;padding:1.5rem!important}.sp-welcome-card h2{font-size:1.5rem!important}.sp-welcome-card p{font-size:.9rem!important}.sp-welcome-stats{gap:.75rem!important;margin-top:1.25rem!important}.sp-welcome-stat{flex:calc(50% - .75rem)!important;min-width:0!important;padding:.75rem!important}}@media (width<=480px){.sp-welcome-card{padding:1.25rem!important}.sp-welcome-card h2{font-size:1.25rem!important}.sp-welcome-stats{flex-direction:column!important;gap:.5rem!important}.sp-welcome-stat{flex:100%!important}.sp-welcome-stat p:last-child{font-size:1rem!important}}@media (width<=768px){.sp-dashboard-grid,.student-stats-grid,.student-actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important;display:grid!important}.student-stats-grid .card,.student-actions-grid .card,.sp-dashboard-grid .card{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;height:100%!important;padding:.85rem!important;display:flex!important}.student-stats-grid .card>div:first-child,.student-actions-grid .card>div:first-child{margin-bottom:.25rem;border-radius:.75rem!important;padding:.5rem!important}.student-stats-grid .card svg,.student-actions-grid .card svg{width:20px!important;height:20px!important}.student-stats-grid h3,.student-actions-grid h3,.sp-dashboard-grid h3{margin:0!important;font-size:.9rem!important;font-weight:700!important;line-height:1.2!important}.student-stats-grid p,.student-actions-grid p,.sp-dashboard-grid p{opacity:.7;margin:0!important;font-size:.7rem!important;line-height:1.2!important}.student-actions-grid .card .body-sm{display:none!important}}@media (width<=480px){.sp-dashboard-grid,.student-stats-grid,.student-actions-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.sp-dashboard-card,.student-stats-grid .card,.student-actions-grid .card{border-radius:.75rem!important;padding:.75rem!important}.sp-welcome-card{padding:1.25rem!important}.sp-welcome-card h2{font-size:1.5rem!important}.sp-welcome-stats{gap:.5rem!important}.sp-welcome-stat{border-radius:.75rem!important;padding:.6rem!important}.sp-welcome-stat p:first-child{font-size:.65rem!important}.sp-welcome-stat p:last-child{font-size:1rem!important}}@media (width<=768px){.sp-quiz-alert{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1.25rem!important}.sp-quiz-alert>div:first-child{flex-direction:column;gap:.75rem}.sp-quiz-alert>button{justify-content:center!important;width:100%!important}.sp-switcher{flex-direction:column!important;align-items:flex-start!important;margin-bottom:1rem!important;padding:1rem!important}.sp-switcher>div:last-child{flex-direction:column!important;width:100%!important}.sp-switcher>div:last-child>span{display:none!important}.sp-switcher>div:last-child>select,.sp-switcher>div:last-child>button{width:100%!important}.sp-canteen-dual-grid{grid-template-columns:1fr!important;gap:1rem!important}.sp-canteen-dual-grid .card{padding:1rem!important}.sp-canteen-dual-grid table{min-width:auto!important}}@media (width<=640px){.sp-canteen-stats{grid-template-columns:1fr!important;gap:.75rem!important}.sp-canteen-stats .card{flex-direction:column;gap:.75rem;align-items:flex-start!important}}@media (width<=768px){.sp-canteen-alert{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1.25rem!important}}@media (width<=640px){.sp-attendance-stats{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.sp-attendance-stats>div{padding:1rem!important}.sp-attendance-stats>div>p:first-child{font-size:1.25rem!important}.sp-attendance-filters{grid-template-columns:1fr!important}}@media (width<=768px){.sp-container .responsive-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.sp-container .responsive-header>div:last-child,.sp-container .responsive-header select{width:100%!important}}@media (width<=480px){.sp-container div[style*="padding: 4rem"]{padding:2rem 1rem!important}}@media (width<=768px){.modal-overlay{align-items:flex-end!important;padding:0!important}.modal-content{animation:.4s cubic-bezier(.32,.72,0,1) modalSlideUp;border-radius:1.5rem 1.5rem 0 0!important;width:100%!important;max-width:100%!important;height:92vh!important;max-height:92vh!important;padding:0!important}.modal-header-sticky{border-bottom:1px solid var(--outline-variant)!important;background:var(--surface-lowest)!important;z-index:10!important;border-radius:1.5rem 1.5rem 0 0!important;padding:1.25rem 1.5rem!important;position:sticky!important;top:0!important}.modal-body-scroll{padding:1.25rem 1.5rem!important}.modal-footer-sticky{background:var(--surface-lowest)!important;border-top:1px solid var(--outline-variant)!important;z-index:10!important;justify-content:flex-end!important;padding:1rem 1.5rem!important;display:flex!important;position:sticky!important;bottom:0!important}.review-question-card{border-left-width:4px!important;border-radius:1rem!important;padding:1.25rem!important}.review-question-card h4{margin-bottom:1rem!important;font-size:1rem!important;line-height:1.4!important}.review-option-card{border-radius:.85rem!important;gap:.75rem!important;padding:1rem!important}.search-tabs-grid{grid-template-columns:1fr 1fr!important;align-items:center!important;gap:.75rem!important;width:100%!important;display:grid!important}.search-tabs-grid>.full-width-mobile{grid-column:span 1!important;width:100%!important}.search-tabs-grid>.full-width-mobile:only-child{grid-column:span 2!important}.search-tabs-grid>div:last-child{grid-column:span 1!important;width:100%!important;display:flex!important}.search-tabs-grid button{text-align:center!important;flex:1!important;padding:.5rem .6rem!important;font-size:.8rem!important}.filters-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important;width:100%!important;display:grid!important}.filters-grid>div:first-child{grid-column:span 2!important;justify-content:center!important}.filters-grid>select{width:100%!important;margin:0!important}.filters-grid>select:nth-child(4){grid-column:span 2!important}.actions-grid{grid-template-columns:1fr 1fr!important;gap:.75rem!important;width:100%!important;display:grid!important}.actions-grid>button{width:100%!important;margin:0!important}.actions-grid>button:nth-child(3){grid-column:span 2!important}.performer-grid{box-sizing:border-box!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:.4rem!important;width:100%!important;display:grid!important}.performer-card{box-sizing:border-box!important;border-radius:.6rem!important;min-width:0!important;max-width:100%!important;padding:.5rem .3rem!important;overflow:hidden!important}.performer-medal{margin-bottom:.2rem!important;font-size:1.1rem!important;display:block!important}.performer-rank{display:none!important}.performer-avatar{object-fit:cover!important;border-radius:50%!important;width:30px!important;min-width:30px!important;height:30px!important;margin-bottom:.3rem!important}.performer-name{white-space:nowrap!important;text-overflow:ellipsis!important;text-align:center!important;width:100%!important;min-width:0!important;max-width:100%!important;margin:0 0 .4rem!important;font-size:.6rem!important;font-weight:600!important;line-height:1.2!important;overflow:hidden!important}.performer-stats{flex-direction:column!important;gap:.25rem!important;width:100%!important;min-width:0!important;display:flex!important}.performer-stat{background:var(--surface-low)!important;box-sizing:border-box!important;border-radius:.35rem!important;flex-direction:column!important;align-items:center!important;width:100%!important;min-width:0!important;padding:.2rem!important;display:flex!important}.performer-stat-label{opacity:.65!important;text-transform:uppercase!important;letter-spacing:.03em!important;font-size:.45rem!important}.performer-stat-value{font-size:.75rem!important;font-weight:800!important;line-height:1.2!important}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.collector-portal{box-sizing:border-box;width:100%;max-width:1440px;margin:0 auto;padding:2rem}.collector-portal-embedded{max-width:none;padding:1.5rem}.collector-heading{justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:1.5rem;display:flex}.collector-heading .body-md,.collector-panel-header .body-sm{color:var(--on-surface-variant);margin:.35rem 0 0}.collector-eyebrow{color:#a24600;text-transform:uppercase;margin:0 0 .35rem;font-weight:700}.collector-records-button,.collector-submit{justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.collector-summary{background:var(--surface-lowest);border:1px solid var(--surface-high);border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:1.25rem;display:grid;overflow:hidden}.collector-stat{border-right:1px solid var(--surface-high);align-items:center;gap:.8rem;min-width:0;padding:1rem 1.15rem;display:flex}.collector-stat:last-child{border-right:0}.collector-stat>svg{color:var(--primary);flex:none}.collector-stat div{flex-direction:column;gap:.2rem;min-width:0;display:flex}.collector-stat span,.collector-history-row small,.collector-student-row small,.collector-account-status small{color:var(--on-surface-variant);font-size:.72rem}.collector-stat strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.collector-success{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.8rem;margin-bottom:1.25rem;padding:.9rem 1rem;display:grid}.collector-success div{flex-direction:column;gap:.15rem;min-width:0;display:flex}.collector-success span{font-size:.78rem}.collector-success button,.collector-search button,.collector-page-error button{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;padding:.25rem;display:inline-flex}.collector-layout{grid-template-columns:minmax(0,1.35fr) minmax(340px,.8fr);align-items:start;gap:1.25rem;display:grid}.collector-panel{background:var(--surface-lowest);border:1px solid var(--surface-high);border-radius:8px;min-width:0;overflow:hidden}.collector-panel-header{border-bottom:1px solid var(--surface-high);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.collector-panel-header h2,.collector-panel-header p{margin-top:0;margin-bottom:0}.collector-icon-button{width:36px;height:36px;color:var(--on-surface-variant);background:var(--surface-low);border:1px solid var(--surface-high);border-radius:6px;flex:0 0 36px;justify-content:center;align-items:center;padding:0;display:inline-flex}.collector-search{background:var(--surface-low);border:1px solid var(--surface-high);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.65rem;margin:1rem;padding:0 .85rem;display:grid}.collector-search:focus-within{background:var(--surface-lowest);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 14%, transparent)}.collector-search>svg{color:var(--on-surface-variant)}.collector-search input{width:100%;min-width:0;height:46px;color:var(--on-surface);background:0 0;border:0;outline:0;padding:0}.collector-results{border-top:1px solid var(--surface-high);max-height:620px;overflow-y:auto}.collector-student-row{width:100%;min-height:76px;color:var(--on-surface);text-align:left;border:0;border-bottom:1px solid var(--surface-low);background:0 0;border-radius:0;grid-template-columns:42px minmax(150px,1fr) minmax(78px,auto) minmax(98px,auto) auto;align-items:center;gap:.9rem;padding:.8rem 1rem;display:grid}.collector-student-row:hover,.collector-student-row.selected{background:var(--surface-low)}.collector-student-row.selected{box-shadow:inset 3px 0 var(--primary)}.collector-avatar,.collector-history-icon{width:40px;height:40px;color:var(--primary);background:color-mix(in srgb, var(--primary) 11%, var(--surface-lowest));border:1px solid color-mix(in srgb, var(--primary) 24%, var(--surface-high));border-radius:50%;justify-content:center;align-items:center;font-size:.78rem;font-weight:800;display:inline-flex}.collector-student-name,.collector-balance,.collector-debt,.collector-history-name,.collector-history-amount{flex-direction:column;gap:.2rem;min-width:0;display:flex}.collector-student-name strong,.collector-student-name small,.collector-history-name strong,.collector-history-name small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.collector-balance,.collector-debt,.collector-history-amount{text-align:right}.collector-debt.owes strong,.amount-due{color:#b42318}.collector-debt.clear strong{color:#15803d}.collector-row-action{min-width:74px;min-height:34px;color:var(--primary);border:1px solid var(--primary);border-radius:6px;justify-content:center;align-items:center;gap:.25rem;padding:.35rem .55rem;font-size:.78rem;font-weight:700;display:inline-flex}.collector-empty,.collector-loading{min-height:240px;color:var(--on-surface-variant);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:2rem;display:flex}.collector-loading{min-height:420px}.collector-empty span{max-width:390px;font-size:.82rem}.collector-empty-compact{min-height:140px}.collector-payment-column{flex-direction:column;gap:1.25rem;min-width:0;display:flex;position:sticky;top:1rem}.collector-account-status{background:var(--surface-low);border-bottom:1px solid var(--surface-high);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.collector-account-status>span{flex-direction:column;gap:.25rem;min-width:0;padding:.9rem 1rem;display:flex}.collector-account-status>span+span{border-left:1px solid var(--surface-high)}.collector-payment-form{flex-direction:column;gap:1rem;padding:1.15rem;display:flex}.collector-payment-form label{min-width:0;color:var(--on-surface-variant);flex-direction:column;gap:.45rem;font-size:.76rem;font-weight:700;display:flex}.collector-payment-form select,.collector-payment-form input{box-sizing:border-box;width:100%;min-width:0;height:42px;color:var(--on-surface);background:var(--surface-lowest);border:1px solid var(--surface-high);border-radius:6px;outline:0;padding:0 .75rem}.collector-payment-form select:focus,.collector-payment-form input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 12%, transparent)}.collector-amount-input{color:var(--primary);border:1px solid var(--surface-high);border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding-left:.8rem;display:grid}.collector-amount-input:focus-within{border-color:var(--primary)}.collector-amount-input input{height:54px;box-shadow:none;border:0;padding-left:0;font-size:1.35rem;font-weight:800}.collector-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.collector-form-note,.collector-attribution{color:var(--on-surface-variant);margin:0;font-size:.74rem;line-height:1.45}.collector-form-note{background:#fff7ed;border-left:3px solid #ea580c;padding:.65rem .75rem}.collector-attribution{text-align:center}.collector-submit{width:100%;min-height:46px}.collector-error{color:#b42318;background:#fff1f0;border:1px solid #fda29b;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.6rem;padding:.75rem;font-size:.8rem;display:grid}.collector-page-error{grid-template-columns:auto minmax(0,1fr) auto}.collector-history{max-height:330px;overflow-y:auto}.collector-history-row{border-bottom:1px solid var(--surface-low);grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:66px;padding:.65rem 1rem;display:grid}.collector-history-icon{border-radius:6px;width:32px;height:32px}.collector-history-amount strong{font-size:.8rem}@media (width<=1100px){.collector-layout{grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr)}.collector-student-row{grid-template-columns:42px minmax(130px,1fr) minmax(95px,auto) auto}.collector-balance{display:none}}@media (width<=900px){.collector-layout{grid-template-columns:minmax(0,1fr)}.collector-layout.has-selection .collector-payment-column{order:-1}.collector-payment-column{position:static}.collector-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.collector-stat:nth-child(2){border-right:0}.collector-stat:nth-child(-n+2){border-bottom:1px solid var(--surface-high)}}@media (width<=640px){.collector-portal,.collector-portal-embedded{padding:1rem}.collector-heading{flex-direction:column;align-items:stretch}.collector-records-button{width:100%}.collector-summary{margin-bottom:1rem}.collector-stat{min-height:70px;padding:.75rem}.collector-stat>svg{display:none}.collector-stat strong{font-size:.88rem}.collector-student-row{grid-template-columns:38px minmax(0,1fr) auto;gap:.65rem;padding:.75rem}.collector-avatar{width:36px;height:36px}.collector-debt{text-align:left;grid-column:2;align-items:flex-start}.collector-debt small{display:none}.collector-row-action{grid-area:1/3/span 2;min-width:38px;padding:.35rem;font-size:0}.collector-row-action svg{width:17px;height:17px}.collector-reference-grid{grid-template-columns:minmax(0,1fr)}.collector-success{align-items:start}.collector-results{max-height:460px}}.finance-summary-grid{min-width:0}.finance-summary-card{min-width:0;min-height:142px;padding:1.15rem;overflow:hidden}.finance-summary-card .label-sm{min-height:2.1em;line-height:1.35;display:block}.finance-summary-value{letter-spacing:0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%;margin:0 0 .65rem;font-size:1.5rem;font-weight:800;line-height:1.15}@media (width<=900px){.finance-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.finance-summary-value{font-size:1.3rem}}@media (width<=560px){.finance-summary-grid{grid-template-columns:minmax(0,1fr)!important;gap:.85rem!important}.finance-summary-card{min-height:118px;padding:1rem}.finance-summary-value{font-size:1.2rem}}@media (width<=1024px){.main-content{overflow-x:hidden!important}.main-content header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important;padding:1rem!important}.main-content header>div:last-child{flex-wrap:wrap!important;width:100%!important}.main-content [style*="display: flex"][style*=gap]{flex-wrap:wrap!important}}@media (width<=768px){.owner-dashboard .grid-2[style*=gridTemplateColumns],.profile-grid-2col,.student-dash-split,.placement-charts-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.main-content [style*=gridTemplateColumns][style*=fr],.main-content [style*=gridTemplateColumns][style*=px],.main-content [style*=gridTemplateColumns][style*=repeat]{grid-template-columns:1fr!important}.main-content .table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}}@media (width<=480px){.main-content header{padding:.75rem!important}.main-content header>div:last-child{flex-direction:column!important}.main-content header>div:last-child>*{width:100%!important}.main-content header [style*="display: flex"][style*=gap]{flex-direction:column!important}.main-content header [style*="display: flex"][style*=gap]>*{width:100%!important}}@media (width<=768px){.impersonation-banner{text-align:center;flex-direction:column!important;gap:.75rem!important;padding:.75rem 1rem!important}.impersonation-banner>div:first-child{flex-direction:column;gap:.5rem}.impersonation-banner>button{justify-content:center!important;width:100%!important}.owner-dashboard header{padding:.75rem!important}.owner-dashboard header>div:last-child{width:100%!important}.owner-dashboard header>div:last-child>button{flex:1!important;min-width:0!important}.owner-dashboard .grid-4{grid-template-columns:1fr 1fr!important;gap:.75rem!important}.owner-dashboard .grid-2{grid-template-columns:1fr!important}.owner-dashboard .card>div[style*=overflowX] table{min-width:600px}.owner-dashboard [style*="display: flex"][style*="gap: 0.5rem"][style*=padding]{flex-wrap:wrap!important;overflow-x:auto!important}}@media (width<=480px){.owner-dashboard .grid-4{grid-template-columns:1fr!important}}@media (width<=768px){.teacher-dashboard header{padding:.75rem!important;overflow-x:hidden!important}.teacher-dashboard header>div:first-child{flex-direction:column!important;gap:.5rem!important}.teacher-dashboard header h2{font-size:1.5rem!important}}@media (width<=480px){.teacher-dashboard header h2{font-size:1.25rem!important}}@media (width<=768px){.student-dash-header{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1rem!important}.student-dash-header>div:first-child{width:100%!important}.student-dash-header>div:last-child{justify-content:flex-end!important;width:100%!important}.student-quiz-alert{flex-direction:column!important;align-items:flex-start!important;gap:1rem!important;padding:1.25rem!important}.student-quiz-alert>div:first-child{flex-direction:column!important;gap:.75rem!important}.student-quiz-alert>button{justify-content:center!important;width:100%!important}.student-stats-grid{grid-template-columns:1fr!important;gap:.75rem!important}.student-actions-grid{grid-template-columns:1fr!important}.student-dash-split{grid-template-columns:1fr!important;gap:1.5rem!important}}@media (width<=480px){.student-stats-grid{grid-template-columns:1fr!important;gap:.5rem!important}.student-stats-grid .card{gap:1rem!important;padding:1rem!important}.student-actions-grid{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.student-actions-grid .card{padding:1rem!important}}@media (width<=768px){.profile-grid-2col{grid-template-columns:1fr!important;gap:1.5rem!important}.profile-form-grid,.profile-form-grid .workspace-grid{grid-template-columns:1fr!important}}@media (width<=480px){.main-content>.workspace-page>div[style*="padding: 2.5rem"]{padding:1rem!important}}@media (width<=768px){.placement-charts-grid{grid-template-columns:1fr!important;gap:1.5rem!important}.placement-tabs{-webkit-overflow-scrolling:touch!important;flex-wrap:wrap!important;gap:.35rem!important;padding-bottom:.25rem!important;overflow-x:auto!important}.placement-tabs>button{flex-shrink:0!important;padding:.5rem .85rem!important;font-size:.78rem!important}.placement-filters{flex-direction:column!important;gap:.5rem!important}.placement-filters>*{width:100%!important;min-width:0!important}}@media (width<=480px){.placement-charts-grid{grid-template-columns:1fr!important;gap:.75rem!important}}@media (width<=768px){.faculty-grid{grid-template-columns:1fr!important;gap:1rem!important}.faculty-list{gap:.75rem!important}.faculty-card-mobile{padding:1rem!important}.reports-grid{grid-template-columns:1fr!important;gap:1rem!important}.reports-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.payroll-grid{grid-template-columns:1fr!important;gap:1rem!important}.payroll-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.payroll-tabs{flex-wrap:wrap!important;gap:.35rem!important;overflow-x:auto!important}.payroll-tabs>button{flex-shrink:0!important;font-size:.78rem!important}.admission-grid{grid-template-columns:1fr!important;gap:1rem!important}.admission-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.admission-tabs{flex-wrap:wrap!important;gap:.35rem!important;overflow-x:auto!important}.admission-tabs>button{flex-shrink:0!important;font-size:.78rem!important}.workspace-page>div:not(.main-content-inner){padding-left:1rem!important;padding-right:1rem!important}}@media (width<=480px){.workspace-page>div:not(.main-content-inner){padding-left:.75rem!important;padding-right:.75rem!important}.card{border-radius:.75rem!important;min-width:0!important;padding:.75rem!important;overflow:hidden!important}.card>*{min-width:0!important;max-width:100%!important}.grid-4{grid-template-columns:1fr 1fr!important;gap:.5rem!important}.grid-4 .card{align-items:center!important;gap:.75rem!important;padding:.75rem!important;display:flex!important}.grid-4 .card>div:first-child{padding:.65rem!important}.grid-4 .card h3{font-size:1.1rem!important}}@media (width<=768px){.main-content header [style*="display: flex"][style*="justify-content: space-between"][style*="flexWrap: wrap"]{flex-direction:column!important;align-items:stretch!important}.main-content header [style*="display: flex"][style*="justify-content: space-between"][style*="flexWrap: wrap"]>div:last-child{flex-wrap:wrap!important;gap:.5rem!important;display:flex!important}.main-content header [style*="display: flex"][style*="justify-content: space-between"][style*="flexWrap: wrap"]>div:last-child>*{flex:1!important;min-width:0!important}}@media (width<=480px){select,input[type=text],input[type=email],input[type=password],input[type=search],input[type=number],textarea{max-width:100%!important;font-size:16px!important}code{text-overflow:ellipsis!important;max-width:100%!important;font-size:.7rem!important;overflow:hidden!important}span[style*="white-space: nowrap"]{max-width:100%!important}.btn-primary,.btn-secondary{justify-content:center!important;min-height:40px!important;padding:.55rem .9rem!important;font-size:.8rem!important}.btn-icon{min-width:40px!important;min-height:40px!important}}@media (width<=768px){.main-content>div>div[style*="display: flex"][style*=gap]:not([style*=flex-wrap]){flex-wrap:wrap!important}.main-content>div>div[style*="display: flex"]>*{min-width:0!important}}@supports (padding:env(safe-area-inset-bottom)){@media (width<=1024px){.mobile-header{padding-top:env(safe-area-inset-top)!important;padding-left:env(safe-area-inset-left)!important;padding-right:env(safe-area-inset-right)!important}.main-content{padding-bottom:env(safe-area-inset-bottom)!important}}}@media (width<=1024px){.sidebar{z-index:1100!important;width:280px!important;height:100vh!important;box-shadow:none!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;position:fixed!important;top:0!important;left:0!important;overflow:hidden auto!important;transform:translate(-100%)!important}.sidebar.mobile-open{transform:translate(0)!important;box-shadow:4px 0 30px #00000026!important}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1050;opacity:0;background:#0006;transition:opacity .3s;display:none;position:fixed;inset:0}.sidebar-backdrop.visible{opacity:1;display:block}.sidebar .desktop-only{display:none!important}.sidebar nav{opacity:1!important}}@media (hover:none) and (pointer:coarse){.sidebar [style*="cursor: pointer"]{min-height:44px}}.app,.main-content,.workspace-page,.workspace-page :where(div,section,header,form,fieldset){min-width:0}.workspace-page{width:100%}.mobile-header-actions{flex:none;align-items:center;gap:.25rem;display:flex}.mobile-header-actions button,.sidebar-close{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:inline-flex}.sidebar-close{color:var(--on-surface);background:var(--surface-low);border-radius:8px}.ca-activities-layout{grid-template-columns:minmax(280px,.8fr) minmax(0,1.5fr)}.quiz-records-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.quiz-student-row:focus-visible,.ca-activity-main:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media screen and (width<=1024px){.app{--workspace-gutter:1.5rem;--mobile-header-height:calc(64px + env(safe-area-inset-top,0px))}.app .main-content,.app .main-content.portal-view{width:100%!important;padding:calc(var(--mobile-header-height) + 1.5rem) max(var(--workspace-gutter), env(safe-area-inset-right,0px)) calc(4rem + env(safe-area-inset-bottom,0px)) max(var(--workspace-gutter), env(safe-area-inset-left,0px))!important;margin-left:0!important}.workspace-page>:where(div,section){max-width:100%;padding:0!important}.app .mobile-header{height:var(--mobile-header-height);padding:env(safe-area-inset-top,0px) max(1rem, env(safe-area-inset-right,0px)) 0 max(1rem, env(safe-area-inset-left,0px));box-shadow:none;gap:.75rem}.mobile-school-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;max-height:2.8em;line-height:1.4;display:-webkit-box;overflow:hidden;font-size:.875rem!important}.app .sidebar{overscroll-behavior:contain;visibility:hidden;width:min(320px,100vw - 48px)!important;height:100dvh!important;padding:max(1rem, env(safe-area-inset-top,0px)) 1rem max(1.5rem, env(safe-area-inset-bottom,0px))!important}.app .sidebar.mobile-open{visibility:visible}.sidebar-brand{gap:.75rem;margin-bottom:1.5rem!important}.sidebar-brand .logo{flex:1;min-width:0}.sidebar-brand img{flex-shrink:0}.workspace-page :is(.grid-2,.grid-3,.grid-2-equal,.responsive-grid-teacher){grid-template-columns:minmax(0,1fr)!important}.workspace-page .grid-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}.app .workspace-page .sp-dashboard-grid{grid-template-columns:minmax(0,1fr)!important;gap:1rem!important}.app .workspace-page .sp-dashboard-grid .card{display:block!important}.workspace-page .teacher-dashboard-header{padding:0!important}.workspace-page .impersonation-banner,.app .impersonation-banner{overflow-wrap:anywhere;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;position:relative!important}}@media screen and (width<=768px){.app .workspace-page :is(.grid-4,.student-actions-grid,.collector-summary){grid-template-columns:repeat(2,minmax(0,1fr))!important}.app .workspace-page .student-stats-grid{grid-template-columns:minmax(0,1fr)!important}.app .workspace-page .workspace-grid,.academic-settings-page [style*=grid-template-columns]{grid-template-columns:minmax(0,1fr)!important;gap:1rem!important}.workspace-page .owner-plan-chart{height:auto!important}.workspace-page .workspace-tabs{overscroll-behavior-x:contain;max-width:100%;overflow-x:auto;border-radius:8px!important}.workspace-tabs>button{white-space:nowrap;flex:none;min-height:44px}.app{--workspace-gutter:1rem}.workspace-page :is(h1,h2,h3,h4,p,label){overflow-wrap:anywhere;letter-spacing:0!important}.app .workspace-page :is(.display-lg,.display-md){font-size:1.5rem!important;line-height:1.3!important}.workspace-page>*>header h1{line-height:1.3;font-size:1.5rem!important}.app .workspace-page :is(.title-lg,.title-md,.headline-sm){font-size:1rem!important;line-height:1.4!important}.app .workspace-page :is(.body-sm,.body-md){font-size:.875rem!important;line-height:1.5!important}.app .workspace-page .label-sm{line-height:1.4;font-size:.6875rem!important}.app .workspace-page .card{border-radius:8px!important;padding:1rem!important}.app .workspace-page .card[style*="padding: 0"]{padding:0!important}.workspace-page>*>header,.workspace-page .responsive-header{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.workspace-page>*>header>div,.workspace-page .responsive-header>div{max-width:100%;min-width:0!important}.workspace-page :is(.page-header-actions,.search-filter-bar,.btn-group-mobile){width:100%;gap:.75rem!important}.workspace-page :is(.btn-primary,.btn-secondary){white-space:normal;justify-content:center;gap:.5rem;max-width:100%;min-height:44px;line-height:1.35;border-radius:8px!important;padding:.65rem .875rem!important;font-size:.875rem!important}.workspace-page button svg{flex-shrink:0}.app :is(input,select,textarea){min-width:0;max-width:100%;font-size:16px!important}.app :is(input:not([type=checkbox]):not([type=radio]),select){min-height:44px}.app input:is([type=checkbox],[type=radio]){flex-shrink:0;min-height:0}.app .workspace-page :is(.table-container,div:has(>table)){overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;min-width:0;max-width:100%;overflow-x:auto!important}.app .main-content .workspace-page table{border-spacing:0;table-layout:auto!important;border-collapse:separate!important;width:100%!important;min-width:600px!important}.app .main-content .workspace-page table :is(th,td){width:auto!important;min-width:0!important;max-width:none!important;padding:.75rem!important;font-size:.8125rem!important;overflow:visible!important}.app .main-content .workspace-page table :is(th,td):first-child{min-width:150px!important;max-width:220px!important}.app .main-content .workspace-page table td[style*="font-size: 0.75rem"]{display:table-cell!important}.app .workspace-page .table-hint{display:none!important}.workspace-page .kpi-grid .card>div:first-child{flex-wrap:wrap;gap:.5rem;min-height:3.75rem;align-items:flex-start!important;margin-bottom:.75rem!important}.workspace-page .kpi-grid .display-sm{white-space:normal;overflow-wrap:normal!important;word-break:normal!important;font-size:1.5rem!important}.workspace-page .kpi-grid .card>div:first-child>span{display:none!important}.workspace-page .admin-dashboard .card[style*="min-height: 380px"]{min-height:260px!important}.app .workspace-page :is(.student-stats-grid,.student-actions-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.75rem!important}.app .workspace-page .student-stats-grid{grid-template-columns:minmax(0,1fr)!important;margin-bottom:1.5rem!important}.app .workspace-page .student-stats-grid .card{flex-direction:row!important;align-items:center!important;gap:1rem!important}.app .workspace-page .student-dash-header{border-bottom:1px solid var(--outline-variant);box-shadow:none!important;background:0 0!important;border-radius:0!important;margin-bottom:1.5rem!important;padding:0 0 1rem!important}.student-dash-header>div:first-child{gap:.75rem!important}.student-dash-header>div:first-child>div:first-child{flex:0 0 56px!important;width:56px!important;min-width:56px!important;height:56px!important}.student-dash-header .page-header-actions{justify-content:flex-end;align-self:flex-end;width:auto;gap:.5rem!important}.student-dash-header .page-header-actions>.btn-icon{border-radius:8px;min-width:44px;height:44px;min-height:44px;flex:0 0 44px!important;width:44px!important}.student-quiz-alert{flex-direction:column;gap:1rem;border-radius:8px!important;align-items:stretch!important;margin-bottom:1.5rem!important;padding:1rem!important}.student-quiz-alert>div{gap:.75rem!important}.student-dashboard .sp-dashboard-grid .card>div:first-child{flex-wrap:wrap;gap:.75rem;margin-bottom:1rem!important}.app .workspace-page .teacher-dashboard .tab-navigation{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem!important;display:grid!important;overflow:visible!important}.app .workspace-page .teacher-dashboard .tab-navigation button{width:100%;white-space:normal!important;padding:.625rem!important;font-size:.8125rem!important}.teacher-period-picker{order:1;grid-column:1/-1;justify-content:space-between}.teacher-period-picker select{flex:1}.teacher-mobile-stats>span{min-width:0;padding:.625rem .25rem!important}.teacher-mobile-stats p:first-child{font-size:.625rem!important}.teacher-mobile-stats p:last-child{font-size:.8125rem!important}.app .workspace-page .teacher-dashboard .assigned-classes-grid{grid-template-columns:minmax(0,1fr)!important}.assessment-page-header,.quiz-records-header,.ca-page-header{padding:0!important}.assessment-page-header{margin-bottom:1.5rem!important}.assessment-header-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid!important}.assessment-header-actions>*{width:100%}.assessment-monitor-header{gap:1rem;flex-direction:column!important;align-items:stretch!important;margin-bottom:1.25rem!important}.assessment-period-controls{grid-template-columns:repeat(2,minmax(0,1fr)) 44px;width:100%;align-items:end!important;gap:.75rem!important;display:grid!important}.assessment-period-controls>div,.assessment-period-controls select{width:100%;min-width:0}.assessment-period-controls>button{border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;display:inline-flex}.app .main-content .workspace-page .mobile-record-table{border-collapse:separate!important;width:100%!important;min-width:0!important;display:block!important}.mobile-record-table thead{display:none}.mobile-record-table tbody{gap:.75rem;display:grid}.mobile-record-table tbody tr{background:var(--surface-lowest);border:1px solid var(--outline-variant);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:.75rem;display:grid;overflow:hidden}.app .main-content .workspace-page .mobile-record-table tbody td{flex-direction:column;justify-content:center;align-items:flex-start;gap:.25rem;overflow-wrap:anywhere!important;border:0!important;border-top:1px solid var(--surface-high)!important;text-align:left!important;min-width:0!important;max-width:none!important;padding:.5rem!important;font-size:.875rem!important;display:flex!important}.mobile-record-table tbody td:before{content:attr(data-label);color:var(--on-surface-variant);text-transform:uppercase;font-size:.625rem;font-weight:700;line-height:1.25}.app .main-content .workspace-page .mobile-record-table tbody td:first-child{grid-column:1/-1;border-top:0!important;width:100%!important;min-width:0!important;max-width:none!important;padding:0 0 .75rem!important}.mobile-record-table tbody td:first-child:before{display:none}.mobile-record-table tbody td[colspan]{grid-column:1/-1;text-align:center!important;border-top:0!important;padding:1.5rem!important;display:block!important}.assessment-record-table tbody td:nth-child(2){grid-column:1/-1;border-top:0!important;padding-top:0!important}.assessment-record-table tbody td:nth-child(7){grid-column:span 2}.assessment-record-table tbody td:nth-child(7) .btn-secondary{width:100%}.teacher-marks-table tbody td:first-child>div{max-width:100%!important}.teacher-marks-table tbody td:last-child .label-sm{font-size:.6875rem!important}.ca-activities-layout,.quiz-records-layout{grid-template-columns:minmax(0,1fr)!important;gap:1rem!important}.ca-page-header .btn-secondary{width:100%}.ca-form-grid{grid-template-columns:minmax(0,1fr)!important}.ca-activity-main{min-height:44px;padding:3.4rem .875rem .875rem!important}.ca-activity-title{flex-direction:column;align-items:flex-start}.ca-activity-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem!important;margin-top:.75rem!important;display:grid!important}.ca-activity-meta span{overflow-wrap:anywhere;min-width:0}.ca-activity-actions{gap:.25rem!important}.ca-activity-actions button{justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.ca-view-only{top:1rem!important}.ca-score-header{flex-direction:column;align-items:stretch!important}.ca-score-header .btn-primary{width:100%}.app .main-content .workspace-page .ca-score-table{table-layout:fixed!important;width:100%!important;min-width:0!important}.app .main-content .workspace-page .ca-score-table :is(th,td):first-child{width:62%!important;min-width:0!important;max-width:none!important}.app .main-content .workspace-page .ca-score-table :is(th,td):last-child{width:38%!important}.ca-score-table input[type=number]{width:100%!important;max-width:100%!important}.quiz-records-header{margin-bottom:1.25rem!important}.quiz-student-panel{max-height:none;height:auto!important}.quiz-student-search{margin-bottom:1rem!important}.quiz-student-list{overscroll-behavior:contain;max-height:320px;padding-right:0!important}.quiz-student-row{min-height:64px;border:1px solid #0000!important;border-radius:8px!important}.quiz-student-row>div:first-child{flex:0 0 40px}.quiz-record-filters{flex-direction:column;align-items:stretch!important;gap:.75rem!important}.quiz-filter-controls{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:.75rem!important;display:grid!important}.quiz-selected-student{gap:1rem!important;margin-bottom:1.25rem!important;padding-bottom:1rem!important}.quiz-selected-avatar{flex:0 0 52px;width:52px!important;height:52px!important;font-size:1rem!important}.quiz-attempt-card{grid-template-columns:minmax(0,1fr);gap:1rem;border-radius:8px!important;align-items:stretch!important;padding:1rem!important;display:grid!important}.quiz-attempt-main{min-width:0;gap:.75rem!important}.quiz-attempt-main>div:last-child{min-width:0}.quiz-attempt-icon{flex:0 0 44px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;padding:0!important}.quiz-attempt-metrics{border-top:1px solid var(--outline-variant);grid-template-columns:repeat(2,minmax(0,1fr));width:100%;padding-top:.875rem;gap:.75rem!important;display:grid!important}.quiz-attempt-time{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;text-align:left!important;min-width:0!important}.quiz-attempt-time>div{justify-content:flex-start!important;margin-top:0!important}.quiz-empty-state{border-radius:8px!important;padding:2.5rem 1rem!important}.app .workspace-page .search-tabs-grid{grid-template-columns:minmax(0,1fr)!important}.app .workspace-page .search-tabs-grid>*{grid-column:1/-1!important}.app .modal-overlay{z-index:1200;align-items:center!important;padding:1rem!important}.app .modal-content{min-width:0;border-radius:8px!important;width:100%!important;max-width:100%!important;max-height:calc(100dvh - 2rem)!important;margin:0!important;padding:1.25rem!important}.app .modal-content .modal-header{align-items:flex-start;gap:.75rem}}@media screen and (width<=380px){.app .workspace-page :is(.grid-4,.kpi-grid,.filters-grid,.actions-grid){grid-template-columns:minmax(0,1fr)!important}.app .workspace-page :is(.filters-grid,.actions-grid)>*{grid-column:1/-1!important}.assessment-header-actions,.assessment-period-controls,.quiz-list-filters,.quiz-filter-controls{grid-template-columns:minmax(0,1fr)!important}.assessment-period-controls>button{width:100%}.ca-activity-meta{grid-template-columns:minmax(0,1fr)}}