.attendance-page{max-width:1440px;margin-inline:auto}.attendance-page .panel{min-width:0}.attendance-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.attendance-metrics .metric strong{font-size:26px;overflow-wrap:anywhere}.attendance-form{max-width:800px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.attendance-form .attendance-actions{grid-column:1/-1}.attendance-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:12px 0}.attendance-actions button{white-space:normal;min-height:40px}.attendance-finish{color:#a13d45!important;border-color:#eac5c9!important}.attendance-rule-grid{max-width:900px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.attendance-config-list{display:grid;gap:12px}.attendance-config-row{display:grid;grid-template-columns:minmax(160px,2fr) minmax(140px,1.5fr) 64px 80px auto;gap:12px;align-items:end;padding:16px;background:#f6f8fc;border:1px solid #e2e8f0;border-radius:12px}.attendance-config-row .attendance-actions{margin:0}.attendance-config-row .field{min-width:0}.attendance-config-row .field:has(input[type=checkbox]){align-self:center}.attendance-filters{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr)) minmax(180px,2fr) auto;gap:12px;align-items:end}.attendance-filters button{min-height:44px;margin-bottom:0}.attendance-sub{display:block;margin-top:5px;font-size:12px;color:#718097;overflow-wrap:anywhere}.attendance-sync{color:#66778d;font-size:13px;min-height:20px}.attendance-pagination{display:flex;gap:16px;align-items:center;justify-content:flex-end;margin:16px 0}.attendance-page .table-wrap td{vertical-align:middle}.attendance-page .tag.gray{background:#edf1f6;color:#53657b}.attendance-page .note{margin-top:14px;line-height:1.7}.sidebar{overflow-y:auto}.main-shell{min-width:0}.panel-body,.table-wrap{min-width:0}.page-heading .actions{flex-wrap:wrap}.attendance-config-row input[type=checkbox]{cursor:pointer}
@media(max-width:1200px){.attendance-config-row{grid-template-columns:minmax(150px,2fr) minmax(140px,2fr) 65px 80px}.attendance-config-row>.attendance-actions{grid-column:1/-1}.attendance-filters{grid-template-columns:1fr 1fr}.attendance-metrics .metric strong{font-size:22px}}
@media(max-width:700px){.attendance-metrics,.attendance-form,.attendance-rule-grid,.attendance-filters{grid-template-columns:1fr}.attendance-config-row{grid-template-columns:1fr 1fr;padding:12px}.attendance-form .attendance-actions{grid-column:auto}.attendance-metrics{gap:10px}.attendance-actions button{flex:1 1 120px}.attendance-config-row .attendance-actions button{flex:0 1 auto}.attendance-sync{overflow-wrap:anywhere}.attendance-pagination{justify-content:center}.page-heading{align-items:flex-start}.topbar .header-actions{flex-wrap:wrap}}

.commission-formats{display:grid;gap:18px}.commission-formats>.panel{background:#fff;border:1px solid #dce4ef;box-shadow:none}.commission-tier-row{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin:10px 0}.commission-tier-row button{min-height:42px}.commission-page textarea[name=formula]{font-family:ui-monospace,Consolas,monospace;line-height:1.7}.commission-page .status-row strong{max-width:70%;overflow-wrap:anywhere}.commission-page input{min-width:0}@media(max-width:700px){.commission-tier-row{grid-template-columns:1fr 1fr}.commission-tier-row button{grid-column:1/-1}}

.attendance-config-row .attendance-actions button{border:1px solid #dce4ef;background:#fff;min-width:36px}.attendance-page .page-heading>div{min-width:0}@media(max-width:700px){.page-heading{flex-direction:column;gap:12px}.page-heading>.actions{width:100%;justify-content:flex-start}.page-heading>.actions button{flex:0 1 auto;min-width:100px;white-space:normal}.attendance-page>.attendance-actions button{flex:1 1 90px}.attendance-metrics .metric{padding:18px}}