.attendance-filters>div{display:flex;gap:18px;align-items:end;flex-wrap:wrap}.attendance-filters .field{min-width:170px;flex:1;margin:0}.attendance-filters select{width:100%}.attendance-filters .text-btn{min-height:44px}.attendance-filters>.demo-note{margin-bottom:0}.attendance-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:24px 0 14px}.attendance-stats .stat{min-width:0}.attendance-stats .stat-value{font-size:38px}.attendance-coverage{font-size:14px;line-height:1.65;margin:0 0 24px;color:var(--muted,#696575)}.attendance-coverage b{color:var(--ink,#292334)}.attendance-months,.attendance-records{margin-top:24px}.attendance-chart{display:grid;gap:20px;margin-top:26px}.attendance-month{display:grid;grid-template-columns:145px minmax(70px,1fr) 155px;align-items:center;gap:18px;font-size:14px}.attendance-bar-track{height:20px;border-radius:6px;background:#f3eff8;overflow:hidden}.attendance-bar-track>span{height:100%;display:block;background:#8062a2;border-radius:6px}.attendance-month-value{display:flex;flex-direction:column;gap:3px}.attendance-month-value strong{font-size:19px}.attendance-month-value small{font-size:12px;color:var(--muted,#696575)}.attendance-table-wrap{overflow:auto}.attendance-table{width:100%;border-collapse:collapse;font-size:14px;min-width:610px}.attendance-table th,.attendance-table td{padding:18px 14px;text-align:left;border-bottom:1px solid #e9e5ed;vertical-align:top}.attendance-table thead th{font-size:12px;color:var(--muted,#696575);font-weight:600}.attendance-table tbody th{min-width:160px;font-weight:400}.attendance-table tbody th span,.attendance-table tbody th b{display:block}.attendance-table tbody th span{font-size:12px;color:var(--muted,#696575);margin-bottom:6px}.attendance-count{font-size:22px;font-weight:600;white-space:nowrap}.attendance-count small{display:block;font-size:11px;font-weight:400;margin-top:5px;color:var(--muted,#696575)}.attendance-source{max-width:380px;min-width:190px;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.attendance-table .text-btn{white-space:nowrap;min-height:44px}.attendance-records>.panel-top>span{font-size:13px;color:var(--muted,#696575)}
@media(max-width:1100px){.attendance-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-month{grid-template-columns:125px minmax(50px,1fr) 125px;gap:12px}}
@media(max-width:600px){.attendance-stats{gap:10px}.attendance-stats .stat{padding:18px 14px}.attendance-stats .stat-value{font-size:30px}.attendance-stats .stat-head{font-size:12px}.attendance-stats .stat-foot{font-size:11px}.attendance-month{grid-template-columns:1fr auto;gap:8px}.attendance-month>b{grid-column:1}.attendance-bar-track{grid-column:1;grid-row:2}.attendance-month-value{grid-column:2;grid-row:1/3;align-items:end}.attendance-filters .field{min-width:120px}.attendance-months .panel-top{align-items:flex-start;gap:12px;flex-wrap:wrap}}