.attendance-daybar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.attendance-date-control{display:flex;align-items:center;gap:8px;border:1px solid var(--dana-border,#e2e8f0);border-radius:11px;background:#fff;height:38px;padding:0 4px;color:#28334b;font-size:13px}.attendance-date-control input{width:151px;min-width:0;border:0;background:transparent;font-weight:600;outline-offset:3px}.attendance-date-control button,.attendance-footer button{display:grid;place-items:center;height:30px;width:30px;border-radius:7px;color:#71809c}.attendance-date-control button:hover,.attendance-footer button:not(:disabled):hover{background:#f1f4f9;color:var(--dana-primary)}.attendance-date-control button svg,.attendance-footer button svg{height:16px;width:16px}.attendance-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:16px;background:#fff;border:1px solid #e8edf5;padding:20px 0 0;overflow:hidden}.attendance-metric{position:relative;display:flex;align-items:flex-start;gap:15px;padding:4px 24px 20px;text-align:left;min-width:0}.attendance-metric+.attendance-metric{border-left:1px solid #e8edf5}.attendance-metric:hover{background:#f8faff}.attendance-metric strong{display:block;font-size:30px;line-height:1;font-weight:700;letter-spacing:-.025em}.attendance-metric-icon{height:44px;width:44px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.attendance-metric-icon svg{height:22px;width:22px}.attendance-tone-green{background:#eaf8f0;color:#07965c}.attendance-tone-blue{background:#edf3ff;color:#3470e9}.attendance-tone-amber{background:#fff4e5;color:#e47b15}.attendance-tone-red{background:#fff0f2;color:#df4b5b}.attendance-metric-arrow{position:absolute;right:9px;top:7px;width:13px;height:13px;color:#7c8aa5;opacity:0}.attendance-metric:hover .attendance-metric-arrow,.attendance-metric:focus-visible .attendance-metric-arrow{opacity:1}.attendance-summary-note{grid-column:1/-1;margin:0 20px;display:flex;align-items:center;gap:8px;padding:12px 0;border-top:1px solid #e8edf5;font-size:11px;color:#76839d}.attendance-register{padding:16px 18px 0;box-shadow:none!important}.attendance-filters{display:flex;align-items:end;flex-wrap:wrap;gap:10px}.attendance-filters>label:not(.attendance-search){min-width:150px;flex:1}.attendance-filters>label{font-size:11px}.attendance-filters .input{height:36px;min-height:36px;font-size:12px;padding-top:6px;padding-bottom:6px}.attendance-search{display:flex;align-items:center;gap:10px;border:1px solid #e1e7f1;border-radius:10px;background:#fff;padding:0 12px;min-height:36px;flex:1.6;min-width:220px}.attendance-search svg{height:16px;width:16px;color:#8491aa;flex-shrink:0}.attendance-search input{width:100%;min-width:0;padding:7px 0;background:transparent;font-size:13px;outline:none}.attendance-search:focus-within{outline:2px solid var(--dana-primary);outline-offset:2px}.attendance-columns{position:relative;font-size:12px}.attendance-columns summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;border:1px solid #e1e7f1;border-radius:10px;cursor:pointer;background:#fff}.attendance-columns summary::-webkit-details-marker{display:none}.attendance-columns summary svg{width:16px;height:16px}.attendance-columns>div{position:absolute;z-index:10;right:0;top:42px;min-width:170px;background:#fff;border:1px solid #e1e7f1;border-radius:12px;padding:8px;box-shadow:0 8px 25px #1d2b4520}.attendance-columns label{display:flex;align-items:center;gap:7px;padding:8px;cursor:pointer}.attendance-extra-filters{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:14px;margin-top:12px;background:#f7f9fc;border-radius:10px;font-size:12px}.attendance-extra-filters>label:first-child{display:flex;align-items:center;gap:8px}.attendance-extra-filters .input{max-width:210px;min-height:32px;height:32px;font-size:12px}.attendance-chipbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:16px 0}.attendance-chip{display:flex;align-items:center;gap:7px;min-height:31px;padding:4px 13px;border:1px solid #e4e9f3;border-radius:30px;font-size:12px;color:#3e4b65}.attendance-chip span{background:#f0f3f8;padding:0 5px;border-radius:6px;font-size:11px}.attendance-chip--active{background:#edecff;border-color:#edecff;color:#5742d9;font-weight:600}.attendance-chip--active span{background:transparent;color:#5742d9}.attendance-updated{display:flex;align-items:center;gap:7px;font-size:11px;color:#7a88a2}.attendance-table-scroll{overflow-x:auto}.attendance-table{min-width:790px;border-collapse:separate;border-spacing:0}.attendance-table thead th{padding:12px;color:#77829b;font-size:11px;font-weight:600;white-space:nowrap;background:#f2f5fa}.attendance-table thead th:first-child{border-radius:10px 0 0;padding-left:16px}.attendance-table thead th:last-child{border-radius:0 10px 0 0}.attendance-person{width:33%;min-width:245px}.attendance-row td{border-bottom:1px solid #edf0f6}.attendance-row:last-child td{border-bottom:0}.attendance-row--violation{background:#fff2f3}.attendance-row--violation td{border-bottom-color:#f6dfe3}.attendance-row--violation td:first-child{box-shadow:inset 3px 0 #ec8995}.attendance-row--violation:hover,.attendance-row--violation:focus{background:#ffe8eb}.attendance-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid #e8edf5;padding:13px 0;color:#78869e;font-size:11px}.attendance-footer select{border:1px solid #e1e7f1;background:#fff;border-radius:8px;padding:5px}.attendance-footer button:disabled{opacity:.35}.attendance-metric-person{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;padding:13px 10px;border-bottom:1px solid #edf0f6;border-radius:8px}.attendance-metric-person:hover{background:#f7f9fd}.attendance-daily button:focus-visible,.attendance-daily summary:focus-visible{outline:2px solid var(--dana-primary);outline-offset:2px}@media (max-width:1100px){.attendance-metric{gap:10px;padding-left:16px;padding-right:16px}.attendance-metric-icon{height:35px;width:35px}.attendance-metric strong{font-size:26px}.attendance-updated{display:none}}@media (max-width:700px){.attendance-summary{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:12px}.attendance-metric{padding:10px 12px 16px;gap:9px}.attendance-metric:nth-child(3){border-left:0;border-top:1px solid #edf0f6}.attendance-metric:nth-child(4){border-top:1px solid #edf0f6}.attendance-metric strong{font-size:25px}.attendance-metric-icon{height:32px;width:32px}.attendance-metric-icon svg{height:18px;width:18px}.attendance-summary-note{margin:0 12px;align-items:flex-start}.attendance-register{padding:12px 12px 0}.attendance-filters>label{min-width:0;flex-basis:calc(50% - 5px)!important}.attendance-filters>.attendance-search{flex-basis:100%!important}.attendance-daybar>div{width:100%}.attendance-daybar>div:last-child{justify-content:flex-end}.attendance-chip{padding:4px 10px;font-size:11px}.attendance-person{min-width:215px}.attendance-footer>div{width:100%;justify-content:flex-end}}