.call-entry{display:flex;justify-content:flex-end;margin:16px 0 20px}.call-entry .button{gap:10px}.modal.call-modal{max-width:540px;padding:0}.call-modal .modal-header{flex-wrap:wrap;gap:8px;position:sticky;top:0;z-index:2;background:var(--bap-bg);margin:0;padding:16px 24px;border-bottom:1px solid var(--bap-border)}.call-modal .modal-header h2{flex:1;font-size:1rem;letter-spacing:-.02em}.call-help-toggle{display:inline-flex;align-items:center;gap:6px}.call-modal svg{flex-shrink:0}.call-picker,.call-help-panel,.call-group-result{padding:24px;overflow-wrap:anywhere}.call-picker h3,.call-help-panel h3,.call-group-result h3{margin:8px 0 12px;font-size:1.5rem;line-height:1.25;letter-spacing:-.03em}.call-eyebrow{margin:0;color:var(--bap-accent);font:.6875rem/1.6 var(--bap-font-mono);text-transform:uppercase;letter-spacing:.06em}.call-intro{color:var(--bap-muted);font-size:.8125rem;line-height:1.7;margin:12px 0 20px}.call-group-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8rem,calc(50% - 5px))),1fr));gap:10px;margin:24px 0}.call-group-option{min-width:0;padding:16px 12px;border:1px solid var(--bap-control-border);border-radius:4px;background:var(--bap-bg);color:var(--bap-text);font:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;overflow-wrap:anywhere}.call-group-option[aria-pressed=true]{border-color:var(--bap-accent);box-shadow:inset 0 0 0 1px var(--bap-accent);background:var(--bap-surface)}.call-group-option strong{font-size:.875rem}.call-group-option>span:not(.call-group-icon),.call-group-option small{font-size:.6875rem;color:var(--bap-muted)}.call-group-icon,.call-result-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:4px;background:var(--bap-surface);color:var(--bap-accent)}.call-current-group{display:flex;align-items:center;gap:8px;margin:16px 24px 0;font-size:.8125rem;flex-wrap:wrap}.call-current-group>svg{color:var(--bap-accent)}.call-current-group .button{margin-left:auto;font-size:.75rem}.call-group{display:inline-flex;align-items:center;gap:5px}.call-group svg{width:14px;height:14px}.call-help-panel ol{list-style:none;padding:0;margin:24px 0}.call-help-panel li{display:flex;gap:12px;margin:20px 0;font-size:.8125rem}.call-help-panel li>svg{color:var(--bap-accent);margin-top:2px}.call-help-panel li p{margin:6px 0 0;line-height:1.7;color:var(--bap-muted)}.call-help-keys{border-block:1px solid var(--bap-border);padding-block:12px;margin:20px 0}.call-help-keys>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin:8px 0;font-size:.75rem}.call-help-keys dt{min-width:6rem}.call-help-keys dd{margin:0;color:var(--bap-muted)}.call-help-keys kbd{font:.6875rem var(--bap-font-mono);padding:3px 6px;border:1px solid var(--bap-control-border);border-radius:3px}.call-result-actions{display:grid;gap:10px;margin-top:20px}.call-picker .button,.call-help-panel .button,.call-group-result .button{white-space:normal;min-width:0;overflow-wrap:anywhere}.call-exit-countdown{padding:16px;margin-top:20px;border:1px solid var(--bap-border);border-radius:4px;background:var(--bap-surface)}.call-exit-countdown>div{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.8125rem}.call-exit-countdown strong{font:1.5rem var(--bap-font-mono);color:var(--bap-accent)}.call-exit-countdown progress{width:100%;height:4px;accent-color:var(--bap-accent);margin-top:12px}.call-missing-list{list-style:none;padding:0;margin:20px 0;max-height:220px;overflow:auto}.call-missing-list li{padding:12px 0;border-bottom:1px solid var(--bap-border);font-size:.8125rem}.call-missing-list span{display:block;color:var(--bap-muted);margin-top:5px;font-size:.75rem}.call-context{display:flex;gap:9px;align-items:center;padding:16px 24px 0;color:var(--bap-muted);font-size:.75rem}.call-context svg{color:var(--bap-accent);flex-shrink:0}.call-progress-copy{display:flex;justify-content:space-between;gap:12px;padding:20px 24px 8px;color:var(--bap-muted);font-size:.75rem;font-variant-numeric:tabular-nums}.call-progress{display:block;width:calc(100% - 48px);height:5px;margin:0 24px;border:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bap-surface);color:var(--bap-accent)}.call-progress::-webkit-progress-bar{background:var(--bap-surface)}.call-progress::-webkit-progress-value{background:var(--bap-accent)}.call-progress::-moz-progress-bar{background:var(--bap-accent)}.call-scope{margin:8px 24px 0;color:var(--bap-muted);font-size:.6875rem}.call-warning{margin:16px 24px;padding:12px;color:var(--bap-a-text);background:var(--bap-a-bg);font-size:.8125rem}.call-stack{margin:30px 24px 28px;position:relative;isolation:isolate}.call-stack:before,.call-stack:after{content:"";position:absolute;top:8px;right:8px;bottom:-8px;left:8px;z-index:-1;border:1px solid var(--bap-border);background:var(--bap-surface);border-radius:7px}.call-stack:before{top:16px;right:16px;bottom:-16px;left:16px}.call-card{--call-tone: var(--bap-muted);--call-bg: var(--bap-surface);position:relative;min-width:0;padding:20px 18px 16px;background:var(--call-bg);border:1px solid var(--bap-control-border);border-radius:7px;transition:background .14s,border-color .14s}.call-card.HADIR,.call-choice.HADIR{--call-tone: var(--bap-h-text);--call-bg: var(--bap-h-bg)}.call-card.ALPHA,.call-choice.ALPHA{--call-tone: var(--bap-a-text);--call-bg: var(--bap-a-bg)}.call-card.SAKIT,.call-choice.SAKIT{--call-tone: var(--bap-s-text);--call-bg: var(--bap-s-bg)}.call-card.IZIN,.call-choice.IZIN{--call-tone: var(--bap-i-text);--call-bg: var(--bap-i-bg)}.call-card:is(.HADIR,.ALPHA,.SAKIT,.IZIN):before{content:"";position:absolute;inset:16px auto 16px 0;width:4px;background:var(--call-tone)}.call-card-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;color:var(--bap-muted);font:.6875rem/1.5 var(--bap-font-mono);text-transform:uppercase;letter-spacing:.03em}.call-group{padding:4px 7px;background:var(--bap-bg);border-radius:2px;overflow-wrap:anywhere;text-align:right}.call-person{min-height:156px;display:flex;justify-content:center;flex-direction:column;padding:24px 0}.call-person h3{margin:0;font-size:2rem;line-height:1.17;letter-spacing:-.035em;font-weight:700;overflow-wrap:anywhere;text-wrap:balance}.call-person p{margin:14px 0 0;font:.75rem/1.5 var(--bap-font-mono);color:var(--bap-muted);overflow-wrap:anywhere}.call-card-bottom{display:flex;min-height:38px;gap:10px;align-items:center;justify-content:space-between;color:var(--bap-muted);font-size:.6875rem}.call-stamp{flex-shrink:0;display:flex;align-items:center;gap:7px;border:1.5px solid var(--call-tone);border-radius:3px;color:var(--call-tone);padding:7px 10px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;transform:rotate(-2deg)}.call-fieldset{border:0;min-width:0;padding:0 24px;margin:0}.call-fieldset legend{padding:0 0 10px;font-size:.75rem;color:var(--bap-muted)}.call-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8rem,calc(50% - 4px))),1fr));gap:8px}.call-choice{display:flex;align-items:center;text-align:left;gap:12px;min-height:56px;padding:12px 16px;border:1px solid var(--bap-control-border);background:var(--bap-bg);color:var(--bap-text);border-radius:3px;font:inherit;font-size:.8125rem;cursor:pointer;transition:background .14s,transform .14s}.call-choice>span:first-child{color:var(--call-tone);font-size:1.125rem}.call-choice:hover{background:var(--bap-surface)}.call-choice:active{transform:translateY(1px)}.call-choice[aria-pressed=true]{background:var(--call-bg);border-color:var(--call-tone);box-shadow:inset 0 0 0 1px var(--call-tone)}.call-choice kbd{margin-left:auto;padding:2px 5px;border-radius:2px;font:.6875rem var(--bap-font-mono);color:var(--bap-muted);background:var(--bap-surface)}.call-auto{display:flex;align-items:center;gap:10px;min-height:48px;font-size:.75rem;color:var(--bap-muted);margin-top:8px}.call-auto input{width:18px;height:18px;flex-shrink:0;accent-color:var(--bap-accent)}.call-feedback{min-height:42px;padding:8px 24px;margin:0;font-size:.75rem;color:var(--bap-muted);overflow-wrap:anywhere}.call-navigation{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,max(8rem,calc(50% - 5px))),1fr));gap:10px;padding:0 24px}.call-navigation .button{min-width:0;padding-inline:10px;font-size:.8125rem;overflow-wrap:anywhere}.call-skip{display:block;margin:4px auto 0;text-decoration:underline;text-underline-offset:3px;font-size:.75rem}.call-keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;padding:4px 24px 18px;margin:0;color:var(--bap-muted);font:.625rem/1.7 var(--bap-font-mono)}.call-footer{border-top:1px solid var(--bap-border);padding:14px 24px;display:flex;flex-wrap:wrap;gap:6px 20px;font-size:.6875rem;color:var(--bap-muted)}.call-footer span:first-child{flex:1;min-width:130px;overflow-wrap:anywhere}.call-unreviewed{padding:14px;margin:16px 0;border:1px solid var(--bap-border)}.call-unreviewed p{font-size:.8125rem;color:var(--bap-muted)}.call-unreviewed ul{padding-left:18px;max-height:180px;overflow:auto;margin:12px 0;font-size:.8125rem}.call-unreviewed li{padding-block:4px;overflow-wrap:anywhere}.call-hit{animation:call-hit .24s ease-out}.call-depart-next{animation:call-out-next .16s ease-in both}.call-depart-prev{animation:call-out-prev .16s ease-in both}.call-arrive-next{animation:call-in-next .22s ease-out}.call-arrive-prev{animation:call-in-prev .22s ease-out}@keyframes call-hit{50%{transform:scale(.985)}}@keyframes call-out-next{to{transform:translate(-22px) rotate(-1deg);opacity:0}}@keyframes call-out-prev{to{transform:translate(22px) rotate(1deg);opacity:0}}@keyframes call-in-next{0%{transform:translate(22px);opacity:.2}}@keyframes call-in-prev{0%{transform:translate(-22px);opacity:.2}}@media(max-width:600px){.call-picker,.call-help-panel,.call-group-result{padding:24px 16px}.call-current-group{margin-inline:16px}.call-entry .button{width:100%}.modal-backdrop:has(.call-modal){padding:0;align-items:stretch}.modal.call-modal{max-width:none;max-height:100dvh;height:100dvh;border:0;border-radius:0;padding-bottom:env(safe-area-inset-bottom)}.call-modal .modal-header{padding:max(12px,env(safe-area-inset-top)) 16px 12px}.call-context,.call-progress-copy{padding-inline:16px}.call-progress{width:calc(100% - 32px);margin-inline:16px}.call-scope{margin-inline:16px}.call-stack{margin:28px 16px}.call-card{padding:18px 14px 14px}.call-person h3{font-size:1.8125rem}.call-person{min-height:150px}.call-fieldset{padding-inline:16px}.call-choice{padding:12px;gap:8px}.call-feedback,.call-navigation,.call-keyboard,.call-footer{padding-inline:16px}.call-warning{margin-inline:16px}}@media(prefers-reduced-motion:reduce){.call-card,.call-choice{transition:none;animation:none}}.mg-shell.mg-shell--nav{--ws-sidebar-width: 240px;grid-template-columns:var(--ws-sidebar-width) minmax(0,1fr)}.mg-shell--nav[data-sidebar-pinned=false]{--ws-sidebar-width: 72px}.mg-shell--nav .mg-workspace{grid-column:2}.mg-shell--nav .ws-sidebar{width:var(--ws-sidebar-width);height:calc(100dvh - 64px);padding:0;display:block;background:transparent;border:0;z-index:35}.mg-shell--nav .ws-sidebar[data-hit-open=true]{width:240px}.ws-sidebar-panel{width:240px;height:100%;display:flex;flex-direction:column;padding:20px 12px 12px;background:var(--bap-bg);border-right:1px solid var(--bap-border);clip-path:inset(0 0 0 0);transition:clip-path .16s ease}.ws-sidebar[data-expanded=false] .ws-sidebar-panel{clip-path:inset(0 168px 0 0)}.ws-sidebar-scroll{min-height:0;flex:1;overflow-y:auto;scrollbar-width:thin}.ws-nav-group{height:28px;margin:0 0 8px;padding-left:12px;color:var(--bap-muted);font-size:10px;white-space:nowrap}.mg-shell--nav .ws-sidebar nav{gap:4px}.mg-shell--nav .ws-sidebar .ws-nav-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;min-height:48px;padding:0;width:100%;border:0;border-radius:3px;background:transparent;color:var(--bap-muted);font-size:13px;text-align:left;text-decoration:none}.mg-shell--nav .ws-sidebar .ws-nav-item:hover{color:var(--bap-text);background:var(--bap-surface)}.mg-shell--nav .ws-sidebar .ws-nav-item.is-active{background:var(--bap-accent-soft);color:var(--bap-text);box-shadow:inset 3px 0 var(--bap-accent);font-weight:700}.ws-nav-symbol{display:grid;place-items:center;height:48px}.ws-nav-symbol svg{flex-shrink:0}.ws-nav-item.is-active .ws-nav-symbol{color:var(--bap-accent)}.ws-nav-label{white-space:nowrap;opacity:1;transition:opacity .1s ease}.ws-sidebar[data-expanded=false] .ws-nav-label{opacity:0}.ws-sidebar-footer{margin-top:12px;padding-top:12px;border-top:1px solid var(--bap-border)}.ws-sidebar-footer>button+button{margin-top:4px}.ws-pin-label{display:flex;align-items:center;justify-content:space-between;gap:4px;padding-right:8px;font-size:12px}.ws-pin-label kbd{font:10px var(--bap-font-mono);color:var(--bap-muted)}.ws-drawer-heading{display:none}.ws-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;border:0;background:#0006}.ws-icon-button{display:inline-grid;place-items:center;width:48px;height:48px;padding:0;border:0;background:transparent;color:var(--bap-text);border-radius:3px}.ws-icon-button:hover{background:var(--bap-surface)}.mg-shell--nav .mg-mobile-menu{display:none}body>.modal-backdrop{z-index:100}@media(min-width:641px)and (max-width:900px){.mg-shell--nav .mg-search-trigger{flex:1;max-width:340px;min-width:200px}.mg-shell--nav .mg-search-trigger>span{display:inline}}@media(max-width:640px){.mg-shell.mg-shell--nav{grid-template-columns:minmax(0,1fr)}.mg-shell--nav .mg-workspace{grid-column:1}.mg-shell--nav .mg-mobile-menu{display:inline-grid}.mg-shell--nav .ws-sidebar{display:none;position:fixed;inset:64px auto 0 0;width:min(280px,calc(100vw - 32px));height:calc(100dvh - 64px);z-index:60}.mg-shell--nav .ws-sidebar[data-mobile-open=true]{display:block;width:min(280px,calc(100vw - 32px))}.ws-sidebar .ws-sidebar-panel{width:100%;clip-path:none;padding:12px}.ws-sidebar[data-expanded=false] .ws-sidebar-panel{clip-path:none}.ws-sidebar[data-expanded=false] .ws-nav-label{opacity:1}.ws-drawer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-left:12px;margin-bottom:12px;font-size:14px}.ws-pin-button{display:none!important}.ws-sidebar-footer{margin-top:8px}.mg-shell--nav .mg-profile-button{max-width:108px}}@media(prefers-reduced-motion:reduce){.ws-sidebar-panel,.ws-nav-label{transition:none}}: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:90;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}