.attendance-management-container[data-v-14af77d6]{width:100%;height:100%;padding:20px;background:#f0f2f5;box-sizing:border-box;overflow:auto;display:flex;flex-direction:column;gap:20px}.top-section[data-v-14af77d6]{display:grid;grid-template-columns:24% 42% 32%;gap:20px;height:430px}.personnel-stats[data-v-14af77d6]{background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden}.stats-header[data-v-14af77d6]{display:flex;align-items:center}.title-bar[data-v-14af77d6]{display:none}.title[data-v-14af77d6]{line-height:40px;font-size:18px;font-weight:700;color:#000;margin-bottom:15px;text-indent:15px;background-position:0;border-left:6px solid #c1010d!important}.stats-content[data-v-14af77d6]{display:flex;flex-direction:column;justify-content:space-around;align-items:center;flex:1;height:calc(100% - 71px);padding:0 20px}.stat-item[data-v-14af77d6]{display:flex;align-items:center;justify-content:center;gap:24px;padding:14px 0;border-bottom:1px solid #e8e8e8;width:100%}.stat-item[data-v-14af77d6]:last-child{border-bottom:none}.stat-icon[data-v-14af77d6]{width:80px;height:80px;object-fit:contain;flex-shrink:0}.stat-info[data-v-14af77d6]{display:flex;flex-direction:column;gap:8px}.stat-label[data-v-14af77d6]{font-size:16px;color:#333;margin-bottom:0;font-weight:400}.stat-value[data-v-14af77d6]{font-size:36px;font-weight:700;color:#255aa7}.stat-value .unit[data-v-14af77d6]{font-size:18px;margin-left:4px}.attendance-list[data-v-14af77d6]{background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;overflow:hidden}.list-header[data-v-14af77d6]{display:flex;align-items:center;margin-bottom:12px}.list-content[data-v-14af77d6]{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.list-item[data-v-14af77d6]{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:#fafafa;border-radius:4px;transition:all .3s}.list-item[data-v-14af77d6]:hover{background:#f0f0f0}.company-name[data-v-14af77d6]{font-size:13px;color:#333;flex:1}.attendance-badge[data-v-14af77d6]{display:inline-block;padding:3px 14px;background:#255aa7;color:#fff;border-radius:12px;font-size:13px;font-weight:500;min-width:55px;text-align:center}.monitor-section[data-v-14af77d6]{background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:flex-start;gap:12px;height:100%;overflow:hidden;background-image:url(../img/dkxcjk.0864dd7d.png);background-repeat:no-repeat;background-position:50%;background-size:contain}.monitor-btn[data-v-14af77d6]{width:180px;height:40px;font-size:15px;font-weight:500;border-radius:20px;background-color:#255aa7;border-color:#255aa7;flex-shrink:0}.monitor-btn[data-v-14af77d6]:focus,.monitor-btn[data-v-14af77d6]:hover{background-color:#1a4175;border-color:#1a4175}.chart-section[data-v-14af77d6]{flex:1;min-height:400px}.chart-block[data-v-14af77d6]{background:#fff;border-radius:4px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:100%;display:flex;flex-direction:column}.chart-header[data-v-14af77d6]{justify-content:space-between;margin-bottom:16px;flex-shrink:0}.chart-header[data-v-14af77d6],.header-left[data-v-14af77d6]{display:flex;align-items:center}.chart-container[data-v-14af77d6]{flex:1;width:100%;min-height:0}@media (max-width:1600px){.top-section[data-v-14af77d6]{grid-template-columns:26% 41% 31%}}@media (max-width:1200px){.top-section[data-v-14af77d6]{grid-template-columns:1fr;grid-template-rows:350px 350px 350px;height:auto}}