#attendance-module{display:block}.att-loading,.att-error{background:#fff;border:1px solid #e3e9e4;border-radius:13px;padding:28px}.att-error{color:#8a3030}.att-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.att-summary>div{background:#fff;border:1px solid #e3e9e4;border-radius:13px;padding:18px}.att-summary span{display:block;color:#748178;font-size:11px}.att-summary b{display:block;font:800 24px Manrope;margin-top:5px}.att-tabs{display:flex;gap:8px;margin-bottom:16px;overflow:auto}.att-tabs button{border:1px solid #dfe7e1;background:#fff;color:#375443;border-radius:9px;padding:10px 14px;font-weight:600;cursor:pointer;white-space:nowrap}.att-tabs button.active{background:#1f6844;color:#fff;border-color:#1f6844}.att-panel{background:#fff;border:1px solid #e3e9e4;border-radius:13px;padding:21px}.att-panel h2{font:700 16px Manrope;margin:0 0 3px}.att-panel p{color:#78857d;font-size:13px;margin:3px 0 14px}.att-head{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:14px}.att-head input,.salary-filters input,.advance-form input,.advance-form select,.att-row input,.att-row select{border:1px solid #dbe5de;background:#fbfcfb;border-radius:8px;padding:9px 10px;color:#1f3026}.att-table{overflow:auto}.att-row{display:grid;grid-template-columns:1.2fr .8fr 1fr 1.2fr 80px;min-width:850px;border-top:1px solid #edf0ed;padding:12px 4px;align-items:center;gap:10px;font-size:12px}.att-row small{display:block;color:#8a958e;margin-top:3px}.att-th{font-size:10px;color:#89958d;font-weight:700;letter-spacing:.5px;padding:8px 4px}.att-save,.att-primary{border:0;border-radius:8px;padding:9px 12px;font-weight:700;cursor:pointer}.att-save{background:#edf5ef;color:#246544}.att-primary{background:#1f6844;color:#fff}.att-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.advance-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.advance-form label,.salary-filters label{display:grid;gap:6px;font-size:12px;font-weight:600;color:#43584b}.advance-form button{grid-column:1/-1;justify-self:start}.advance-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #edf0ed}.advance-list small{display:block;color:#8a958e;margin-top:3px}.salary-filters{display:flex;gap:12px;align-items:end;margin:16px 0}.salary-table{overflow:auto}.salary-row{display:grid;grid-template-columns:1.4fr .7fr .8fr .9fr .9fr 1fr;min-width:800px;padding:12px 4px;border-top:1px solid #edf0ed;gap:10px;align-items:center;font-size:12px}.salary-th{font-size:10px;color:#89958d;font-weight:700;letter-spacing:.5px}.salary-row strong{color:#1f6844}@media(max-width:850px){.att-summary{grid-template-columns:1fr 1fr}.att-split{grid-template-columns:1fr}.advance-form{grid-template-columns:1fr}.salary-filters{flex-wrap:wrap}.att-head{align-items:flex-start;flex-direction:column}}