.attendance-page{background:var(--cream)}
.attendance-hero{display:grid;gap:42px;padding:50px 0 85px}.attendance-hero h1{font:700 clamp(43px,10vw,70px)/1.04 'Fredoka';letter-spacing:-.03em;margin:12px 0 22px}.attendance-hero h1 em{color:#128064;font-style:normal}.attendance-hero>div:first-child>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:17px}.attendance-hero .button{margin-top:14px;background:#128064}
.attendance-board{padding:24px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:0 24px 55px rgba(36,32,68,.15);transform:rotate(1deg)}.board-head{display:flex;justify-content:space-between;gap:12px;padding-bottom:17px;border-bottom:1px solid var(--line);font:700 19px 'Fredoka'}.board-head>b{padding:5px 9px;border-radius:13px;background:#ddf6ed;color:#187559;font:700 12px 'DM Sans'}.attendance-board>div:not(.board-head){display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.attendance-board i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#e9e6ff;color:var(--purple);font:700 12px 'DM Sans';font-style:normal}.attendance-board span{display:flex;flex-direction:column}.attendance-board small{color:var(--muted)}.attendance-board em{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dff7ed;color:#187559;font-weight:800;font-style:normal}.attendance-board em.permit{background:#fff1c4;color:#846300}.attendance-board>p{margin:17px 0 0;color:#57536b;font-size:13px;font-weight:700}
.builder-section{padding:80px 0;background:#e7f6f1;scroll-margin-top:20px}.builder-heading{display:grid;gap:8px;margin-bottom:27px}.builder-heading h2,.output-panel h2,.guide-section h2{font:700 clamp(33px,7vw,48px)/1.1 'Fredoka';margin:6px 0}.builder-heading>p{color:var(--muted)}
.report-card,.student-card{overflow:hidden;border:1px solid #cfe7df;border-radius:24px;background:#fff;box-shadow:0 17px 36px rgba(28,98,74,.07)}.report-card{padding:20px}.form-grid{display:grid;gap:15px}.form-grid label{display:grid;gap:7px;color:#4d5d57;font-size:13px;font-weight:700}.form-grid .optional{color:var(--muted);font-weight:500}.form-grid input,.form-grid textarea,.student-card input,.student-card select{width:100%;min-width:0;border:1px solid #d8e3df;border-radius:11px;background:#fff;color:var(--ink);padding:11px 12px;font:500 14px 'DM Sans';resize:vertical}.form-grid input:focus,.form-grid textarea:focus,.student-card input:focus,.student-card select:focus{outline:3px solid rgba(18,128,100,.15);border-color:#128064}.time-pair>span:last-child{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.time-pair b{color:var(--muted)}
.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:18px 0}.summary-strip>div{padding:14px 8px;border-radius:16px;background:#fff;text-align:center;border:1px solid #d8e8e2}.summary-strip span{display:block;color:var(--muted);font-size:11px}.summary-strip b{display:block;font:700 25px 'Fredoka'}.summary-strip .present b{color:#128064}.summary-strip .permit b{color:#9b7200}.summary-strip .sick b{color:#2872b8}.summary-strip .absent b{color:#bd4937}
.table-scroll{overflow-x:auto}table{width:100%;min-width:760px;border-collapse:collapse}th{padding:14px 11px;background:#173f36;color:#fff;text-align:left;font-size:12px;letter-spacing:.04em}td{padding:10px;border-bottom:1px solid #e7efec;vertical-align:middle}tbody tr:last-child td{border-bottom:0}td:first-child{width:55px;text-align:center;font-weight:700;color:var(--muted)}td:nth-child(2){min-width:210px}td:nth-child(3){width:135px}td:nth-child(4){min-width:280px}td:last-child{width:52px}.remove-row{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:#fff0ed;color:#b43d2b;font-size:18px;cursor:pointer}.remove-row:hover{background:#ffdcd5}.table-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;border-top:1px solid #e7efec}.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #bfd9d0;border-radius:12px;padding:11px 16px;background:#fff;color:#10755a;font:700 14px 'DM Sans';cursor:pointer}.secondary-button:hover{background:#effaf6}.text-button{border:0;background:transparent;color:#10755a;font:700 13px 'DM Sans';cursor:pointer}.text-button.danger{color:#b43d2b}.empty-state{padding:40px 20px;text-align:center}.empty-state span{display:block;font-size:42px}.empty-state b{display:block;margin:7px 0 2px;font:700 21px 'Fredoka'}.empty-state p{margin:0;color:var(--muted)}
.output-panel{display:grid;gap:20px;margin-top:22px;padding:27px;border-radius:24px;background:#173f36;color:#fff}.output-panel .eyebrow{color:#9fe0cc}.output-panel h2{font-size:36px}.output-panel p{margin:0;color:#c3d9d2}.output-actions{display:grid;gap:10px}.output-actions .button{background:#128064}.output-actions .dark{border-color:#4e7168;background:#285148;color:#fff}.output-actions .dark:hover{background:#346158}.output-actions .tool-share{border-color:#ffd65a;background:#ffd65a;color:#403500}.output-actions .tool-share:hover{background:#ffe17f}.status-message{grid-column:1/-1;min-height:24px;color:#ffd65a!important;font-size:13px;font-weight:700}.status-message.error{color:#ff9d8e!important}
.guide-section{padding:85px 0}.guide-grid{display:grid;gap:15px;margin-top:28px}.guide-grid article{padding:23px;border:1px solid var(--line);border-radius:22px;background:#fff}.guide-grid span{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#ddf4eb;color:#10755a;font:700 13px 'Fredoka'}.guide-grid h3{font:700 23px 'Fredoka';margin:13px 0 5px}.guide-grid p{margin:0;color:var(--muted)}.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}
@media(min-width:760px){.attendance-hero{grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;padding:75px 0 105px}.builder-heading{grid-template-columns:1fr auto;align-items:end}.builder-heading>p{max-width:440px;text-align:right}.form-grid{grid-template-columns:1fr 1fr}.form-grid .wide{grid-column:1/-1}.output-panel{grid-template-columns:1fr auto;align-items:center;padding:31px}.output-actions{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.builder-section{padding:62px 0}.attendance-board{transform:none}.summary-strip{grid-template-columns:repeat(2,1fr)}.summary-strip>div:first-child{grid-column:1/-1}.table-scroll{overflow:visible}table,tbody{display:block;min-width:0}thead{display:none}tr{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:17px;border-bottom:1px solid #dbe9e4}td,td:nth-child(n){display:block;width:auto;min-width:0;padding:0;border:0;text-align:left}td:first-child{position:absolute;right:66px;top:23px;width:auto}td:nth-child(2),td:nth-child(4){grid-column:1/-1}td:last-child{position:absolute;right:19px;top:16px}td:before{content:attr(data-label);display:block;margin-bottom:5px;color:#6e7d78;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em}td:first-child:before,td:last-child:before{display:none}.table-actions{align-items:stretch;flex-direction:column}.table-actions button{width:100%}.guide-section{padding:62px 0}}