:root{color-scheme:light;--bap-bg: #ffffff;--bap-surface: #f3f4f1;--bap-text: #17231e;--bap-muted: #4d5c52;--bap-border: #cbd3cb;--bap-control-border: #78877d;--bap-accent: #213e2e;--bap-on-accent: #f2ffd8;--bap-accent-soft: #eef5df;--bap-h-text: #275b39;--bap-h-bg: #eef5df;--bap-a-text: #a53139;--bap-a-bg: #fbeaec;--bap-s-text: #82600b;--bap-s-bg: #fbf2d8;--bap-i-text: #285ca0;--bap-i-bg: #e9f1fb;--bap-font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, Arial, sans-serif;--bap-font-mono: Consolas, "SFMono-Regular", Menlo, monospace;--bap-space-1: 4px;--bap-space-2: 8px;--bap-space-3: 12px;--bap-space-4: 16px;--bap-space-5: 20px;--bap-space-6: 24px;--bap-space-8: 32px;--bap-radius-control: 3px;--bap-radius-badge: 2px;--bap-radius-overlay: 8px;--bap-touch-min: 48px;--bap-button-height: 52px;--bap-row-min: 76px;--bap-workspace-max: 760px;--bap-dialog-max: 480px;--bap-motion-fast: .14s;--bap-motion-sheet: .18s}@media(prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=dark]){color-scheme:dark;--bap-bg: #151717;--bap-surface: #262a28;--bap-text: #f7faf6;--bap-muted: #bac8bc;--bap-border: #4a554d;--bap-control-border: #829187;--bap-accent: #c7ec6a;--bap-on-accent: #1d3015;--bap-accent-soft: #344422;--bap-h-text: #c7ec6a;--bap-h-bg: #344422;--bap-a-text: #ffb3b8;--bap-a-bg: #4a2b31;--bap-s-text: #f0d58b;--bap-s-bg: #443c23;--bap-i-text: #accfff;--bap-i-bg: #273c56}}:root[data-theme=dark]{color-scheme:dark;--bap-bg: #151717;--bap-surface: #262a28;--bap-text: #f7faf6;--bap-muted: #bac8bc;--bap-border: #4a554d;--bap-control-border: #829187;--bap-accent: #c7ec6a;--bap-on-accent: #1d3015;--bap-accent-soft: #344422;--bap-h-text: #c7ec6a;--bap-h-bg: #344422;--bap-a-text: #ffb3b8;--bap-a-bg: #4a2b31;--bap-s-text: #f0d58b;--bap-s-bg: #443c23;--bap-i-text: #accfff;--bap-i-bg: #273c56}@media(prefers-reduced-motion:reduce){:root{--bap-motion-fast: 0ms;--bap-motion-sheet: 0ms}}*{box-sizing:border-box}html{min-width:320px}body{margin:0;font-family:var(--bap-font-sans);color:var(--bap-text);background:var(--bap-bg);-webkit-tap-highlight-color:transparent;line-height:1.5}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button,input,select,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--bap-accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}h1{font-size:clamp(2rem,4vw,2.75rem);letter-spacing:-.045em;font-weight:700;margin-bottom:12px}h2{font-size:1.25rem;letter-spacing:-.025em}input,select{color:var(--bap-text);background:var(--bap-bg)}input{min-width:0;font-size:16px;min-height:48px;border:1px solid var(--bap-control-border);border-radius:3px;padding:12px;width:100%}input::placeholder{color:var(--bap-muted);opacity:1}input[aria-invalid=true]{border-color:var(--bap-a-text)}button{transition:transform var(--bap-motion-fast)}button:active:not(:disabled){transform:translateY(1px)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--bap-muted);font-size:.8125rem}.eyebrow,.small-label{color:var(--bap-muted);font-size:.75rem;font-weight:400;margin-bottom:6px;line-height:1.5}.lede{font-size:.9375rem;color:var(--bap-muted);line-height:1.75;max-width:55ch}.heading-dot{color:var(--bap-accent)}.text-error{color:var(--bap-a-text)}.page{width:min(100%,808px);margin-inline:auto;padding:32px 24px 40px}.app-header{border-bottom:1px solid var(--bap-border);background:var(--bap-bg)}.app-header-inner{max-width:1120px;margin:0 auto;padding:10px 24px;min-height:72px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;gap:8px;align-items:center;font-size:.875rem;font-weight:600;flex-shrink:0}.brand svg{width:32px;height:32px;color:var(--bap-accent);flex-shrink:0}.brand--large{font-size:1rem;gap:10px}.brand--large svg{width:44px;height:44px}.header-actions{display:flex;align-items:center;gap:8px}.workspace-header-start{display:flex;align-items:center;gap:24px}.app-header-inner--workspace .button{font-size:.75rem}.theme-select select{width:86px;min-height:48px;border:0;border-radius:3px;padding:8px 4px;color:var(--bap-muted);font-size:.75rem;cursor:pointer}.button{border:1px solid transparent;min-width:var(--bap-touch-min);min-height:var(--bap-touch-min);border-radius:3px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:.875rem;font-weight:600;background:transparent;color:var(--bap-text);line-height:1.4}.button--primary{background:var(--bap-accent);color:var(--bap-on-accent);min-height:52px;justify-content:space-between}.button--primary:hover:not(:disabled){filter:brightness(.94)}.button--outline{border-color:var(--bap-control-border)}.button--outline:hover:not(:disabled),.button--quiet:hover:not(:disabled){background:var(--bap-surface)}.button--quiet{color:var(--bap-muted);font-weight:400;padding-inline:10px}.button--full{width:100%}.field-label{display:block;font-size:.8125rem;font-weight:600;margin:24px 0 8px}.notice{display:flex;flex-direction:column;gap:10px;padding:12px 14px;margin:12px 0;border-left:3px solid var(--bap-border);font-size:.8125rem;line-height:1.65;background:var(--bap-surface);color:var(--bap-muted);overflow-wrap:anywhere}.notice--warning{background:var(--bap-s-bg);border-color:var(--bap-s-text);color:var(--bap-s-text)}.notice--error{background:var(--bap-a-bg);border-color:var(--bap-a-text);color:var(--bap-a-text)}.notice--info{background:var(--bap-accent-soft);border-color:var(--bap-accent);color:var(--bap-text)}.notice-actions{display:flex;flex-wrap:wrap;gap:8px}.notice-actions .button{font-size:.8125rem;background:var(--bap-bg)}.connection{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;color:var(--bap-muted);white-space:nowrap}.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--bap-s-text)}.connection--online .connection-dot{background:var(--bap-accent)}.connection--offline{color:var(--bap-s-text)}.session-badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:4px 8px;font-size:.75rem;line-height:1.4;border-radius:2px;color:var(--bap-muted);background:var(--bap-surface);white-space:nowrap}.session-badge--locked{background:var(--bap-accent-soft);color:var(--bap-h-text)}.login-layout{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.login-main{width:min(100%,1064px);margin:auto;padding:72px 32px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:80px}.login-intro>.brand{margin-bottom:48px}.login-intro h1{font-size:clamp(2.1rem,4vw,3.2rem);line-height:1.15;margin:12px 0 20px}.login-intro .lede{max-width:42ch}.login-course{border-left:2px solid var(--bap-accent);padding-left:16px;margin-top:32px;display:flex;flex-direction:column;gap:5px}.login-course .small-label{margin:0}.login-course strong{font-size:.875rem;font-weight:600}.login-course>span:last-child{font-size:.75rem;color:var(--bap-muted)}.login-form{border:1px solid var(--bap-border);border-top:3px solid var(--bap-accent);padding:32px;border-radius:3px}.login-form h2{font-size:1.75rem;letter-spacing:-.04em;margin:6px 0 12px}.password-field{position:relative;display:flex;min-height:52px;border:1px solid var(--bap-control-border);border-radius:3px;background:var(--bap-bg)}.password-field:focus-within{outline:3px solid var(--bap-accent);outline-offset:2px}.password-field input{border:0;background:transparent;outline:none;min-height:50px;flex:1;padding-right:4px}.password-field button{font-size:.75rem;flex-shrink:0}.login-form>.button{margin-top:18px}.login-footnote{font-size:.75rem;color:var(--bap-muted);margin:18px 0 0}.login-footer{display:flex;justify-content:space-between;gap:16px;padding:24px 32px;max-width:1120px;width:100%;margin:0 auto;font-size:.75rem;color:var(--bap-muted)}.page-context{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:.75rem;color:var(--bap-muted);margin-bottom:30px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:32px}.page-heading .lede{margin-bottom:0}.page-counter{display:flex;flex-direction:column;align-items:flex-end;white-space:nowrap;flex-shrink:0}.page-counter strong{font-family:var(--bap-font-mono);font-weight:400;font-size:3rem;line-height:1.1;color:var(--bap-accent);letter-spacing:-.08em}.page-counter>span{font-size:.75rem;color:var(--bap-muted);margin-top:8px}.featured-meeting{display:grid;grid-template-columns:100px minmax(0,1fr);background:var(--bap-surface);border:1px solid var(--bap-border);border-radius:3px;margin-bottom:40px}.featured-number{font-family:var(--bap-font-mono);font-size:3.25rem;font-weight:400;letter-spacing:-.08em;padding:24px;display:flex;align-items:flex-start;justify-content:center;color:var(--bap-accent);border-right:1px solid var(--bap-border)}.featured-content{padding:24px}.featured-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.featured-top .eyebrow{margin:0}.featured-top .session-badge{background:var(--bap-bg)}.featured-content h2{margin:0 0 8px;font-size:1.375rem}.featured-content>p{font-size:.8125rem;color:var(--bap-muted);margin-bottom:20px}.featured-content .button{min-width:210px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:0;font-size:1rem;font-weight:600}.section-heading .muted{font-size:.75rem}.meeting-filters{display:flex;gap:8px;border-bottom:1px solid var(--bap-border);padding-bottom:12px}.filter-button{color:var(--bap-muted);border:1px solid transparent;background:transparent;font-size:.8125rem;min-height:48px;min-width:48px;border-radius:3px;padding:10px 12px}.filter-button:hover{background:var(--bap-surface)}.filter-button.is-active{color:var(--bap-accent);background:var(--bap-accent-soft);font-weight:600}.meeting-row{width:100%;display:flex;gap:16px;align-items:center;min-height:88px;padding:16px 4px;text-align:left;border:0;border-bottom:1px solid var(--bap-border);background:var(--bap-bg);color:var(--bap-text)}.meeting-row:hover:not(:disabled){background:var(--bap-surface)}.meeting-number{font-family:var(--bap-font-mono);font-size:1.25rem;color:var(--bap-muted);min-width:36px;letter-spacing:-.06em}.meeting-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:5px}.meeting-copy>strong{font-size:.875rem;font-weight:600}.meeting-copy>span{font-size:.75rem;color:var(--bap-muted)}.meeting-row--exam:disabled{opacity:1;background:var(--bap-surface)}.meeting-row--exam .meeting-copy>strong{color:var(--bap-muted);font-weight:400}.meeting-row--today{border-left:3px solid var(--bap-accent);padding-left:10px}.today-label{color:var(--bap-h-text);font-size:.6875rem;margin-left:8px}.meeting-arrow{font-size:1.2rem;color:var(--bap-muted)}.page-footnote{margin-top:24px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--bap-muted);font-size:.75rem}.attendance-layout{height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;position:relative}.attendance-layout .app-header-inner{min-height:60px;padding-top:6px;padding-bottom:6px}.attendance-page{padding-top:0;padding-bottom:24px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.workspace-nav{display:flex;align-items:stretch;gap:24px;border-bottom:1px solid var(--bap-border);margin-bottom:22px}.workspace-nav>button,.workspace-nav>span{display:inline-flex;align-items:center;gap:5px;min-height:48px;background:transparent;border:0;padding:8px 0;color:var(--bap-muted);font-size:.8125rem}.workspace-nav>span{color:var(--bap-accent);font-weight:600;box-shadow:0 2px 0 var(--bap-accent)}.workspace-nav>.undo-button{margin-left:auto}.nav-ready{width:5px;height:5px;background:var(--bap-accent);border-radius:50%}.attendance-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.attendance-heading h1{font-size:2rem;letter-spacing:-.055em;line-height:1.15;margin-bottom:7px}.attendance-heading .eyebrow{margin-bottom:3px}.attendance-number{font-size:2.5rem;font-family:var(--bap-font-mono);font-weight:400;letter-spacing:-.08em;line-height:1.1;color:var(--bap-accent)}.attendance-date{font-size:.75rem;color:var(--bap-muted);margin-bottom:0}.attendance-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 16px}.attendance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:16px 0}.attendance-stat{display:flex;align-items:baseline;justify-content:center;gap:6px;padding:9px 8px;background:var(--bap-surface)}.attendance-stat strong{font-family:var(--bap-font-mono);font-size:1.5rem;font-weight:400;line-height:1.2;letter-spacing:-.07em;font-variant-numeric:tabular-nums}.attendance-stat span{color:var(--bap-muted);font-size:.75rem}.attendance-stat.ALPHA strong{color:var(--bap-a-text)}.attendance-stat.SAKIT strong{color:var(--bap-s-text)}.attendance-stat.IZIN strong{color:var(--bap-i-text)}.roster-tools{position:sticky;top:0;z-index:2;background:var(--bap-bg);padding:0 0 12px}.group-filters{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.group-filters .filter-button{padding-inline:12px}.search-field{display:block}.search-field input{width:100%}.brush-toolbar{margin-top:12px}.brush-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.75rem;color:var(--bap-muted);margin-bottom:6px}.brush-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,4.25rem),1fr));gap:4px}.brush-modes button{min-height:48px;border:1px solid var(--bap-control-border);border-radius:3px;background:var(--bap-bg);color:var(--bap-muted);display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 4px;font-size:.8125rem}.brush-modes button:hover:not(:disabled){background:var(--bap-surface)}.brush-modes button.is-active{background:var(--bap-accent);color:var(--bap-on-accent);border-color:var(--bap-accent);font-weight:600}.status-code{font-family:var(--bap-font-mono);font-size:1rem}.roster-label{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;font-size:.75rem;background:var(--bap-text);color:var(--bap-bg)}.roster-count{font-family:var(--bap-font-mono);margin-left:5px}.student-row{display:flex;align-items:stretch;gap:0;min-height:76px;border-bottom:1px solid var(--bap-border)}.student-main{flex:1;min-width:0;display:flex;align-items:center;gap:14px;min-height:76px;border:0;background:transparent;color:var(--bap-text);text-align:left;padding:12px 4px}.student-main:hover:not(:disabled){background:var(--bap-surface)}.student-main:disabled{opacity:1}.student-number{font-size:.75rem;font-family:var(--bap-font-mono);color:var(--bap-muted);width:26px;flex-shrink:0}.student-copy{flex:1;min-width:0}.student-copy strong{display:block;font-size:.9375rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere}.student-copy>span{display:block;font-size:.75rem;color:var(--bap-muted);margin-top:4px}.student-edit{width:48px;flex-shrink:0;min-height:48px;border:0;background:transparent;color:var(--bap-muted);font-size:1.25rem;padding:0}.student-edit:hover:not(:disabled){background:var(--bap-surface)}.student-edit:disabled{opacity:.55}.status-badge{display:inline-flex;justify-content:center;align-items:center;padding:5px 8px;border-radius:2px;font-size:.75rem;line-height:1.4;white-space:nowrap;min-width:44px;color:var(--bap-muted);background:var(--bap-surface);font-weight:500}.status-badge.HADIR{color:var(--bap-h-text);background:var(--bap-h-bg)}.status-badge.ALPHA{color:var(--bap-a-text);background:var(--bap-a-bg)}.status-badge.SAKIT{color:var(--bap-s-text);background:var(--bap-s-bg)}.status-badge.IZIN{color:var(--bap-i-text);background:var(--bap-i-bg)}.attendance-footer{background:var(--bap-bg);border-top:1px solid var(--bap-border);padding:12px 24px max(12px,env(safe-area-inset-bottom));z-index:3}.attendance-footer-inner{max-width:760px;margin:0 auto;display:grid;grid-template-columns:1fr minmax(220px,300px);align-items:center;gap:8px 20px}.save-summary{display:flex;flex-direction:column;gap:4px;font-size:.75rem}.save-summary>span{color:var(--bap-muted)}.save-summary>strong{font-size:.8125rem;font-weight:500}.save-summary>.text-error{color:var(--bap-a-text)}.footer-hint{grid-column:1/-1;font-size:.75rem;color:var(--bap-s-text);margin:0}.undo-toast{position:fixed;z-index:8;bottom:calc(var(--footer-height, 100px) + 12px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:min(460px,calc(100% - 32px));padding:6px 8px 6px 16px;border-radius:3px;background:var(--bap-text);color:var(--bap-bg);box-shadow:0 6px 24px #17231e20;font-size:.8125rem}.undo-toast>span{flex:1;min-width:0;line-height:1.5}.undo-toast button{border:0;background:transparent;color:inherit;min-height:48px;padding:10px;text-decoration:underline}.locked-summary{padding:16px;background:var(--bap-surface);display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0}.locked-summary strong{font-weight:600;font-size:.875rem}.locked-summary p{font-size:.75rem;color:var(--bap-muted);margin:5px 0 0}.locked-summary>.button{flex-shrink:0;font-size:.8125rem}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a181d80;z-index:30;display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.modal{width:100%;max-width:480px;max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;padding:24px;background:var(--bap-bg);border:1px solid var(--bap-border);border-radius:8px;box-shadow:0 16px 60px #071a1426}.modal-header{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-bottom:12px}.modal-header h2{font-size:1.375rem;letter-spacing:-.035em;margin:0;overflow-wrap:anywhere}.modal-header>button{flex-shrink:0;font-size:.75rem;padding-inline:8px}.modal-description{font-size:.8125rem;color:var(--bap-muted);line-height:1.7;margin-bottom:20px}.modal-help{font-size:.75rem;color:var(--bap-muted);line-height:1.7;margin:16px 0}.modal-actions{display:flex;flex-direction:column;gap:8px;margin-top:24px}.modal-actions .modal-help{margin:0 0 4px}.review-stats{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.review-list{padding:0;margin:0;list-style:none;max-height:min(35dvh,320px);overflow-y:auto}.review-list li{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:66px;padding:12px 0;border-bottom:1px solid var(--bap-border)}.review-list strong{display:block;font-size:.8125rem;font-weight:600}.review-list small{display:block;font-size:.75rem;color:var(--bap-muted);margin-top:3px}.all-present{padding:18px;color:var(--bap-h-text);background:var(--bap-h-bg);font-size:.875rem}.person-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.person-modes button{min-height:56px;border:1px solid var(--bap-control-border);background:var(--bap-bg);border-radius:3px;color:var(--bap-text);display:flex;align-items:center;justify-content:center;gap:8px;font-size:.875rem}.person-modes button.is-active{background:var(--bap-accent-soft);border:2px solid var(--bap-accent);font-weight:600}.status-dot{width:7px;height:7px;flex-shrink:0;background:var(--bap-h-text)}.status-dot.ALPHA{background:var(--bap-a-text)}.status-dot.SAKIT{background:var(--bap-s-text)}.status-dot.IZIN{background:var(--bap-i-text)}.person-navigation{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:20px}.person-navigation .button{font-size:.8125rem;padding-inline:8px}.document-preview{padding:24px 20px;border:1px solid var(--bap-border);background:var(--bap-surface)}.document-type{display:inline-block;font-family:var(--bap-font-mono);color:var(--bap-accent);border:1px solid var(--bap-accent);border-radius:2px;padding:8px;margin-bottom:20px;font-size:.8125rem}.document-preview h3{margin-bottom:10px;font-size:1.1rem}.document-preview p{overflow-wrap:anywhere;color:var(--bap-muted);font-size:.8125rem;line-height:1.7}.empty-state{padding:40px 20px;text-align:center}.empty-state h3{font-size:1rem;margin-bottom:8px}.empty-state p{font-size:.8125rem;color:var(--bap-muted);margin-bottom:20px}.skeleton{background:var(--bap-surface);border-radius:3px}.skeleton--heading{height:60px;margin:24px 0;max-width:70%}.skeleton--row{height:76px;margin-bottom:8px}.recovery-page{padding-top:max(48px,15dvh)}.recovery-page .brand{margin-bottom:32px}.recovery-page .button{margin-top:16px}.setup-details{margin-top:28px;font-size:.8125rem;color:var(--bap-muted)}.setup-details summary{min-height:48px;padding-block:12px;cursor:pointer}@media(min-width:1024px){.meetings-page{padding-top:42px}.attendance-page{padding-top:6px}.attendance-heading h1{font-size:2.25rem}.attendance-number{font-size:3rem}}@media(max-width:767px){.app-header-inner{padding-inline:16px;min-height:64px}.page{padding:24px 16px 32px}.login-main{display:flex;flex-direction:column;align-items:stretch;gap:28px;max-width:500px;padding:28px 20px 40px}.login-intro>.brand,.login-intro>.eyebrow{display:none}.login-intro h1{font-size:2rem;margin:0 0 12px}.login-intro .lede{margin-bottom:0;font-size:.875rem}.login-course{margin-top:20px}.login-form{padding:24px}.login-footer{padding:16px 20px;font-size:.75rem}.page-context{margin-bottom:24px}.page-heading{gap:20px;margin-bottom:24px}.page-heading h1{font-size:2rem}.page-heading .lede{font-size:.875rem}.page-counter strong{font-size:2.25rem}.page-counter>span{max-width:75px;white-space:normal;text-align:right}.featured-meeting{grid-template-columns:64px minmax(0,1fr);margin-bottom:32px}.featured-number{padding:20px 10px;font-size:2rem}.featured-content{padding:20px 16px}.featured-top{align-items:flex-start;gap:8px}.featured-content h2{font-size:1.15rem}.featured-content .button{min-width:0;width:100%}.section-heading{flex-wrap:wrap;gap:5px}.meeting-row{gap:10px;padding-block:16px;min-height:88px}.meeting-number{min-width:28px;font-size:1.125rem}.meeting-arrow{display:none}.meeting-place{display:block;font-size:.75rem}.attendance-page{padding:8px 16px 16px;scrollbar-gutter:auto}.desktop-brand{display:none}.app-header-inner--workspace{gap:4px}.app-header-inner--workspace .header-actions{gap:2px}.app-header-inner--workspace .button{padding-inline:8px}.workspace-nav{gap:18px;margin-bottom:12px}.workspace-nav>button,.workspace-nav>span{font-size:.75rem}.attendance-heading h1{font-size:1.75rem;margin-bottom:4px}.attendance-heading .eyebrow{font-size:.75rem}.attendance-number{font-size:2.25rem}.attendance-meta{margin:4px 0}.attendance-stats{gap:4px;margin:8px 0 4px}.attendance-stat{gap:4px;padding:5px}.attendance-stat strong{font-size:1.375rem}.group-filters{gap:4px;margin-bottom:4px}.brush-toolbar{margin-top:6px}.brush-label>span:last-child{display:none}.brush-modes button{gap:4px;font-size:.75rem}.roster-tools{padding-bottom:8px}.roster-label{padding:5px 9px}.student-main{gap:8px}.student-number{width:20px;font-size:.75rem}.student-copy strong{font-size:.875rem}.status-badge{padding-inline:6px}.attendance-footer{padding:9px 16px max(10px,env(safe-area-inset-bottom))}.attendance-footer-inner{display:flex;flex-direction:column;align-items:stretch;gap:7px}.save-summary{flex-direction:row;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:3px 8px;font-size:.75rem}.save-summary>strong{font-size:.75rem}.locked-summary{padding:12px;gap:8px}.locked-summary>.button{padding-inline:10px}.modal-backdrop{padding:0;align-items:flex-end}.modal{max-height:min(90dvh,760px);border-radius:8px 8px 0 0;border-bottom:0;padding:16px 20px max(20px,env(safe-area-inset-bottom))}}@media(max-width:380px){.brand{font-size:.8125rem;gap:5px}.brand svg{width:28px;height:28px}.app-header-inner{gap:6px;padding-inline:12px}.header-actions{gap:2px}.header-actions>.button{padding-inline:8px;font-size:.75rem}.theme-select select{width:76px}.app-header-inner--workspace .theme-select{display:none}.featured-meeting{grid-template-columns:50px minmax(0,1fr)}.featured-content{padding:16px 12px}.featured-top{flex-wrap:wrap}.meeting-row .session-badge{font-size:.75rem;max-width:90px;white-space:normal;text-align:center}.meeting-filters{gap:3px}.meeting-filters .filter-button{font-size:.75rem;padding-inline:10px}.workspace-nav{gap:12px}.workspace-nav>.undo-button{font-size:.75rem}.attendance-stat{flex-direction:column;align-items:center;gap:0}.student-copy strong{font-size:.875rem}.student-number{display:none}.login-form{padding:20px}.login-footer{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0ms!important;animation:none!important}}.help-button{width:48px;flex-shrink:0;font-size:1rem;font-weight:700}.guide-steps,.guide-actions{display:flex;gap:8px;flex-wrap:wrap}.guide-steps{margin:20px 0}.guide-steps .filter-button{min-width:48px}.guide-content h3{font-size:1.375rem;margin-bottom:16px}.guide-content>p{font-size:.9375rem}.guide-example{min-height:84px;display:flex;flex-wrap:wrap;align-items:center;gap:12px;background:var(--bap-surface);padding:16px;margin-bottom:20px}.guide-example strong,.guide-example small{display:block}.guide-example small{color:var(--bap-muted);font-size:.75rem}.guide-example-number{font:2rem var(--bap-font-mono);color:var(--bap-accent)}.guide-hint{color:var(--bap-muted);border-top:1px solid var(--bap-border);padding-top:16px}.guide-actions{justify-content:flex-end;margin-top:24px}.guide-actions>.button:first-child{margin-right:auto}.guide-footnote{color:var(--bap-muted);font-size:.75rem;margin:16px 0 0}.guide-print-help{border-top:1px solid var(--bap-border);padding-top:8px;margin:20px 0;font-size:.875rem}.guide-print-help summary{min-height:48px;display:flex;align-items:center;cursor:pointer;font-weight:600;gap:8px}.guide-print-help summary:before{content:"+";font:1rem var(--bap-font-mono)}.guide-print-help[open] summary:before{content:"−"}.guide-print-help p{color:var(--bap-muted);margin:8px 0}.meeting-tools{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-block:1px solid var(--bap-border);padding:12px 0;margin-bottom:24px}.meeting-tools p{margin:0;flex:1 1 200px}.print-selection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px}.print-selection-heading h3{font-size:1rem;margin:0}.print-selection{border:0;padding:0;margin:8px 0 24px;min-width:0}.print-choice{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 0;border-bottom:1px solid var(--bap-border);cursor:pointer}.print-choice input{width:48px;height:48px;flex:0 0 48px;margin:0;accent-color:var(--bap-accent)}.print-choice strong{display:block;font-size:.875rem}.print-choice small{display:block;color:var(--bap-muted);font-size:.75rem}.print-choice-meta{margin-left:auto;font-size:.75rem;text-align:right;color:var(--bap-muted);flex-shrink:0}.print-plan h3{font-size:1rem;margin-bottom:8px}.print-sheets{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px}.print-sheet-slots{border:1px solid var(--bap-control-border);border-radius:3px;background:var(--bap-surface)}.print-sheet-slots>span{display:block;padding:12px;font-size:.8125rem;min-height:64px}.print-sheet-slots>span+span{border-top:1px dashed var(--bap-control-border)}.print-sheet-slots small{display:block;color:var(--bap-muted);font-size:.75rem}@media(max-width:560px){.app-header-inner--workspace .theme-select{display:none}.guide-actions{gap:4px}.guide-actions .button{padding-inline:12px}}@media(max-height:600px){.roster-tools{position:static}}.page,.modal{position:relative}.page-enter{animation:page-arrive .18s ease-out both}@keyframes page-arrive{0%{opacity:.65;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.skeleton{position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--bap-border),transparent);opacity:.55;transform:translate(-100%);animation:skeleton-pass 1.2s ease-in-out infinite}@keyframes skeleton-pass{to{transform:translate(100%)}}.skeleton--button{height:52px}.skeleton-region{min-width:0}.refresh-hint{position:absolute;inset:0 0 auto;height:3px;opacity:0;transition:opacity .1s ease;pointer-events:none}.refresh-hint.is-loading{opacity:1}.refresh-hint:not(.is-loading) .skeleton:after{animation:none}.refresh-hint .skeleton{height:100%}.login-splash{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px;text-align:center}.login-splash-content{max-width:480px;width:100%}.login-splash-brand{margin-bottom:40px}.login-splash-brand .brand{justify-content:center}.login-splash-brand svg{animation:brand-breathe 1.5s ease-in-out infinite}.login-splash h1{font-size:clamp(1.75rem,6vw,2.25rem)}.login-splash .lede{margin-inline:auto}.login-loading-track{height:4px;max-width:220px;margin:28px auto 0;background:var(--bap-surface);overflow:hidden;border-radius:2px}.login-loading-track span{display:block;width:40%;height:100%;background:var(--bap-accent);animation:loading-pass 1s ease-in-out infinite}@keyframes loading-pass{0%{transform:translate(-100%)}to{transform:translate(350%)}}@keyframes brand-breathe{50%{opacity:.55;transform:scale(.96)}}.print-context{font-size:.8125rem;color:var(--bap-muted);padding-left:12px;border-left:2px solid var(--bap-accent)}.attendance-footer-inner{grid-template-columns:minmax(160px,1fr) minmax(360px,1.7fr)}.attendance-footer-actions{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.35fr);gap:8px}.attendance-footer-actions .button{padding-inline:12px;gap:8px;font-size:.8125rem}@media(max-width:720px){.attendance-footer-inner{display:flex;flex-direction:column;align-items:stretch;gap:7px}.attendance-footer .save-summary{flex-direction:row;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:3px 8px}}@media(prefers-reduced-motion:reduce){.page-enter,.login-splash-brand svg,.login-loading-track span,.skeleton:after{animation:none!important;transform:none}.login-loading-track span{width:100%;opacity:.7}}textarea{font:inherit;color:var(--bap-text);background:var(--bap-bg);border:1px solid var(--bap-control-border);border-radius:3px;padding:12px;width:100%;resize:vertical}fieldset{border:0;padding:0;margin:0;min-width:0}button,a,input,select,textarea{scroll-margin-top:90px}.mg-shell{display:grid;grid-template-columns:208px minmax(0,1fr);grid-template-rows:64px 1fr;min-height:100dvh}.mg-topbar{grid-column:1/-1;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--bap-border);padding:0 24px;background:var(--bap-bg);height:64px;position:sticky;top:0;z-index:40}.mg-brand-link{display:inline-flex;align-items:center;min-width:48px;min-height:48px;text-decoration:none;color:inherit;flex-shrink:0}.mg-context{display:flex;align-items:center;gap:12px;min-width:0;font-size:13px}.mg-context strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mg-search-trigger{margin-left:auto;display:flex;gap:10px;align-items:center;min-height:48px;border:1px solid var(--bap-control-border);background:var(--bap-surface);color:var(--bap-muted);padding:0 12px;border-radius:4px;min-width:260px;text-align:left}.mg-search-trigger kbd{margin-left:auto;border:1px solid var(--bap-border);padding:1px 5px;font-size:11px;font-family:var(--bap-font-sans)}.mg-profile-wrap{position:relative}.mg-profile-menu{position:absolute;right:0;top:calc(100% + 8px);display:grid;gap:4px;padding:16px;border:1px solid var(--bap-border);border-radius:8px;background:var(--bap-bg);width:250px;box-shadow:0 12px 36px #0002;z-index:80}.mg-profile-menu>small{color:var(--bap-muted);margin-bottom:8px}.mg-profile-menu>a,.mg-profile-menu>button{display:flex;align-items:center;min-height:48px;padding:8px 12px;color:var(--bap-text);text-decoration:none;background:none;border:0;border-bottom:1px solid var(--bap-border);text-align:left}.mg-profile-menu .theme-select{width:100%}.mg-sidebar{grid-column:1;grid-row:2;position:sticky;top:64px;align-self:start;height:calc(100dvh - 64px);border-right:1px solid var(--bap-border);padding:26px 16px;display:flex;flex-direction:column;background:var(--bap-bg)}.mg-sidebar>.eyebrow{padding:0 12px;font-size:10px}.mg-sidebar nav{display:grid;gap:4px}.mg-sidebar nav a{display:flex;align-items:center;min-height:48px;padding:10px 12px;font-size:13px;color:var(--bap-muted);text-decoration:none;border-radius:3px}.mg-sidebar nav a:hover,.mg-sidebar nav a.is-active{color:var(--bap-text);background:var(--bap-surface)}.mg-sidebar nav a.is-active{font-weight:700;box-shadow:inset 3px 0 var(--bap-accent)}.mg-sidebar-foot{margin-top:auto;padding:16px 8px 0;border-top:1px solid var(--bap-border);font-size:12px}.mg-sidebar-foot .button{padding:8px 0;justify-content:flex-start}.mg-workspace{grid-column:2;grid-row:2;min-width:0}.mg-mobile-menu{display:none}.mg-skip{position:fixed;top:-100px;left:12px;padding:12px;background:var(--bap-accent);color:var(--bap-on-accent);z-index:100}.mg-skip:focus{top:8px}.mg-page{width:100%;max-width:1240px;margin:0 auto;padding:40px 40px 72px;min-width:0}.mg-page h1,.mg-class-head h1{font-size:34px;line-height:1.16;letter-spacing:-1px;margin:8px 0 16px}.mg-page h2{font-size:21px;margin:0 0 12px}.mg-page h3{font-size:16px;margin:0 0 12px}.mg-page .lede{max-width:58ch;font-size:15px}.mg-page-heading,.mg-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.mg-page-heading>.button{flex-shrink:0}.mg-page-heading{margin-bottom:36px}.mg-section-heading{align-items:center;margin-top:28px}.mg-section-heading p{margin:0}.mg-narrow{max-width:720px}.mg-form-page{max-width:1000px}.mg-panel{border:1px solid var(--bap-border);border-radius:5px;padding:24px;margin-bottom:24px;background:var(--bap-bg);min-width:0}.mg-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.mg-settings-grid .mg-panel{margin:0}.mg-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.mg-field{display:flex;flex-direction:column;gap:7px;margin:0 0 18px;font-size:13px;font-weight:600;min-width:0}.mg-field input,.mg-field select{min-height:48px;padding:10px 12px;font-size:16px;font-weight:400;width:100%;min-width:0;color:var(--bap-text);background:var(--bap-bg);border:1px solid var(--bap-control-border);border-radius:3px}.mg-field input[type=file]{font-size:13px;padding:12px;white-space:normal}.mg-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding-right:36px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='m3 5 4 4 4-4' fill='none' stroke='%2374817a' stroke-width='1.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.mg-field small{font-size:12px;color:var(--bap-muted);font-weight:400}.mg-inline-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.mg-inline-actions .button{min-height:48px}.mg-check{display:flex;align-items:center;gap:10px;font-size:13px;min-height:48px;padding:6px 0;cursor:pointer}.mg-check input[type=checkbox]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:22px;height:22px;min-height:22px;flex-shrink:0;accent-color:var(--bap-accent)}.mg-filter-line{display:flex;align-items:center;gap:24px;margin-bottom:24px}.mg-filter-line>.mg-field{max-width:440px;flex:1;margin:0}.mg-list-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--bap-border);min-width:0}.mg-list-row:first-child{padding-top:0}.mg-list-row:last-child{border-bottom:0;padding-bottom:0}.mg-list-row>span{min-width:0}.mg-list-row strong{display:block;font-size:14px;overflow-wrap:anywhere}.mg-list-row small{display:block;font-size:12px;color:var(--bap-muted);margin-top:5px;overflow-wrap:anywhere}.mg-list-row .button{flex-shrink:0}.mg-error-text{color:var(--bap-a-text)}.mg-class-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.mg-class-card{padding:24px;border:1px solid var(--bap-border);border-radius:4px;background:var(--bap-surface);min-width:0}.mg-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.mg-card-top .eyebrow{margin:0}.mg-class-card h3{font-size:21px;line-height:1.25;letter-spacing:-.4px}.mg-class-card h3 a{color:inherit;text-decoration:none}.mg-class-card>p{font-size:13px;margin:8px 0}.mg-card-counts{display:flex;gap:24px;padding:20px 0;font-size:12px;color:var(--bap-muted);border-bottom:1px solid var(--bap-border);margin-bottom:18px}.mg-card-counts strong{font:26px var(--bap-font-mono);display:block;color:var(--bap-text)}.mg-card-actions{display:flex;align-items:center;gap:8px}.mg-upcoming{border-top:1px solid var(--bap-border);border-bottom:1px solid var(--bap-border);padding:22px 0;margin-bottom:36px}.mg-upcoming-row{display:flex;align-items:center;gap:20px;width:100%;background:none;border:0;color:var(--bap-text);text-align:left;padding:16px 4px;min-height:72px}.mg-upcoming-row:hover{background:var(--bap-surface)}.mg-upcoming-row strong,.mg-upcoming-row small{display:block}.mg-upcoming-row strong{font-size:14px}.mg-upcoming-row small{color:var(--bap-muted);font-size:12px}.mg-upcoming-row>span:last-child{margin-left:auto}.mg-date{font:16px var(--bap-font-mono);color:var(--bap-muted);min-width:66px}.mg-class-head{padding:32px 40px 0;border-bottom:1px solid var(--bap-border)}.mg-class-head .mg-section-heading{margin:12px 0 24px}.mg-class-head .mg-section-heading>div{min-width:0}.mg-class-head h1{font-size:28px;overflow-wrap:anywhere}.mg-class-head p{font-size:13px;margin:0;color:var(--bap-muted)}.mg-class-tabs{display:flex;gap:16px;overflow-x:auto;max-width:100%;scrollbar-width:thin}.mg-class-tabs a{display:flex;align-items:center;min-height:48px;padding:12px 3px;border-bottom:3px solid transparent;flex-shrink:0;color:var(--bap-muted);text-decoration:none;font-size:13px}.mg-class-tabs a.is-active{border-color:var(--bap-accent);font-weight:700;color:var(--bap-text)}.mg-class-body{padding:24px 40px 64px;width:100%;min-width:0}.mg-class-body>.meetings-page,.mg-class-body>.loading-page{padding:0;width:100%;max-width:none;margin:0}.mg-class-body .meetings-page .page-context{display:none}.mg-tab-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 0 24px}.mg-tab-heading-copy{min-width:0}.mg-tab-heading h2{font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0;overflow-wrap:anywhere}.mg-tab-heading-copy>p{margin:8px 0 0;font-size:14px;line-height:1.65;max-width:65ch}.mg-tab-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;flex-shrink:0;max-width:100%}.mg-tab-heading .page-counter strong{font-size:32px}.mg-tab-heading .page-counter>span{margin-top:4px;max-width:none;white-space:nowrap}.mg-setup{display:flex;gap:20px;align-items:center;justify-content:space-between;background:var(--bap-accent-soft);padding:20px;margin-bottom:24px;border-left:3px solid var(--bap-accent)}.mg-setup h2{font-size:18px;margin:8px 0}.mg-setup p{font-size:12px;margin:0}.mg-setup .button{flex-shrink:0}.mg-class-form{max-width:900px;margin-bottom:32px}.mg-table-scroll{overflow:auto;max-height:360px;border:1px solid var(--bap-border);margin:16px 0}.mg-table{border-collapse:collapse;width:100%;font-size:12px;min-width:560px}.mg-table th,.mg-table td{padding:10px 12px;border-bottom:1px solid var(--bap-border);text-align:left;vertical-align:top;max-width:230px;overflow-wrap:anywhere}.mg-table th{position:sticky;top:0;background:var(--bap-surface)}.mg-schedule-list{display:grid;gap:12px;margin:24px 0}.mg-schedule-row{display:grid;grid-template-columns:70px 1.3fr 1fr 1fr auto;gap:12px;align-items:center;padding:16px;background:var(--bap-surface)}.mg-schedule-row .mg-field{margin:0}.mg-schedule-row input,.mg-schedule-row select{font-size:14px;padding:8px}.mg-schedule-row small{font-size:11px}.mg-template-grid{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:24px;align-items:start}.mg-logo-preview{display:flex;align-items:center;gap:16px;margin-bottom:18px}.mg-logo-preview img{width:80px;height:80px;object-fit:contain}.mg-pdf-preview{position:sticky;top:88px;padding:16px}.mg-pdf-preview iframe,.mg-document-frame{border:0;width:100%;height:620px;min-height:320px;background:#ddd}.mg-document-frame{height:65dvh}.mg-print-preview iframe{border:1px solid var(--bap-border);width:100%;height:50dvh}.mg-pdf-preview .button,.mg-print-preview .button{margin-top:16px}.mg-recovery{margin-top:20px}.mg-recovery textarea{font-family:var(--bap-font-mono);font-size:13px}.mg-command-input{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--bap-control-border);padding:0 0 12px}.mg-command-input input{border:0;padding:12px 0;min-height:48px;flex:1;min-width:0;background:var(--bap-bg);color:var(--bap-text);font-size:16px}.mg-command .mg-check{font-size:12px}.mg-command>p{font-size:12px}.mg-search-results{max-height:48dvh;overflow:auto;scroll-padding:8px}.mg-search-result{border:0;background:none;width:100%;min-height:72px;padding:12px;display:flex;gap:12px;align-items:center;text-align:left;color:var(--bap-text);border-radius:4px}.mg-search-result.is-active{background:var(--bap-surface)}.mg-search-result>span:nth-child(2){min-width:0;flex:1}.mg-search-result strong,.mg-search-result small{display:block;overflow-wrap:anywhere}.mg-search-result strong{font-size:14px}.mg-search-result small{font-size:12px;color:var(--bap-muted);margin-top:3px}.mg-result-type{width:72px;flex-shrink:0;font-size:11px;color:var(--bap-muted)}.mg-command-footer{display:flex;gap:20px;border-top:1px solid var(--bap-border);margin-top:16px;padding-top:16px;font-size:12px;color:var(--bap-muted)}.mg-offline,.mg-attendance-notice{padding:12px 24px 0}.mg-local-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 16px;border-bottom:1px solid var(--bap-border);min-height:52px}.mg-local-toolbar>div{display:flex}.mg-shell--attendance .attendance-layout{height:calc(100dvh - 64px);min-height:0}.mg-shell--attendance .mg-workspace{height:calc(100dvh - 64px);overflow:auto}.mg-shell--attendance .attendance-page{max-width:900px}.mg-shell--attendance .attendance-heading{padding-top:8px}.mg-shell--attendance .attendance-page .page-heading h1{font-size:30px}.mg-roster-list .empty-state{padding:28px 0}@media(max-width:1150px){.mg-context{display:none}.mg-topbar{gap:16px}.mg-search-trigger{min-width:220px}.mg-template-grid{grid-template-columns:1fr}.mg-pdf-preview{position:static}.mg-schedule-row{grid-template-columns:60px 1.3fr 1fr 1fr}.mg-schedule-row>.button,.mg-schedule-row>small{grid-column:4}.mg-page{padding:32px 24px 64px}.mg-class-head{padding:28px 24px 0}.mg-class-body{padding:24px}}@media(max-width:900px){.mg-shell{grid-template-columns:minmax(0,1fr)}.mg-workspace{grid-column:1}.mg-sidebar{display:none}.mg-sidebar.is-open{display:flex;position:fixed;top:64px;left:0;bottom:0;width:260px;z-index:60;box-shadow:10px 0 50px #0003}.mg-mobile-menu{display:inline-flex}.mg-class-grid,.mg-settings-grid{grid-template-columns:1fr}.mg-tab-heading{flex-wrap:wrap;gap:16px}.mg-topbar{padding:0 16px;gap:8px}.mg-search-trigger{min-width:0;flex:1}.mg-search-trigger>span{display:none}.mg-search-trigger kbd{display:none}.mg-profile-button{font-size:12px;padding:8px}.mg-page-heading{gap:16px}.mg-page h1{font-size:30px}.mg-template-grid{grid-template-columns:1fr}.mg-topbar .brand{font-size:12px}.mg-topbar .brand svg{width:24px;height:24px}}@media(max-width:560px){.mg-page{padding:28px 16px 56px}.mg-page-heading{flex-direction:column;margin-bottom:28px}.mg-page-heading .button{align-self:stretch}.mg-form-grid{grid-template-columns:1fr}.mg-panel{padding:18px}.mg-class-card{padding:20px}.mg-section-heading{align-items:flex-start;flex-direction:column;gap:12px}.mg-section-heading .mg-inline-actions{width:100%}.mg-section-heading .mg-inline-actions>.button{flex:1}.mg-filter-line{flex-direction:column;align-items:stretch;gap:8px}.mg-filter-line>.mg-field{max-width:none;flex:auto}.mg-list-row{align-items:flex-start;flex-wrap:wrap;gap:12px}.mg-list-row>span{flex:1;min-width:170px}.mg-list-row .mg-inline-actions{width:100%}.mg-card-actions{flex-wrap:wrap}.mg-card-actions>.button--primary{flex:1}.mg-class-head{padding:24px 16px 0}.mg-class-head h1{font-size:25px}.mg-class-head .mg-section-heading{flex-direction:row}.mg-class-head .session-badge{font-size:10px;flex-shrink:0}.mg-class-body{padding:20px 16px 48px}.mg-tab-heading{flex-direction:column}.mg-tab-heading h2{font-size:20px}.mg-tab-actions{width:100%;justify-content:flex-start}.mg-tab-actions>.button{flex:1 1 140px}.mg-tab-heading--meetings{flex-direction:row;flex-wrap:nowrap}.mg-tab-heading--meetings .mg-tab-actions{width:auto}.mg-tab-heading .page-counter strong{font-size:28px}.mg-class-tabs{gap:14px}.mg-setup{flex-direction:column;align-items:stretch;padding:16px}.mg-schedule-row{grid-template-columns:60px 1fr;gap:12px}.mg-schedule-row>.button,.mg-schedule-row>small{grid-column:2}.mg-pdf-preview iframe{height:480px}.mg-result-type{width:58px;font-size:10px}.mg-command-footer{gap:14px;font-size:11px}.mg-topbar .brand span{display:none}.mg-topbar .mg-brand-link{max-width:140px}.mg-profile-button{max-width:90px;overflow:hidden;white-space:nowrap}.mg-mobile-menu{padding:8px;min-width:48px;font-size:12px}.mg-topbar .mg-search-trigger{flex:0 0 48px;min-height:48px;justify-content:center;margin-left:auto;padding:8px}.mg-local-toolbar{padding:0 8px}.mg-local-toolbar .button{font-size:12px;padding:8px}.mg-offline,.mg-attendance-notice{padding:8px 12px 0}}@media(prefers-reduced-motion:no-preference){.mg-page,.mg-class-body{animation:page-enter .18s ease-out both}}.mg-pdf-viewer{width:100%;min-width:0}.mg-pdf-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:12px}.mg-pdf-page{display:flex;gap:8px;align-items:center;font-size:12px}.mg-pdf-page input{width:64px;min-height:48px;padding:8px}.mg-pdf-controls .button{font-size:12px;margin:0}.mg-pdf-canvas-host{width:100%;min-width:0}.mg-pdf-canvas-host canvas{display:block;max-width:100%;background:#fff;border:1px solid var(--bap-border)}.mg-pdf-canvas-host canvas[hidden]{display:none}.mg-pdf-text{font-size:12px;margin:12px 0}.mg-pdf-text summary{min-height:48px;display:flex;align-items:center;cursor:pointer}.mg-pdf-text p{white-space:normal;overflow-wrap:anywhere;max-height:240px;overflow:auto}.mg-pdf-canvas-host{overflow:auto}.mg-pdf-canvas-host canvas{max-width:none}.mg-pdf-zoom select{min-height:48px;padding:8px}