.attendance-page{max-width:1600px;margin:0 auto;color:#253e58}.att-heading{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:22px;background:white;border:1px solid #e4ebf3;border-radius:14px;margin-bottom:18px}.att-heading h1{font-size:22px;margin:0 0 8px}.att-heading p{margin:0;color:#788b9e;font-size:13px}.att-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.att-actions .el-select{width:210px}.att-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 18px}.att-toolbar>span,.att-toolbar small{font-size:12px;color:#71869c}.attendance-page>section{background:white;border:1px solid #e3ebf4;border-radius:14px;padding:20px}.att-week-grid{display:grid;grid-template-columns:64px repeat(var(--att-days,5),minmax(0,1fr));border-top:1px solid #e3eaf3;border-left:1px solid #e3eaf3;border-radius:10px;overflow:hidden}.att-week-head,.att-period,.att-week-cell{border:0;border-right:1px solid #e3eaf3;border-bottom:1px solid #e3eaf3;padding:10px;min-width:0}.att-week-head{background:#f5f8fc;color:#55738f;text-align:center;font-weight:600;font-size:13px;cursor:pointer}.att-week-head small{display:block;font-weight:400;font-size:11px;margin-top:5px}.att-week-head.selected{background:#e6f3f7;color:#147c87}.att-period{display:flex;justify-content:center;align-items:center;color:#8191a2;font-size:12px;background:#fafbfd}.att-week-cell{min-height:78px;padding:6px}.att-week-cell.selected{background:#f6fbfd}.att-course{display:flex;flex-direction:column;text-align:left;gap:5px;width:100%;height:100%;border:0;border-left:3px solid #29a0a1;border-radius:5px;padding:9px;background:#eaf6f5;color:#286a70;cursor:pointer}.att-course strong{font-size:13px;overflow-wrap:anywhere}.att-course span,.att-course small{font-size:11px}.att-course:disabled{opacity:.55;cursor:default}.att-day-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:22px 0 12px}.att-day-heading h2,.attendance-page section>h2{font-size:16px;margin:18px 0 12px}.att-day-heading span{font-size:12px;color:#8091a4}.att-daily-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.att-day-course{display:flex;align-items:center;gap:14px;border:1px solid #e1eaf4;border-radius:10px;background:white;text-align:left;padding:14px;cursor:pointer;min-width:0;color:#274760}.att-day-course:disabled{opacity:.55;cursor:default}.att-period-badge{min-width:40px;padding:10px 5px;text-align:center;background:#edf6fa;color:#26899b;font-size:22px;border-radius:8px}.att-period-badge small{font-size:11px}.att-day-course>div{display:flex;flex-direction:column;gap:7px;min-width:0}.att-day-course strong{font-size:14px}.att-day-course div span{font-size:12px;color:#8191a4}.att-course-state{margin-left:auto;font-size:12px;white-space:nowrap;color:#287e8b}.att-history{margin-top:16px;font-size:13px;color:#6a8298}.att-history summary{cursor:pointer;padding:12px 0}.att-history button{display:flex;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px;border:0;border-bottom:1px solid #edf1f6;background:transparent;color:#45617d;cursor:pointer}.att-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #e5ebf3;border-radius:12px;background:#f7fafd;padding:18px 0;gap:10px;margin-bottom:20px}.att-summary>div{padding:0 20px;display:flex;flex-direction:column;gap:10px;border-right:1px solid #e1e9f2}.att-summary>div:last-child{border:0}.att-summary span{font-size:12px;color:#71879f}.att-summary strong{font-size:27px;color:#208e8c}.att-report-note{color:#788c9f;font-size:12px;line-height:1.8}.att-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:13px}.att-slot-list{max-height:55vh;overflow:auto;padding:8px 0}.att-slot-row{display:grid;grid-template-columns:90px 88px 86px minmax(150px,1fr) 90px 150px 52px;gap:8px;padding:12px 0;border-bottom:1px solid #e6edf5;align-items:center}.att-slot-row .el-select{width:100%}.att-class-input{min-width:0}.att-class-input small{color:#c48935;font-size:11px}.att-times{display:flex;gap:4px;flex-direction:column}.att-times input{width:100%;border:1px solid #dce5ef;border-radius:5px;padding:4px;box-sizing:border-box;font-family:inherit;color:#49647f}.att-roll-list{max-height:58vh;overflow:auto}.att-student{display:grid;grid-template-columns:100px minmax(320px,1fr) 180px;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #e9eff6}.att-student>strong{font-size:14px}.att-student>strong small{margin-left:8px;font-size:11px;color:#8a9aac;font-weight:400}.att-status-buttons{display:flex;flex-wrap:wrap;gap:6px}.att-status-buttons button{border:1px solid #dfe7ef;background:#fff;color:#72869b;border-radius:6px;padding:7px 9px;font:inherit;font-size:12px;cursor:pointer}.att-status-buttons button.active{background:#edf4fb;color:#316ca6;border-color:#81afdc}.att-status-buttons .present.active{background:#eaf7ef;border-color:#50ab7c;color:#238453}.att-status-buttons .absent.active{background:#fff0f0;border-color:#e38c8c;color:#bc5050}.att-status-buttons .leave.active,.att-status-buttons .late.active,.att-status-buttons .early.active{background:#fff8e8;border-color:#d6b476;color:#aa781c}.att-unsaved{font-size:12px;color:#9a7b3c;margin-right:auto}.att-roll-dialog .el-dialog__footer{display:flex;align-items:center;gap:8px}.att-dialog{max-width:calc(100vw - 24px)}@media(max-width:767px){.att-heading{align-items:stretch;flex-direction:column;padding:16px}.att-heading h1{font-size:20px}.att-actions .el-select{width:100%;min-width:0}.att-heading .att-actions .el-select{flex:1 0 100%}.att-actions .el-button{margin-left:0}.attendance-page>section{padding:12px}.att-week-grid{display:none}.att-toolbar{align-items:stretch}.att-toolbar>.att-actions{width:100%}.att-toolbar .el-date-editor{width:150px!important}.att-toolbar .el-select{flex:1 0 100%}.att-day-heading{flex-direction:column;align-items:flex-start}.att-day-heading h2{margin:0}.att-daily-list{grid-template-columns:1fr}.att-day-course{padding:12px;gap:10px}.att-summary{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.att-summary>div:nth-child(2){border:0}.att-summary strong{font-size:23px}.att-history button{flex-direction:column;gap:6px}.att-slot-row{grid-template-columns:repeat(3,minmax(0,1fr));padding:14px 0;gap:8px}.att-class-input{grid-column:span 2}.att-times{grid-column:span 2;flex-direction:row}.att-times input{min-width:0}.att-student{grid-template-columns:1fr;gap:9px;padding:14px 0}.att-status-buttons button{flex:1;min-width:42px;padding:9px 3px}.att-roll-list{max-height:calc(100dvh - 330px)}.att-roll-dialog{margin-top:16px!important}.att-roll-dialog .el-dialog__footer{flex-wrap:wrap;justify-content:flex-end}.att-unsaved{flex:1 0 100%;text-align:left}.att-dialog .el-dialog__body{padding:8px 0}.att-slot-list{max-height:50vh}.att-report-note{font-size:11px}.att-heading .att-actions{gap:8px}}