:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#223c34;background:#f3f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.app-header{height:76px;border-bottom:1px solid #dfe5df;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#fff}.brand{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:650;letter-spacing:.5px}.brand-icon{display:grid;place-items:center;background:#286553;color:white;border-radius:10px;width:35px;height:35px;font-size:25px}.header-note{font-size:13px;color:#7a8981}main{max-width:1440px;margin:36px auto;padding:0 4vw 30px}.controls{background:white;border:1px solid #dee5dd;border-radius:14px;padding:28px 30px;box-shadow:0 2px 5px #21342c03}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.eyebrow{color:#7e9185;font-size:10px;letter-spacing:2px;font-weight:650}h1{font-size:23px;letter-spacing:.5px;margin:7px 0 0;font-weight:650}.paper-tag{border:1px solid #dce6dc;border-radius:30px;padding:7px 12px;font-size:12px;color:#5b7163;background:#f7faf5}.form-fields{display:flex;gap:18px;align-items:flex-start}.field{display:flex;flex-direction:column;gap:9px}.year-field{width:130px}.month-field{width:112px}.names-field{flex:1}label{font-size:13px;font-weight:600}label span{font-size:12px;font-weight:400;color:#8a968f;margin-left:8px}input,select,textarea{font:inherit;font-size:15px;border:1px solid #d8e0d9;border-radius:7px;background:#fcfdfb;padding:11px 13px;color:#263d33;outline:none;transition:border-color .15s}input,select{height:45px}textarea{height:72px;min-height:45px;resize:vertical;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:#3d8069;box-shadow:0 0 0 3px #28655315}.form-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px;padding-top:20px;border-top:1px solid #eff2ed}#status{font-size:12px;line-height:1.7;color:#78867c;margin:0}#status.error{color:#b34232}.actions{display:flex;gap:9px;flex-shrink:0}.button{cursor:pointer;border:1px solid #d8e0d8;background:#fff;color:#385447;border-radius:7px;padding:11px 17px;font:inherit;font-size:13px;font-weight:550;display:flex;gap:12px;align-items:center;justify-content:center}.button:hover{background:#f0f5ed}.button:focus-visible{outline:3px solid #87b49c;outline-offset:3px}.button.primary{background:#286553;border-color:#286553;color:white}.button.primary:hover{background:#1d5141}.button:disabled{cursor:not-allowed;opacity:.45}.preview-section{margin-top:30px}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}h2{font-size:14px;font-weight:600;margin:0}h2 span{font-size:12px;font-weight:400;color:#819086;margin-left:12px}.preview-help{font-size:12px;color:#85918a}.paper-scroll{overflow-x:auto;padding:4px 4px 18px}.sheet{background:white;width:1120px;min-height:750px;padding:35px 30px 25px;margin:0 auto 20px;box-shadow:0 3px 18px #1d332510;color:#111;position:relative}.sheet-title{text-align:center;font-weight:600;font-size:23px;margin:4px 0 23px;letter-spacing:1px}.attendance-table{border-collapse:collapse;table-layout:fixed;width:100%;font-family:"PingFang SC","Microsoft YaHei",sans-serif}.attendance-table col.name-col{width:76px}.attendance-table col.notes-col{width:90px}.attendance-table th,.attendance-table td{border:1px solid #7c817e;padding:0;text-align:center;vertical-align:middle}.attendance-table thead th{background:#d8dcda;font-weight:600;height:51px;font-size:13px}.date-header{position:relative}.day-number{position:absolute;left:4px;top:6px;display:block;font-size:10px;font-weight:400;line-height:1;margin:0}.weekday{position:absolute;right:4px;bottom:6px;display:block;font-size:9px;font-weight:400;line-height:1}.date-header .diagonal line{stroke:#89928c}.attendance-table .person{background:#edf0ed;font-weight:500;padding:3px 5px;overflow-wrap:anywhere;font-size:13px}.attendance-table tbody tr{height:44px}.attendance-table td.day{position:relative}.diagonal{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible}.diagonal line{stroke:#929a94;stroke-width:.7;stroke-dasharray:3 2;vector-effect:non-scaling-stroke}.page-footer{display:flex;justify-content:space-between;margin-top:15px;font-size:10px;color:#788078}.print-tip{font-size:12px;color:#8a968d;margin:0;text-align:center}.sample-note{color:#7e8982}.sheet.empty .person{color:#9ba39d}body.invalid #sheets{opacity:.5}@media(min-width:1400px){main{padding:0 36px}.sheet{width:100%}}@media(max-width:760px){.app-header{height:64px;padding:0 20px}.header-note{display:none}main{margin:20px auto;padding:0 16px 24px}.controls{padding:20px}.form-fields{flex-wrap:wrap;gap:16px}.year-field,.month-field{flex:1}.names-field{flex-basis:100%}.form-bottom{align-items:stretch;flex-direction:column;gap:14px}.actions{flex-wrap:wrap}.button{flex:1;padding:11px 10px}.preview-help{display:none}.section-heading{gap:12px}h1{font-size:21px}.paper-tag{white-space:nowrap}.print-tip{text-align:left;line-height:1.8}}
@page{size:A4 landscape;margin:10mm}
@media print{*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}html,body{background:white!important;margin:0;padding:0;color:black}.screen-only{display:none!important}main{padding:0;margin:0;max-width:none}.preview-section{margin:0}.paper-scroll{padding:0;overflow:visible}.sheet{width:277mm;height:auto;min-height:0;display:flow-root;padding:0;margin:0;box-shadow:none;break-after:page;page-break-after:always;break-inside:avoid}.sheet:last-child{break-after:auto;page-break-after:auto}.sheet-title{font-size:18pt;margin:2mm 0 6mm}.attendance-table col.name-col{width:20mm}.attendance-table col.notes-col{width:24mm}.attendance-table thead th{height:13mm;font-size:10pt}.attendance-table tbody tr{height:11.5mm}.attendance-table .person{font-size:9pt}.day-number{font-size:7pt;left:1mm;top:1.5mm}.weekday{font-size:6pt;right:1mm;bottom:1.5mm}.attendance-table th,.attendance-table td{border-color:#666}.page-footer{font-size:7pt;margin-top:4mm}body.invalid #sheets{opacity:1}}

[hidden]{display:none!important}.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(400px,100%);padding:36px;background:#fff;border:1px solid #dee5dd;border-radius:14px;box-shadow:0 4px 25px #223c3408}.login-card h1{font-size:24px;margin:22px 0 10px}.login-card p{font-size:14px;color:#75877c;line-height:1.7;margin:0 0 24px}.login-card label{display:block;margin-bottom:10px}.login-card input{width:100%;height:48px;font-size:18px}.login-card .button{width:100%;margin-top:20px;padding:14px}.login-card #login-error{min-height:20px;margin-top:12px;color:#b34232;font-size:13px}.login-card noscript{display:block;margin-top:14px;font-size:13px}