.at-page{max-width:1450px;margin:auto;color:var(--ink,#233c33)}.at-header{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:6px 0 24px}.at-eyebrow{font-size:11px!important;letter-spacing:1.7px;font-weight:750;color:#348566;margin:0 0 9px}.at-header h1{font-size:30px;letter-spacing:-.7px;margin:0 0 8px}.at-header p:not(.at-eyebrow){font-size:14px;color:var(--muted,#78857e);margin:0}.at-server{padding:13px 18px;background:var(--surface,#fff);border:1px solid var(--line,#e3eae5);border-radius:12px;font-size:11px;color:var(--muted,#78857e);min-width:200px}.at-server strong{display:block;font-size:17px;color:var(--ink,#233c33);margin:5px 0 3px;font-variant-numeric:tabular-nums}.at-server small{font-size:10px}.at-live-dot{display:inline-block;width:6px;height:6px;background:#36a878;border-radius:50%;margin-right:6px}.at-tabs{display:flex;gap:24px;overflow:auto;border-bottom:1px solid var(--line,#dfe6e1);margin-bottom:24px}.at-tabs button{background:none;border:0;padding:13px 2px 14px;color:var(--muted,#78857e);font:inherit;font-weight:600;white-space:nowrap;cursor:pointer;border-bottom:3px solid transparent}.at-tabs button.active{color:#168256;border-color:#168256}.at-banner{background:#fff7e8;border:1px solid #f3dfb6;border-radius:10px;padding:14px 18px;margin-bottom:18px;color:#85602c;font-size:13px}.at-feedback:empty{display:none}.at-feedback{padding:13px 16px;margin-bottom:18px;background:#edf7f1;border-radius:9px;color:#285f44;font-size:13px}.at-error{color:#a53d31;background:#fff0ed;padding:10px;border-radius:8px}.at-mine{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:24px}.at-sessions{display:grid;gap:18px}.at-session{background:var(--surface,#fff);border:1px solid var(--line,#dfe7e1);border-radius:16px;padding:28px;box-shadow:0 5px 20px #173e2510}.at-session-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.at-session h2{font-size:21px;margin:8px 0}.at-session p{font-size:13px;color:var(--muted,#76857e);margin:0}.at-punch-times{display:grid;grid-template-columns:1fr 1fr;margin:28px 0 24px;padding:24px 0;background:var(--bg,#f7faf8);border-radius:12px}.at-punch-times>div{text-align:center}.at-punch-times>div+div{border-left:1px solid var(--line,#dfe7e1)}.at-punch-times span{display:block;color:var(--muted,#7b8b81);font-size:12px;margin-bottom:9px}.at-punch-times strong{font-size:34px;letter-spacing:-1px;font-weight:650;font-variant-numeric:tabular-nums}.at-clock-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px}.at-clock{min-height:58px!important;font-size:17px!important;border-radius:11px!important;font-weight:650!important}.at-session-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;color:var(--muted,#7b8b81);font-size:11px}.at-text-button{background:none;border:0;font:inherit;color:#21815b;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px;white-space:nowrap}.at-help{align-self:start;padding:26px!important;border-radius:16px!important}.at-help h2{font-size:18px;margin:12px 0 24px}.at-help ol{padding-left:20px;color:var(--muted,#77837d);font-size:13px;line-height:1.8}.at-help li{padding-left:4px;margin:13px 0}.at-help .btn{width:100%;margin-top:12px}.at-note{font-size:11px!important;line-height:1.7;color:var(--muted,#7a877f);margin:12px 0!important}.at-filters{display:flex;align-items:flex-end;flex-wrap:wrap;gap:12px;padding:18px;background:var(--surface,#fff);border:1px solid var(--line,#e1e8e2);border-radius:12px;margin-bottom:20px}.at-filters label,.at-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:550;min-width:135px}.at-filters input,.at-filters select,.at-form input:not([type=checkbox]),.at-form select,.at-form textarea{background:var(--surface,#fff);color:inherit;border:1px solid var(--line,#dce5de);border-radius:7px;min-height:38px;padding:8px 10px;font:inherit;max-width:100%;box-sizing:border-box}.at-quick{display:flex;gap:2px;align-self:flex-end;min-height:38px;margin-left:auto;background:var(--bg,#f4f7f4);border-radius:7px;padding:4px}.at-quick button{border:0;background:none;color:#4d755f;font:inherit;font-size:11px;padding:4px 10px;cursor:pointer}.at-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:20px 0 26px}.at-metric{border:1px solid var(--line,#dfe7e0);border-radius:12px;padding:17px 19px;background:var(--surface,#fff)}.at-metric span{font-size:12px;color:var(--muted,#78857e)}.at-metric strong{display:block;font-size:29px;font-weight:650;line-height:1.4;margin-top:8px;font-variant-numeric:tabular-nums}.at-metric.good strong{color:#27885d}.at-metric.warn strong{color:#ae7826}.at-metric.bad strong{color:#b05248}.at-metric.blue strong{color:#497ac2}.at-list-header{display:flex;justify-content:space-between;gap:16px;align-items:center}.at-list-header h2{font-size:19px;margin:0 0 6px}.at-list-header p{font-size:12px;color:var(--muted,#7b897f);margin:0}.at-export-actions{display:flex;gap:8px;flex-wrap:wrap}.at-table-wrap{overflow-x:auto;border:1px solid var(--line,#e1e8e2);border-radius:12px;margin-top:18px;background:var(--surface,#fff)}.at-table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}.at-table th{font-size:11px;background:var(--bg,#f4f8f5);color:var(--muted,#6d7c73);font-weight:600;text-align:left;padding:14px 16px}.at-table td{border-top:1px solid var(--line,#e8eee9);padding:17px 16px;vertical-align:middle}.at-table td strong{font-size:13px;font-weight:600}.at-table small{display:block;color:var(--muted,#88948c);font-size:10px;margin-top:6px}.at-badge{display:inline-block;padding:3px 7px;border-radius:5px;font-size:10px;font-weight:600;background:#edf0ed;color:#718074;line-height:1.6}.at-normal,.at-in_progress{background:#eaf6ee;color:#278357}.at-late{background:#fff3dc;color:#b07724}.at-missing_in,.at-missing_out{background:#fbece8;color:#af5547}.at-adjusted{background:#eaf0fc;color:#5276ba}.at-pending{color:#597cb7;font-weight:600}.at-pagination{display:flex;justify-content:flex-end;align-items:center;gap:15px;padding:18px 0;color:var(--muted,#7c877e);font-size:11px}.at-empty{text-align:center!important;padding:40px!important;color:var(--muted,#7b877f)}.at-settings{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.at-setting{padding:24px!important;border-radius:13px!important}.at-setting h2{font-size:18px;margin:0 0 22px}.at-form{display:grid;gap:14px}.at-form .at-check{display:flex;flex-direction:row;align-items:center;gap:8px}.at-form input[type=checkbox]{accent-color:#168256}.at-form .btn[type=submit]{justify-self:start}.at-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.at-segment{background:var(--bg,#f7faf7);padding:14px;border:1px solid var(--line,#e3e9e3);border-radius:9px;margin-bottom:10px;display:grid;gap:10px;font-size:12px}.at-weekdays{display:flex;flex-wrap:wrap;gap:12px;border:1px solid var(--line,#e3e9e3);border-radius:8px;padding:10px;font-size:12px}.at-weekdays label{display:flex;flex-direction:row;min-width:auto;align-items:center;gap:4px}.at-setting details{margin-top:18px;font-size:12px}.at-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 28px}.at-detail-grid>div{background:var(--bg,#f3f7f4);padding:15px;border-radius:9px}.at-detail-grid span{display:block;font-size:12px;color:var(--muted,#78857e);margin-bottom:9px}.at-detail-grid strong{font-size:14px}.at-request{border:1px solid var(--line,#e1e8e2);border-radius:10px;padding:16px;margin:12px 0}.at-request>div:first-child{display:flex;justify-content:space-between;gap:12px}.at-request strong{font-size:13px}.at-request p{font-size:13px;line-height:1.7}.at-request small{font-size:11px;color:var(--muted,#78857e)}.at-request-actions{display:flex;gap:10px;margin-top:14px}.at-log{display:flex;gap:24px;padding:17px 0;border-bottom:1px solid var(--line,#e5eae5);font-size:12px}.at-log time{color:var(--muted,#78857e)}.at-log div{display:flex;flex-wrap:wrap;gap:10px}.at-log small{width:100%;color:var(--muted,#78857e)}
@media(max-width:1000px){.at-metrics{grid-template-columns:repeat(3,1fr)}.at-mine{grid-template-columns:1fr}.at-help{max-width:none}.at-settings{grid-template-columns:1fr}.at-list-header{align-items:flex-start;flex-direction:column}.at-help ol{display:grid;grid-template-columns:1fr 1fr;gap:5px 24px}.at-help li{margin:5px 0}}
@media(max-width:600px){.at-header{gap:12px;align-items:flex-start;padding-top:8px}.at-header h1{font-size:25px}.at-header p:not(.at-eyebrow){font-size:11px}.at-header .at-eyebrow{font-size:8px!important;letter-spacing:1px}.at-server{min-width:0;padding:9px;font-size:9px}.at-server strong{font-size:12px}.at-server small{font-size:8px}.at-tabs{gap:20px;margin-bottom:18px}.at-tabs button{font-size:12px;padding-bottom:11px}.at-session{padding:20px 17px;border-radius:13px}.at-session-top{gap:8px}.at-session h2{font-size:19px}.at-session .at-eyebrow{font-size:9px!important;letter-spacing:.3px}.at-punch-times{padding:22px 0;margin:22px 0}.at-punch-times strong{font-size:28px}.at-clock{min-height:58px!important;font-size:16px!important}.at-session-foot{font-size:10px;align-items:flex-start}.at-help{padding:21px!important}.at-help ol{display:block}.at-help li{margin:10px 0}.at-filters{padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.at-filters label{min-width:0;font-size:10px}.at-quick{margin:0;justify-content:space-between}.at-quick button{padding:4px 6px}.at-metrics{gap:8px;margin:16px 0 22px}.at-metric{padding:12px}.at-metric span{font-size:10px}.at-metric strong{font-size:24px;margin-top:5px}.at-export-actions{width:100%}.at-export-actions .btn{font-size:12px;flex:1}.at-note{font-size:10px!important}.at-list-header h2{font-size:17px}.at-two{gap:10px}.at-form label{min-width:0}.at-setting{padding:20px!important}.at-detail-grid{grid-template-columns:1fr}.at-request>div:first-child{flex-direction:column}.at-log{gap:12px;flex-direction:column}.at-weekdays{gap:10px}}
@media(max-width:600px){.app-shell:has(.at-page) .header{gap:6px;padding:0 10px}.app-shell:has(.at-page) .page-crumb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;font-size:12px}.app-shell:has(.at-page) .page-crumb>.crumb-home,.app-shell:has(.at-page) .page-crumb>span[aria-hidden]{display:none}.app-shell:has(.at-page) .page-crumb>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-shell:has(.at-page) .header-spacer{display:none}.app-shell:has(.at-page) .header .icon-btn{width:30px;min-width:30px}.app-shell:has(.at-page) .lang-btn{padding:7px 10px;min-width:38px}}

.at-error:empty{display:none}.at-page button:disabled{opacity:.45;cursor:not-allowed}.at-log-change{flex-basis:100%;font-size:12px;line-height:1.7}.at-log-change h4{margin:12px 0 6px}.at-log-change p{margin:4px 0;overflow-wrap:anywhere}

.at-device-card{border:1px solid #b6d9d5;background:var(--surface,#f1faf8);border-radius:18px;padding:20px;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.at-device-card h3{margin:6px 0}.at-device-card .at-note{flex-basis:100%;margin:0}.at-device-settings{grid-column:1/-1}.at-exception-note,.at-gps-evidence{padding:12px;border-radius:10px;background:#fff4d5;color:#755214;line-height:1.6}.at-location_exception{background:#fff4d5;color:#755214}.at-device-settings .at-request-actions{flex-wrap:wrap}.at-device-card button{white-space:normal}

.at-punch-times small{display:block;margin-top:6px;color:#946415;font-size:12px}.at-device-card p{margin:4px 0}

.at-punch-history{margin:14px 0;border-top:1px solid var(--border,#dce6e1);padding-top:12px}.at-punch-history summary{font-weight:600;cursor:pointer}.at-punch-history ol{padding:0;list-style:none;max-height:340px;overflow:auto}.at-punch-history li{display:flex;justify-content:space-between;align-items:start;gap:10px;padding:10px 2px;border-bottom:1px solid var(--border,#dce6e1)}.at-punch-history li strong{font-size:13px;overflow-wrap:anywhere}.at-punch-history small{display:block;font-size:12px;margin-top:4px}.at-entry-table td{vertical-align:top}