:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;--ink:#1a2b44;--ink-soft:#60718a;--surface:#fff;--surface-subtle:#f4f7fb;--surface-warm:#f7faff;--line:#dbe4f0;--line-strong:#b8c8dd;--brand:#3a6ea5;--brand-dark:#274f80;--brand-soft:#e8f1fb;--accent:#a5651a;--accent-soft:#fff4e5;--success:#37694c;--success-soft:#e9f5ed;--warning:#986313;--warning-soft:#fff3d8;--danger:#a33f40;--danger-soft:#fbe9e8;--shadow:0 12px 28px #1f395b17;--radius-sm:8px;--radius-md:14px;--sidebar-width:256px;font-family:Segoe UI Variable,Noto Sans HK,PingFang HK,Microsoft JhengHei,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--surface-subtle);min-width:320px}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--surface-subtle);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:var(--brand)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:2px;outline:3px solid #3a6ea552}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.62}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;block-size:1px!important;inline-size:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.skip-link{z-index:1000;border-radius:var(--radius-sm);background:var(--brand-dark);color:#fff;padding:.65rem .9rem;font-weight:700;position:fixed;inset-block-start:.5rem;inset-inline-start:.5rem;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{z-index:40;block-size:100vh;color:var(--ink);border-inline-end:1px solid var(--line);background:#fbfdff;flex-direction:column;padding:1.25rem .9rem 1rem;display:flex;position:sticky;inset-block-start:0;overflow-y:auto;box-shadow:8px 0 24px #1f395b06}.brand-block{border-bottom:1px solid var(--line);align-items:center;gap:.7rem;padding:0 .45rem 1.25rem;display:flex}.brand-block>div,.mobile-header>div,.user-block>div{min-width:0}.brand-block strong,.mobile-header strong{font-size:.98rem;line-height:1.35;display:block}.brand-block small,.mobile-header small{color:var(--ink-soft);letter-spacing:.04em;margin-top:.15rem;font-size:.7rem;display:block}.brand-mark{border-radius:var(--radius-sm);block-size:2.4rem;inline-size:2.4rem;color:var(--brand-dark);background:var(--brand-soft);border:1px solid #c7d9ee;flex:0 0 2.4rem;place-items:center;font-weight:800;display:grid}.primary-nav{gap:.25rem;margin-block:1.15rem;display:grid}.primary-nav a{border-radius:var(--radius-sm);min-height:3.35rem;color:var(--ink-soft);align-items:center;gap:.7rem;padding:.55rem .65rem;text-decoration:none;display:flex}.primary-nav a:hover{color:var(--ink);background:#f1f6fc}.primary-nav a.is-active{color:var(--brand-dark);background:var(--brand-soft);box-shadow:inset 3px 0 0 var(--brand)}.primary-nav svg{flex:0 0 1.2rem;inline-size:1.2rem}.primary-nav span{min-width:0}.primary-nav strong,.primary-nav small{display:block}.primary-nav strong{font-size:.9rem}.primary-nav small{color:inherit;opacity:.68;margin-top:.1rem;font-size:.67rem}.user-block{border-top:1px solid var(--line);align-items:center;gap:.65rem;margin-top:auto;padding:.8rem .45rem 0;display:flex}.user-avatar{block-size:2rem;inline-size:2rem;color:var(--brand-dark);background:#dceafb;border:1px solid #c7d9ee;flex:0 0 2rem;place-items:center;font-weight:800;display:grid}.user-block strong,.user-block small{text-overflow:ellipsis;white-space:nowrap;max-inline-size:9rem;display:block;overflow:hidden}.user-logout{border:1px solid var(--line-strong);block-size:2rem;inline-size:2rem;color:var(--ink-soft);background:var(--surface);cursor:pointer;border-radius:.5rem;place-items:center;margin-inline-start:auto;display:grid}.user-logout:hover:not(:disabled),.user-logout:focus-visible{color:var(--brand-dark);background:var(--brand-soft);border-color:#93b6db}.user-logout:disabled{cursor:wait;opacity:.55}.user-block strong{font-size:.82rem}.user-block small{color:var(--ink-soft);margin-top:.1rem;font-size:.68rem}.mobile-header,.sidebar-backdrop{display:none}.main-area{background:var(--surface-subtle);min-width:0}.workspace{inline-size:min(100% - 2rem,1160px);margin-inline:auto;padding-block:2.25rem 3rem}.page-heading{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.35rem;display:flex}.page-heading h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.55rem,2.2vw,2rem);line-height:1.2}.page-heading p{max-inline-size:42rem;color:var(--ink-soft);margin:.4rem 0 0;line-height:1.55}.page-heading__action{flex:none}.eyebrow{color:var(--brand);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .4rem;font-size:.72rem;font-weight:800}.button,.icon-button,.text-button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.45rem;min-block-size:2.55rem;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.button{padding:.65rem .9rem;font-size:.88rem}.button--compact{min-block-size:2.25rem;padding:.48rem .7rem;font-size:.8rem}.button--primary{color:#fff;background:var(--brand);border-color:var(--brand)}.button--primary:hover{background:var(--brand-dark);border-color:var(--brand-dark)}.button--primary:active{transform:translateY(1px)}.button--secondary{color:var(--ink);background:var(--surface);border-color:var(--line-strong)}.button--secondary:hover{color:var(--brand-dark);background:var(--brand-soft);border-color:#93b6db}.button-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.pagination{border-top:1px solid var(--line);color:var(--ink-muted);justify-content:flex-end;align-items:center;gap:.75rem;padding:.8rem 1.1rem;font-size:.9rem;display:flex}.icon-button{inline-size:2.55rem;color:var(--ink);background:0 0;padding:0}.icon-button:hover{background:var(--surface-subtle)}.icon-button svg{inline-size:1.2rem}.text-button{min-block-size:2rem;color:var(--brand);background:0 0;padding:.2rem;font-size:.8rem}.text-button:hover{text-decoration:underline}.panel{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);min-width:0;box-shadow:0 1px 2px #1f395b09}.panel__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.1rem;display:flex}.panel__header h2{margin:0;font-size:1rem}.panel__header p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.72rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:.85rem;display:grid}.metric{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);align-items:center;gap:.8rem;min-width:0;padding:1rem;display:flex;box-shadow:0 1px 2px #1f395b06}.metric__icon{border-radius:var(--radius-sm);block-size:2.5rem;inline-size:2.5rem;color:var(--brand);background:var(--brand-soft);flex:0 0 2.5rem;place-items:center;display:grid}.metric__icon svg{inline-size:1.25rem}.metric p,.metric small,.metric strong{margin:0;display:block}.metric p{color:var(--ink-soft);font-size:.75rem}.metric strong{font-variant-numeric:tabular-nums;margin-block:.1rem;font-size:1.55rem}.metric small{color:var(--ink-soft);font-size:.65rem}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(18rem,1fr);gap:.85rem;display:grid}.activity-list,.attention-list{margin:0;padding:.25rem 1.1rem;list-style:none}.activity-list li{border-bottom:1px solid var(--line);grid-template-columns:2.65rem minmax(0,1fr) auto;align-items:center;gap:.8rem;padding-block:.8rem;display:grid}.activity-list li:last-child,.attention-list li:last-child{border-bottom:0}.activity-list time{border-radius:var(--radius-sm);min-block-size:2.65rem;color:var(--brand-dark);background:var(--brand-soft);place-items:center;display:grid}.activity-list time strong{line-height:1}.activity-list time span{font-size:.66rem}.activity-list li>div,.attention-list li>div{min-width:0}.activity-list li>div>strong,.attention-list strong{font-size:.84rem;display:block}.activity-list p,.attention-list p{color:var(--ink-soft);margin:.2rem 0 0;font-size:.72rem;line-height:1.4}.attention-list li{border-bottom:1px solid var(--line);grid-template-columns:1.7rem minmax(0,1fr) auto;align-items:center;gap:.6rem;padding-block:.8rem;display:grid}.attention-list li>span{block-size:1.7rem;inline-size:1.7rem;color:var(--warning);background:var(--warning-soft);border-radius:50%;place-items:center;font-weight:900;display:grid}.attention-list a{font-size:.75rem;font-weight:700}.filter-bar{z-index:4;border-bottom:1px solid var(--line);background:var(--surface-subtle);grid-template-columns:minmax(14rem,1.6fr) minmax(9rem,1fr) minmax(9rem,1fr);align-items:end;gap:.7rem;padding:.8rem 1.1rem;display:grid;position:sticky;inset-block-start:0}.filter-bar--attendance{grid-template-columns:minmax(16rem,1.5fr) minmax(13rem,1fr) auto}.filter-action{margin-bottom:.05rem}.field,.field--grow{min-width:0}.field--wide{grid-column:1/-1}.field label,.field legend{color:var(--ink);margin:0 0 .35rem;font-size:.76rem;font-weight:750;display:block}.field input,.field select,.field textarea{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-block-size:2.45rem;inline-size:100%;color:var(--ink);background:var(--surface);padding:.55rem .65rem}.field textarea{resize:vertical;min-block-size:5.5rem;line-height:1.45}.field input:hover,.field select:hover,.field textarea:hover{border-color:#92accb}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand)}.field__hint{color:var(--ink-soft);margin-top:.3rem;font-size:.7rem;line-height:1.4;display:block}.field--search>span{display:block;position:relative}.field--search>span>svg{color:var(--ink-soft);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:.65rem;transform:translateY(-50%)}.field--search input{padding-inline-start:2.15rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;display:grid}.choice-group{border:0;min-width:0;margin:0;padding:0}.choice-group>div{flex-wrap:wrap;gap:.55rem;display:flex}.choice-group label{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;align-items:center;gap:.45rem;min-block-size:2.45rem;margin:0;padding:.45rem .75rem;display:inline-flex}.choice-group input{block-size:1rem;inline-size:1rem;accent-color:var(--brand)}.table-panel{inline-size:min(100%,1120px);overflow:clip}.table-wrap{overscroll-behavior:contain;max-block-size:62vh;overflow:hidden auto}.data-table{border-collapse:separate;border-spacing:0;table-layout:fixed;inline-size:100%;font-size:.8rem}.data-table th,.data-table td{border-bottom:1px solid var(--line);text-align:start;vertical-align:middle;overflow-wrap:anywhere;padding:.68rem .72rem}.data-table th{z-index:3;color:#354d6d;letter-spacing:.01em;background:#eef4fb;font-size:.72rem;position:sticky;inset-block-start:0}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover td{background:#f8fbff}.data-table tbody tr.is-dirty td{background:#fff8ed}.data-table td strong,.data-table td small{display:block}.data-table td small{color:var(--ink-soft);margin-top:.2rem;font-size:.69rem;line-height:1.35}.data-table td select,.data-table td input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-block-size:2.25rem;inline-size:100%;color:var(--ink);background:var(--surface);padding:.42rem .5rem}.col-date{width:15%}.col-main{width:28%}.col-type{width:15%}.col-location{width:16%}.col-status,.col-count{width:13%}.col-staff{width:23%}.col-title{width:16%}.col-attendance-status{width:20%}.col-remarks{width:41%}.col-exception{width:22%}.col-reference{width:17%}.col-exception-staff{width:22%}.col-exception-status{width:17%}.col-exception-remarks{width:22%}.col-assessment{width:28%}.col-result{width:13%}.col-score{width:12%}.col-attempt{width:9%}.col-floor{width:8%}.col-duration{width:15%}.col-assessment-summary{width:18%}.col-latest{width:22%}.tag-list{flex-wrap:wrap;gap:.25rem;display:flex}.tag{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:.2rem .4rem;font-size:.67rem;font-weight:700;display:inline-flex}.status-badge{white-space:normal;border-radius:999px;align-items:center;max-inline-size:100%;padding:.24rem .5rem;font-size:.68rem;font-weight:800;line-height:1.25;display:inline-flex}.status-badge--active,.status-badge--approved,.status-badge--pass{color:var(--success);background:var(--success-soft)}.status-badge--draft,.status-badge--pending{color:var(--warning);background:var(--warning-soft)}.status-badge--closed{color:var(--brand-dark);background:var(--brand-soft)}.status-badge--rejected,.status-badge--fail{color:var(--danger);background:var(--danger-soft)}.context-strip{border-bottom:1px solid var(--line);color:var(--ink-soft);background:var(--surface-warm);flex-wrap:wrap;align-items:center;gap:.35rem .8rem;padding:.65rem 1.1rem;font-size:.75rem;display:flex}.context-strip strong{color:var(--ink)}.record-count{color:var(--ink-soft);font-size:.75rem;font-weight:700}.text-warning{color:var(--warning)!important}.attendance-exceptions-panel{margin-top:.85rem}.attendance-exceptions-wrap{max-block-size:24rem}.exception-intro{border-bottom:1px solid var(--line);color:var(--ink-soft);background:var(--surface-warm);padding:.7rem 1.1rem;font-size:.75rem;line-height:1.5}.exception-count{color:var(--warning);white-space:nowrap;align-items:center;gap:.35rem;font-size:.75rem;font-weight:800;display:inline-flex}.exception-tags{flex-wrap:wrap;gap:.3rem;display:flex}.exception-tag{color:var(--danger);background:var(--danger-soft);border-radius:999px;padding:.2rem .4rem;font-size:.66rem;font-weight:800;line-height:1.3;display:inline-flex}.state-panel{min-block-size:9rem;color:var(--ink-soft);justify-content:center;align-items:flex-start;gap:.75rem;padding:2rem 1rem;display:flex}.state-panel>svg{color:var(--brand);flex:0 0 1.35rem}.state-panel strong{color:var(--ink);display:block}.state-panel p{max-inline-size:34rem;margin:.25rem 0 .65rem;font-size:.8rem;line-height:1.5}.state-panel--error>svg{color:var(--danger)}.state-panel--empty{text-align:start}.notice{border:1px solid var(--line);border-radius:var(--radius-sm);margin:.8rem 1.1rem;padding:.7rem .8rem;font-size:.78rem;line-height:1.45}.notice--info{color:var(--brand-dark);background:var(--brand-soft);border-color:#bfd4ee}.notice--success{color:var(--success);background:var(--success-soft);border-color:#b9dac8}.notice--warning{color:var(--warning);background:var(--warning-soft);border-color:#efd7a4}.notice--error{color:var(--danger);background:var(--danger-soft);border-color:#e8c0bf}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal{border-radius:var(--radius-md);max-block-size:calc(100vh - 2rem);inline-size:min(100% - 2rem,720px);max-inline-size:720px;color:var(--ink);box-shadow:var(--shadow);background:0 0;border:0;margin:auto;padding:0}.modal::backdrop{background:#12233a8f}.modal__surface{border-radius:var(--radius-md);background:var(--surface);flex-direction:column;max-block-size:calc(100vh - 2rem);display:flex;overflow:hidden}.modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.15rem;display:flex}.modal__header h2{margin:0;font-size:1.1rem}.modal__header p{color:var(--ink-soft);margin:.3rem 0 0;font-size:.76rem;line-height:1.45}.modal__body{padding:1rem 1.15rem;overflow-y:auto}.modal__body .notice{margin:0 0 .85rem}.modal__footer{border-top:1px solid var(--line);background:var(--surface-subtle);justify-content:flex-end;gap:.55rem;padding:.85rem 1.15rem;display:flex}.searchable-select,.searchable-select__control{position:relative}.searchable-select__control>svg{z-index:1;color:var(--ink-soft);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:.7rem;transform:translateY(-50%)}.searchable-select__control input{padding-inline:2.2rem 2.5rem}.searchable-select__toggle{block-size:2.15rem;inline-size:2.2rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block-start:50%;inset-inline-end:.15rem;transform:translateY(-50%)}.searchable-select__toggle:active{transform:translateY(-50%)}.searchable-select__list{z-index:20;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);max-block-size:14rem;box-shadow:var(--shadow);margin:0;padding:.3rem;list-style:none;position:absolute;inset-block-start:calc(100% - .1rem);inset-inline:0;overflow-y:auto}.searchable-select__list button{inline-size:100%;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:.55rem .6rem;display:block}.searchable-select__list button:hover,.searchable-select__list button.is-active{background:var(--brand-soft)}.searchable-select__list button span,.searchable-select__list button small{display:block}.searchable-select__list button small{color:var(--ink-soft);margin-top:.1rem}.searchable-select__empty{color:var(--ink-soft);padding:.7rem;font-size:.78rem}.settings-panel{inline-size:min(100%,800px)}.mode-badge{color:var(--brand-dark);background:var(--brand-soft);border-radius:999px;padding:.3rem .55rem;font-size:.68rem;font-weight:800}.mode-badge--editing{color:var(--warning);background:var(--warning-soft)}.settings-list{margin:0;padding:.25rem 1.1rem}.settings-list>div{border-bottom:1px solid var(--line);grid-template-columns:minmax(10rem,.8fr) minmax(0,1.5fr);gap:1.5rem;padding-block:.9rem;display:grid}.settings-list>div:last-child{border-bottom:0}.settings-list dt{color:var(--ink-soft);font-size:.78rem;font-weight:700}.settings-list dd{margin:0}.settings-list dd strong,.settings-list dd span,.settings-list dd small{display:block}.settings-list dd strong{font-size:.9rem}.settings-list dd span{color:var(--ink-soft);margin-top:.2rem;font-size:.75rem;line-height:1.45}.settings-list dd small{color:var(--ink-soft);margin-top:.35rem;font-size:.67rem}.settings-edit{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;padding:1.1rem;display:grid}.settings-actions{grid-column:1/-1;justify-content:flex-end;gap:.55rem;padding-top:.25rem;display:flex}.asset-download-panel,.asset-gallery-panel,.asset-documents-panel{inline-size:min(100%,1120px);margin-top:.85rem}.asset-download-panel{background:#f7faff;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.05rem;display:flex}.asset-download-panel strong,.asset-download-panel p{margin:0;display:block}.asset-download-panel p{color:var(--ink-soft);margin-top:.22rem;font-size:.74rem}.panel__header h2{align-items:center;gap:.45rem;display:flex}.photo-date-group{border-bottom:1px solid var(--line);padding:1rem 1.05rem}.photo-date-group:last-child{border-bottom:0}.photo-date-group h3{color:var(--ink-soft);margin:0 0 .7rem;font-size:.78rem}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));gap:.7rem;display:grid}.photo-tile{border:1px solid var(--line);background:var(--surface-subtle);border-radius:.7rem;min-width:0;overflow:hidden}.photo-tile.is-selected{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.photo-tile__image{aspect-ratio:1;inline-size:100%;color:var(--ink-soft);cursor:zoom-in;background:#e8f0fa;border:0;place-items:center;padding:0;display:grid;overflow:hidden}.photo-tile__image img{object-fit:cover;block-size:100%;inline-size:100%}.photo-tile__image span{padding:.75rem;font-size:.72rem}.photo-tile__select{color:var(--ink-soft);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .55rem 0;font-size:.72rem;display:flex}.photo-tile__select input,.asset-document-list input,.asset-attestation input{accent-color:var(--brand)}.photo-tile>small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;padding:.3rem .55rem .55rem;font-size:.68rem;display:block;overflow:hidden}.asset-section-empty{color:var(--ink-soft);margin:0;padding:1rem 1.05rem;font-size:.82rem}.asset-document-list,.asset-upload-list{margin:0;padding:0;list-style:none}.asset-document-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:.75rem;padding:.8rem 1.05rem;display:flex}.asset-document-list li:last-child{border-bottom:0}.asset-document-list label{cursor:pointer;align-items:flex-start;gap:.65rem;min-width:0;display:flex}.asset-document-list strong,.asset-document-list small{display:block}.asset-document-list strong{overflow-wrap:anywhere;font-size:.84rem}.asset-document-list small{color:var(--ink-soft);margin-top:.25rem;font-size:.7rem}.asset-upload-kind{gap:.5rem;margin-bottom:.9rem;display:flex}.asset-upload-kind button{border:1px solid var(--line-strong);border-radius:var(--radius-sm);min-block-size:2.4rem;color:var(--ink-soft);background:var(--surface);cursor:pointer;align-items:center;gap:.4rem;padding:.5rem .75rem;display:inline-flex}.asset-upload-kind button.is-active{border-color:var(--brand);color:var(--brand-dark);background:var(--brand-soft)}.asset-attestation{border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink-soft);align-items:flex-start;gap:.55rem;padding:.7rem;font-size:.78rem;line-height:1.5;display:flex}.asset-upload-list{gap:.45rem;margin-top:.9rem;display:grid}.asset-upload-list__item{border-inline-start:3px solid var(--line-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-subtle);padding:.6rem .7rem}.asset-upload-list__item--complete{border-color:var(--success)}.asset-upload-list__item--error{border-color:var(--danger)}.asset-upload-list__item strong,.asset-upload-list__item small{display:block}.asset-upload-list__item small{color:var(--ink-soft);margin-top:.15rem;font-size:.72rem}.asset-lightbox{z-index:100;background:#051114eb;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:1rem;display:grid;position:fixed;inset:0}.asset-lightbox figure{justify-items:center;max-block-size:calc(100vh - 4rem);max-inline-size:min(100%,72rem);margin:0 auto;display:grid}.asset-lightbox img{object-fit:contain;max-block-size:calc(100vh - 6rem);max-inline-size:100%}.asset-lightbox figcaption{color:#fff;margin-top:.5rem;font-size:.82rem}.asset-lightbox__close,.asset-lightbox__nav{color:#fff;cursor:pointer;background:#00000040;border:1px solid #ffffff73;border-radius:50%;place-items:center;block-size:2.5rem;inline-size:2.5rem;display:grid}.asset-lightbox__close{position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.asset-lightbox__nav:disabled{cursor:default;opacity:.28}.auth-layout{background:var(--surface-subtle);place-items:center;min-height:100vh;padding:1rem;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);inline-size:min(100%,520px);box-shadow:var(--shadow);padding:1.5rem}.auth-card h1{margin:0;font-size:1.45rem}.auth-card>p:not(.eyebrow){color:var(--ink-soft);margin:.65rem 0 1.1rem;line-height:1.55}.auth-bridge{gap:.75rem;display:grid}.auth-bridge__status,.auth-bridge-error{color:var(--ink-soft);margin:0;font-size:.92rem}.auth-bridge__frame{border:1px solid var(--line);background:var(--surface-subtle);border-radius:.75rem;block-size:27rem;inline-size:100%}.auth-card .state-panel{justify-content:flex-start;min-block-size:5rem;padding:1rem 0 0}.auth-card__icon{border-radius:var(--radius-sm);block-size:2.7rem;inline-size:2.7rem;color:var(--brand);background:var(--brand-soft);place-items:center;margin-bottom:.9rem;display:grid}@media (width<=1050px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.filter-bar{grid-template-columns:minmax(12rem,1.4fr) minmax(8rem,1fr) minmax(8rem,1fr)}.data-table th,.data-table td{padding-inline:.55rem}}@media (width<=860px){.app-shell{padding-top:3.75rem;display:block}.mobile-header{z-index:35;block-size:3.75rem;color:var(--ink);border-bottom:1px solid var(--line);background:#fbfdff;align-items:center;gap:.55rem;padding-inline:.65rem;display:flex;position:fixed;inset-block-start:0;inset-inline:0;box-shadow:0 4px 16px #1f395b0f}.mobile-header .icon-button{color:var(--brand-dark)}.sidebar{z-index:45;inline-size:min(82vw, var(--sidebar-width));box-shadow:var(--shadow);transition:transform .18s;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(-105%)}.sidebar--open{transform:translate(0)}.sidebar-backdrop{z-index:42;background:#12233a6b;border:0;display:block;position:fixed;inset:0}.workspace{inline-size:min(100% - 1.25rem,1160px);padding-block:1.25rem 2rem}.page-heading{align-items:flex-start}}@media (width<=700px){.page-heading{gap:.8rem;display:grid}.page-heading__action{min-width:0}.page-heading__action>.button,.page-heading__action>.button-row{inline-size:100%}.page-heading__action .button{flex:1}.metric-grid{grid-template-columns:1fr 1fr;gap:.55rem}.metric{align-items:flex-start;padding:.75rem}.metric__icon{display:none}.filter-bar,.filter-bar--attendance{grid-template-columns:1fr;gap:.55rem;position:static}.filter-action{inline-size:100%}.form-grid,.settings-edit{grid-template-columns:1fr}.field--wide,.settings-actions{grid-column:auto}.settings-actions{background:var(--surface);padding:.7rem 0;position:sticky;inset-block-end:0}.settings-list>div{grid-template-columns:1fr;gap:.35rem}.asset-download-panel{align-items:stretch;display:grid}.asset-download-panel .button-row{grid-template-columns:1fr 1fr;display:grid}.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.photo-date-group,.asset-document-list li{padding-inline:.75rem}.asset-document-list li{align-items:flex-start}.asset-document-list .button{flex:none}.asset-lightbox{grid-template-columns:1fr;padding-inline:.5rem}.asset-lightbox__nav{position:absolute;inset-block-end:1rem}.asset-lightbox__nav--previous{inset-inline-start:calc(50% - 3rem)}.asset-lightbox__nav--next{inset-inline-end:calc(50% - 3rem)}.table-wrap{max-block-size:none;overflow:visible}.data-table,.data-table tbody,.data-table tr,.data-table td{inline-size:100%;display:block}.data-table thead,.data-table colgroup{display:none}.data-table tbody{padding:.45rem .75rem .75rem}.data-table tr{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:.6rem;padding:.35rem .7rem}.data-table tr:last-child{margin-bottom:0}.data-table th,.data-table td{background:0 0;border-bottom:1px solid #e8eef7;grid-template-columns:minmax(5.5rem,34%) minmax(0,1fr);gap:.6rem;padding:.48rem 0;display:grid;position:static}.data-table td:before{content:attr(data-label);color:var(--ink-soft);font-size:.7rem;font-weight:750}.data-table tbody tr:hover td,.data-table tbody tr.is-dirty td{background:0 0}.data-table td:last-child{border-bottom:0}.data-table td>*{min-width:0}.activity-list li{grid-template-columns:2.65rem minmax(0,1fr)}.activity-list .status-badge{grid-column:2;justify-self:start}.modal{max-block-size:calc(100vh - 1rem);inline-size:calc(100% - 1rem)}.modal__surface{max-block-size:calc(100vh - 1rem)}.modal__footer .button{flex:1}}@media (width<=410px){.metric-grid{grid-template-columns:1fr}.metric{align-items:center}.metric__icon{display:grid}.attention-list li{grid-template-columns:1.7rem minmax(0,1fr)}.attention-list a{grid-column:2}.button-row{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.sidebar,.mobile-header,.page-heading__action,.filter-bar,.sidebar-backdrop{display:none!important}.app-shell{display:block}.workspace{inline-size:100%;padding:0}.panel{box-shadow:none;border:0}.table-wrap{max-block-size:none;overflow:visible}.data-table th{position:static}}.public-page{box-sizing:border-box;color:#1f3154;width:min(100% - 32px,720px);min-height:100vh;margin:0 auto;padding:clamp(28px,7vw,72px) 0}.public-page--wide{width:min(100% - 32px,1080px)}.public-page:before{z-index:-1;content:"";background:radial-gradient(circle,#d8e8ffe6,#f7fbff00 67%);border-radius:999px;width:58vw;height:58vw;position:fixed;top:-20vh;right:-18vw}.public-activity-heading,.public-checkin-form,.public-confirmation,.public-attendance-display,.public-qr-card,.public-launch-card{background:#fffffff0;border:1px solid #dbe5f5;border-radius:22px;box-shadow:0 18px 45px #25457a17}.public-activity-heading{padding:clamp(24px,5vw,42px)}.public-activity-heading h1{color:#173b78;margin:6px 0 10px;font-size:clamp(1.8rem,5vw,2.9rem);line-height:1.12}.public-activity-heading>p:not(.eyebrow){color:#536b92;margin:0}.public-sub-activities{border-top:1px solid #e7eef9;padding-top:16px;font-weight:600;color:#30558d!important;margin-top:18px!important}.public-checkin-form,.public-confirmation,.public-qr-card,.public-launch-card,.public-attendance-display{margin-top:20px;padding:clamp(22px,5vw,38px)}.public-checkin-form{gap:18px;display:grid}.public-checkin-form fieldset{border:0;margin:0;padding:0}.public-checkin-form legend,.public-checkin-form label{color:#244677;font-weight:700}.public-checkin-form label:not(.public-kind):not(.public-checkbox){gap:8px;display:grid}.public-checkin-form input[type=text],.public-checkin-form input:not([type]){color:#1f3154;min-height:48px;font:inherit;background:#fbfdff;border:1px solid #bed0ea;border-radius:12px;padding:0 14px}.public-checkin-form input:focus-visible{outline-offset:2px;outline:3px solid #6d98e359}.public-kind-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px;display:grid}.public-kind{color:#2d4d7f;cursor:pointer;background:#fbfdff;border:1px solid #cbd9ed;border-radius:14px;gap:4px;min-height:88px;padding:14px;display:grid}.public-kind input{accent-color:#396cb9}.public-kind small{color:#6b82a5;font-weight:500}.public-kind--selected{background:#eff5ff;border-color:#7099d7;box-shadow:inset 0 0 0 1px #a8c4ee}.public-checkbox{align-items:center;gap:9px;font-size:.92rem;display:flex;color:#536b92!important;font-weight:600!important}.public-checkbox input{accent-color:#396cb9;width:18px;height:18px}.public-submit{justify-content:center;min-height:50px}.public-confirmation{text-align:center;place-items:center;min-height:220px;display:grid}.public-confirmation svg{color:#397e69}.public-confirmation h1,.public-confirmation h2{color:#1e477f;margin:14px 0 6px}.public-confirmation p,.public-empty{color:#627a9f;margin:0}.public-launch-card,.public-attendance-display,.public-qr-card{background:#fffffff5;border:1px solid #d6e2f3;border-radius:20px;gap:18px;padding:clamp(20px,4vw,34px);display:grid;box-shadow:0 18px 48px #3a5b8e1a}.public-launch-card{text-align:center;max-width:720px;margin:4vh auto}.public-launch-card h1,.public-attendance-display h1,.public-qr-card h1{color:#1e477f;letter-spacing:-.025em;margin:0}.public-launch-card p,.public-attendance-display>p,.public-qr-card>p{color:#61799e;margin:0}.public-launch-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:8px;display:grid}.public-launch-actions .button{justify-content:center;min-height:54px}.public-attendance-display{max-width:980px;margin:0 auto}.public-display-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.public-display-count{color:#245da6;background:#eaf3ff;border-radius:999px;justify-content:center;align-items:center;min-width:52px;min-height:36px;padding:0 13px;font-weight:800;display:inline-flex}.public-attendee-grid{grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:12px;display:grid}.public-attendee-card{background:#f8fbff;border:1px solid #d8e4f3;border-radius:14px;gap:4px;min-height:82px;padding:14px;display:grid}.public-attendee-card strong{color:#244879}.public-attendee-card span{color:#6b82a5;font-size:.9rem}.public-qr-card{text-align:center;justify-items:center;max-width:590px;margin:0 auto}.public-qr-image{aspect-ratio:1;width:min(74vw,340px);image-rendering:crisp-edges;background:#fff;border:12px solid #fff;border-radius:18px;box-shadow:0 12px 32px #30568c29}.public-qr-link{overflow-wrap:anywhere;color:#416fae;width:100%;font-size:.86rem}.public-qr-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}@media (width<=620px){.public-page-shell{padding:16px 12px 28px}.public-page-header,.public-display-heading{flex-direction:column;align-items:flex-start}.public-kind-grid,.public-launch-actions{grid-template-columns:1fr}.public-attendee-grid{grid-template-columns:1fr 1fr;gap:8px}.public-attendee-card{min-height:72px;padding:11px}}.group-workspace{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);align-items:start;gap:20px;display:grid}.group-workspace .table-panel,.group-detail,.group-empty-detail{min-width:0}.group-table .is-selected td{background:#f0f6ff}.group-empty-detail{align-items:center;gap:14px;min-height:180px;padding:24px;display:flex}.group-empty-detail>svg{color:#6b96d5;flex:none}.group-empty-detail p,.group-detail__header p,.sub-activity-section__header p,.group-qr-links p{color:#657c9d;margin:4px 0 0}.group-detail{gap:18px;padding:22px;display:grid}.group-detail__header{align-items:flex-start}.group-detail__header h2,.sub-activity-section h3,.group-qr-links h3{color:#234675;margin:0}.definition-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.definition-grid>div{background:#f9fbff;border:1px solid #dce7f6;border-radius:12px;min-width:0;padding:11px 12px}.definition-grid dt{color:#6d82a2;font-size:.8rem;font-weight:700}.definition-grid dd{overflow-wrap:anywhere;color:#244778;margin:4px 0 0;font-weight:700}.group-detail__notes,.group-empty-note{color:#526e95;margin:0;line-height:1.6}.group-detail__actions,.sub-activity-list__actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sub-activity-section{border-top:1px solid #dde8f5;gap:12px;padding-top:18px;display:grid}.sub-activity-section__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.sub-activity-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sub-activity-list>li{background:#fbfdff;border:1px solid #dbe6f4;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.sub-activity-list strong,.sub-activity-list small{display:block}.sub-activity-list strong{color:#294b7b}.sub-activity-list small{color:#7185a4;margin-top:3px}.group-qr-links{background:#f3f8ff;border:1px solid #c8dcf6;border-radius:14px;gap:10px;padding:16px;display:grid}.group-qr-links>div{gap:8px;display:grid}.group-qr-links>div>div{border-top:1px solid #d9e7f8;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding-top:9px;display:grid}.group-qr-links a{overflow-wrap:anywhere;color:#315f9c;min-width:0;font-weight:700}@media (width<=920px){.group-workspace{grid-template-columns:1fr}}@media (width<=620px){.definition-grid{grid-template-columns:1fr}.sub-activity-section__header,.sub-activity-list>li{flex-direction:column;align-items:flex-start}.group-qr-links>div>div{grid-template-columns:1fr}}