:root{--navy:#102a46;--navy2:#173d65;--gold:#b78a3b;--cream:#f7f3ea;--ink:#17212b;--muted:#66727e;--line:#dce1e5;--white:#fff;--danger:#a63c3c;--green:#287653;--shadow:0 10px 30px rgba(16,42,70,.1)}
*{box-sizing:border-box}body{margin:0;background:#f4f6f7;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif}.hero{background:linear-gradient(120deg,var(--navy),var(--navy2));color:#fff;padding:32px max(5vw,24px);display:flex;justify-content:space-between;gap:32px;align-items:center;border-bottom:5px solid var(--gold)}.identity{display:flex;gap:20px;align-items:center}.seal{width:68px;height:68px;display:grid;place-items:center;border:2px solid var(--gold);transform:rotate(45deg);font-family:Georgia,serif;font-size:28px;color:#f0d397}.seal span{font-size:15px;margin-left:2px}.seal>*{}.seal{line-height:1}.seal::first-letter{}h1,h2,p{margin-top:0}h1{font:600 clamp(28px,4vw,42px)/1.1 Georgia,serif;margin-bottom:7px}.subtitle{margin:0;color:#dfe8f0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:800;color:var(--gold);margin-bottom:8px}.event-fields{display:flex;gap:12px;min-width:min(480px,100%)}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:650}.event-fields label{flex:1;color:#e9eef3}.event-fields input{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.28);color:#fff}input,select{width:100%;padding:11px 12px;border:1px solid #cbd3d9;border-radius:7px;background:#fff;color:var(--ink);font:inherit;outline:none}input:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(183,138,59,.14)}main{width:min(1160px,92vw);margin:0 auto 60px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:-20px 0 28px}.stats article{background:#fff;padding:20px 24px;border-radius:10px;box-shadow:var(--shadow);display:flex;align-items:baseline;gap:12px}.stats strong{font:600 30px Georgia,serif;color:var(--navy)}.stats span{font-size:13px;color:var(--muted)}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:24px}.tab{border:0;background:transparent;padding:13px 18px;font-weight:700;color:var(--muted);cursor:pointer;border-bottom:3px solid transparent}.tab.active{color:var(--navy);border-color:var(--gold)}.panel{display:none}.panel.active{display:block}.panel-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.panel-head h2{font:600 27px Georgia,serif;margin-bottom:4px;color:var(--navy)}.hint{color:var(--muted);font-size:13px;margin-bottom:0}.primary,.secondary,.icon-btn{border:0;border-radius:7px;padding:11px 16px;font-weight:750;cursor:pointer}.primary{background:var(--navy);color:#fff}.primary:hover{background:var(--navy2)}.secondary{background:#fff;color:var(--navy);border:1px solid var(--line)}.toolbar{display:flex;gap:10px;margin-bottom:15px}.toolbar>input{flex:1}.file-label{display:block}.file-label input{display:none}.cards{display:grid;gap:10px}.empty{padding:50px 20px;text-align:center;border:1px dashed #bdc7ce;border-radius:10px;color:var(--muted);background:#fff}.record{background:#fff;border:1px solid #e2e6e9;border-radius:9px;padding:16px 18px;display:grid;grid-template-columns:minmax(230px,1.2fr) 1fr auto;align-items:center;gap:20px}.record.present{border-left:4px solid var(--green)}.record.absent{border-left:4px solid #b9c0c5;opacity:.78}.record h3{margin:0 0 5px;font-size:16px}.record p{margin:0;color:var(--muted);font-size:13px}.badge{display:inline-block;padding:4px 8px;border-radius:20px;background:#eef2f5;font-size:11px;font-weight:800;color:var(--navy);margin-right:5px}.badge.yes{background:#e4f3eb;color:var(--green)}.badge.no{background:#f0f1f2;color:#6b7379}.record-actions{display:flex;gap:5px}.record-actions button{background:transparent;border:0;color:var(--navy);font-weight:700;cursor:pointer;padding:8px}.record-actions .delete{color:var(--danger)}dialog{width:min(650px,92vw);border:0;border-radius:12px;padding:0;box-shadow:0 20px 70px rgba(0,0,0,.35)}dialog::backdrop{background:rgba(8,22,37,.67)}dialog form{padding:26px}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{font:600 26px Georgia,serif;color:var(--navy)}.icon-btn{font-size:25px;background:transparent;padding:0 6px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .wide{grid-column:1/-1}label b{color:var(--danger)}.attendance-choice{flex-direction:row;align-items:center;gap:18px;padding:12px;background:var(--cream);border-radius:8px}.attendance-choice span{display:flex;align-items:center;gap:7px;font-weight:500}.attendance-choice input{width:auto}.error{color:var(--danger);font-size:13px;min-height:18px;margin:10px 0 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:15px}.paper{background:#fff;padding:48px clamp(25px,6vw,72px);min-height:500px;border-top:5px solid var(--gold);box-shadow:var(--shadow);font:16px/1.7 Georgia,serif}.paper h3{text-align:center;color:var(--navy);font-size:25px;margin:0}.paper .paper-meta{text-align:center;color:var(--muted);font:13px Segoe UI,sans-serif;margin-bottom:35px}.paper h4{color:var(--navy);margin:24px 0 8px}.paper ol{padding-left:25px}.paper .missing{color:var(--danger);font-family:Segoe UI,sans-serif;font-size:13px}#toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:12px 18px;border-radius:8px;transform:translateY(90px);transition:.25s;z-index:5}#toast.show{transform:none}
@media(max-width:760px){.hero{align-items:flex-start;flex-direction:column}.event-fields{min-width:100%}.stats{grid-template-columns:1fr;margin-top:18px}.stats article{padding:13px 18px}.record{grid-template-columns:1fr}.panel-head{align-items:flex-start;flex-direction:column}.toolbar{flex-wrap:wrap}.toolbar>input{flex-basis:100%}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.attendance-choice{align-items:flex-start;flex-direction:column}.tabs{overflow:auto}.tab{white-space:nowrap}}
@media print{body{background:#fff}.hero,.stats,.tabs,.panel:not(#salutations),#salutations .panel-head,#toast{display:none!important}main{width:100%;margin:0}#salutations{display:block!important}.paper{box-shadow:none;border:0;padding:20px}}
input:read-only{background:#f0f3f5;color:var(--muted)}.other-input{margin-top:7px}
.official-logo{width:118px;height:76px;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.25))}
.access-gate{position:fixed;inset:0;z-index:20;background:linear-gradient(135deg,var(--navy),#071728);display:grid;place-items:center;padding:20px}.access-gate[hidden]{display:none}.access-card{width:min(410px,100%);background:#fff;border-radius:14px;padding:30px;box-shadow:0 25px 80px rgba(0,0,0,.4);text-align:center}.access-card img{width:180px;height:80px;object-fit:contain;margin-bottom:14px}.access-card h2{font:600 30px Georgia,serif;color:var(--navy)}.access-card>p:not(.eyebrow):not(.error){color:var(--muted);line-height:1.5}.access-card label{text-align:left}.access-card input{text-align:center;font-size:24px;letter-spacing:.25em;font-weight:800}.access-card .primary{width:100%}
.print-sheet{display:none}.attendance-table{width:100%;border-collapse:collapse;font-size:12px}.attendance-table th,.attendance-table td{border:1px solid #777;padding:7px;text-align:left}.attendance-table th{background:#eef1f3;color:var(--navy)}.attendance-table .num{width:34px;text-align:center}.signatures{display:flex;justify-content:space-around;gap:70px;margin-top:70px;text-align:center}.signatures span{display:block;border-top:1px solid #333;padding-top:7px;min-width:220px}
@media print{body.print-attendance .panel{display:none!important}body.print-attendance #attendance{display:block!important}body.print-attendance #attendance .panel-head,body.print-attendance #attendance .toolbar,body.print-attendance #attendeeList{display:none!important}body.print-attendance #attendanceSheet{display:block!important}body.print-attendance #salutations{display:none!important}.print-sheet h2,.print-sheet p{text-align:center}.attendance-table tr{page-break-inside:avoid}}