.attendance{border:1px solid #dce4ee;border-radius:12px;background:#fff;color:#23364f;overflow:hidden}.attendance header,.attendance [data-content],.attendance [data-editor],.attendance>[data-error]{padding:18px 22px}.attendance header h2{font-size:22px;margin:5px 0}.attendance header small{color:#1764bf}.attendance p{font-size:13px;color:#62758c}.attendance nav{display:flex;gap:6px;flex-wrap:wrap;padding:8px 20px;border-block:1px solid #e3e8ef;background:#f7f9fc}.attendance button,.attendance a{min-height:32px;padding:6px 12px;border:1px solid #cfdae7;border-radius:6px;background:#fff;color:#234a78;font-size:13px;text-decoration:none;cursor:pointer}.attendance nav .active,.attendance [data-at-form]>button{background:#1565cf;color:white;border-color:#1565cf}.attendance button:disabled{opacity:.5;cursor:wait}.attendance [data-at-form]{max-width:none!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.attendance label{display:flex;flex-direction:column;gap:5px;font-size:13px}.attendance input,.attendance select{box-sizing:border-box;min-width:0;width:100%;height:34px!important;padding:6px 10px;border:1px solid #cfd9e6;border-radius:5px;font:inherit;background:white;color:#243c58}.attendance input[type=number]{appearance:textfield}.attendance input::-webkit-inner-spin-button{appearance:none}.attendance .at-check{flex-direction:row;align-items:center;gap:8px}.attendance .at-check input{width:16px;height:16px!important}.at-toolbar{display:flex;align-items:end;gap:12px;flex-wrap:wrap;padding:12px 22px;background:#f8fafc}.at-toolbar label{width:170px}.at-toolbar>input{max-width:320px}.at-toolbar>select{max-width:200px}.attendance .at-excel{color:#12834e;border-color:#99d1b6}.attendance .at-danger{color:#c82f48;border-color:#efbcc5}.at-table{overflow:auto;border:1px solid #e0e6ef;border-radius:8px}.at-table table{border-collapse:collapse;width:100%;font-size:12px;table-layout:auto}.at-table th{background:#f5f7fa;color:#62718a;font-weight:500;text-align:left}.at-table th,.at-table td{padding:10px 12px;border-bottom:1px solid #e5eaf1;vertical-align:middle}.at-table td small{display:block;color:#78879b;margin-top:4px}.at-table pre{white-space:pre-wrap;max-width:420px}.at-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:15px}.at-metrics>span{border-bottom:2px solid #dbe5ef;padding:12px;font-size:12px}.at-metrics b{font-size:22px;display:block}.at-badge{display:inline-block;padding:4px 7px;background:#edf2f8;border-radius:5px}.attendance .green{color:#087c50;background:#eaf8f0}.attendance .amber{color:#a56608;background:#fff7e7}.attendance .red{color:#c7314c;background:#fff0f3}.at-note{padding:14px;background:#f5f8fc;border-radius:7px;font-size:13px}.at-editor{padding:18px;border:1px solid #cfdae7;border-radius:8px}.attendance [data-error]:empty{display:none}.attendance [data-error]{color:#be2d45}.attendance fieldset{display:flex;gap:10px;flex-wrap:wrap;border:1px solid #dce4ee;border-radius:6px;grid-column:1/-1}.attendance button:focus-visible,.attendance a:focus-visible{outline:3px solid #83b8f2;outline-offset:2px}@media(max-width:800px){.attendance [data-at-form]{grid-template-columns:1fr}.at-metrics{grid-template-columns:1fr 1fr}.attendance header,.attendance [data-content]{padding:12px}.at-table table{min-width:680px}}

.attendance label{font-weight:400!important;text-transform:none!important;letter-spacing:normal!important}.attendance [data-at-form]>button{height:34px!important;min-height:34px!important;align-self:end;justify-self:start}.attendance [data-editor]:empty{display:none}