.attendance-page{padding:var(--space-6);max-width:1400px;margin:0 auto;min-height:100%;font-family:var(--font-family-display);animation:fadeIn .3s ease-out}.attendance-breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-sm);margin-bottom:var(--space-6)}.attendance-breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .15s ease}.attendance-breadcrumb-link:hover{color:var(--color-primary)}.attendance-breadcrumb-separator{color:var(--color-text-tertiary)}.attendance-breadcrumb-current{color:var(--color-text);font-weight:var(--weight-medium)}.attendance-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.attendance-title-section h1{font-family:var(--font-family-display);font-size:var(--font-3xl);font-weight:var(--weight-extrabold);margin-bottom:var(--space-2);color:var(--color-text);letter-spacing:-.03em;line-height:1.1}.attendance-title-section p{font-family:var(--font-family-display);color:var(--color-text-secondary);font-size:var(--font-md);margin:0;line-height:1.5}.attendance-header-actions{display:flex;gap:var(--space-3)}.attendance-access-denied,.attendance-feature-disabled{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.attendance-access-icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-text-tertiary);opacity:.5}.attendance-access-title{font-family:var(--font-family-display);font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-2) 0}.attendance-access-message{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0 0 var(--space-6) 0;max-width:400px}.attendance-status-card-section{margin-bottom:var(--space-6)}.attendance-status-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.attendance-status-card:hover{box-shadow:var(--shadow-md)}.attendance-status-card.status-present{border-left:4px solid var(--color-positive)}.attendance-status-card.status-late{border-left:4px solid var(--color-negative)}.attendance-status-card.status-pending{border-left:4px solid var(--color-warning)}.attendance-status-card.status-not-required{border-left:4px solid var(--color-info)}.attendance-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.attendance-card-title-group{display:flex;flex-direction:column;gap:var(--space-1)}.attendance-card-eyebrow{font-size:var(--font-xs);text-transform:uppercase;font-weight:var(--weight-bold);letter-spacing:.05em;color:var(--color-text-secondary)}.attendance-card-title{font-size:var(--font-lg);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.attendance-badge{display:inline-flex;align-items:center;gap:6px;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:var(--weight-semibold);line-height:1.25;text-transform:capitalize}.attendance-badge.present{background:var(--color-positive-subtle);color:var(--color-positive);border:1px solid var(--color-positive-subtle)}.attendance-badge.late{background:var(--color-negative-subtle);color:var(--color-negative);border:1px solid var(--color-negative-subtle)}.attendance-badge.pending{background:var(--color-warning-subtle);color:var(--color-warning);border:1px solid var(--color-warning-subtle)}.attendance-badge.not-required,.attendance-badge.on-leave{background:var(--color-info-subtle);color:var(--color-info);border:1px solid var(--color-info-subtle)}.attendance-badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.attendance-pending-body{display:flex;align-items:center;justify-content:space-between;background:var(--color-warning-subtle);border:1px dashed var(--color-warning);border-radius:var(--radius-lg);padding:var(--space-5);gap:var(--space-4);flex-wrap:wrap}.attendance-pending-info{display:flex;flex-direction:column;gap:var(--space-1)}.attendance-pending-heading{font-size:var(--font-base);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.attendance-pending-description{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.attendance-checkin-cta{flex-shrink:0}.attendance-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-top:var(--space-2)}.attendance-detail-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.attendance-detail-label{font-size:var(--font-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.attendance-detail-value{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.attendance-detail-value.late-highlight{color:var(--color-negative)}.attendance-late-reason-box{grid-column:1/-1;background:var(--color-negative-subtle);border:1px solid var(--color-negative);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.attendance-late-reason-label{font-size:var(--font-xs);font-weight:var(--weight-bold);color:var(--color-negative)}.attendance-late-reason-text{font-size:var(--font-sm);color:var(--color-text);margin:0}.custody-indicator{display:inline-flex;align-items:center;gap:var(--space-1-5);font-size:var(--font-xs);font-weight:var(--weight-medium)}.custody-indicator.deposited{color:var(--color-positive)}.custody-indicator.not-deposited{color:var(--color-text-secondary)}.attendance-info-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--color-info-subtle);border:1px solid var(--color-info);border-radius:var(--radius-lg);color:var(--color-text)}.attendance-info-banner-icon{color:var(--color-info);flex-shrink:0}.attendance-info-banner-content{display:flex;flex-direction:column;gap:var(--space-0-5)}.attendance-info-banner-title{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}.attendance-info-banner-message{font-size:var(--font-xs);color:var(--color-text-secondary);margin:0}.attendance-loading{padding:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.attendance-loading,.checkin-overlay{display:flex;align-items:center;justify-content:center}.checkin-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);padding:var(--space-4);animation:fadeIn .2s ease;overflow-y:auto}.checkin-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideIn .22s cubic-bezier(.16,1,.3,1)}.checkin-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6) var(--space-6) var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.checkin-modal-header-text{display:flex;flex-direction:column;gap:var(--space-1)}.checkin-modal-title{font-family:var(--font-family-display);font-size:var(--font-lg);font-weight:var(--weight-bold);color:var(--color-text);margin:0;line-height:1.25}.checkin-modal-subtitle{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0;line-height:1.4}.checkin-close-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.checkin-close-btn:hover,.checkin-close-btn:hover:not(:disabled){background:var(--color-bg-muted);color:var(--color-text)}.checkin-close-btn:hover:not(:disabled){border-color:var(--color-border-hover)}.checkin-close-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.checkin-close-btn:disabled{opacity:.4;cursor:not-allowed}.checkin-alert{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-negative-subtle);border-bottom:1px solid var(--color-negative);font-size:var(--font-sm);color:var(--color-negative);line-height:1.4;flex-shrink:0}.checkin-alert-icon{flex-shrink:0;margin-top:1px}.checkin-form{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6)}.checkin-field-block{display:flex;flex-direction:column;gap:var(--space-3)}.checkin-field-label{font-family:var(--font-family-display);font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.4}.checkin-field-required{color:var(--color-negative)}.checkin-field-hint{font-size:var(--font-xs);color:var(--color-text-secondary);margin-top:-10px;line-height:1.4}.checkin-field-error{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--color-negative);margin-top:calc(var(--space-1) * -1)}.checkin-pill-group{display:flex;flex-wrap:wrap;gap:10px}.checkin-pill-group--error .checkin-pill:not(.checkin-pill--selected){border-color:var(--color-negative)}.checkin-pill{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);font-family:var(--font-family-display);font-size:var(--font-sm);font-weight:var(--weight-medium);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease;line-height:1.4;text-align:left;white-space:normal;word-break:break-word}.checkin-pill:hover:not(.checkin-pill--selected){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-subtle)}.checkin-pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.checkin-pill--selected{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast);font-weight:var(--weight-semibold);box-shadow:0 2px 6px rgba(79,70,229,.25)}.checkin-pill--selected:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.checkin-textarea{width:100%;padding:var(--space-3);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-sm);line-height:1.5;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.checkin-textarea:hover{border-color:var(--color-border-hover)}.checkin-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.checkin-textarea::placeholder{color:var(--color-text-tertiary)}.checkin-textarea--error{border-color:var(--color-negative)}.checkin-textarea--error:focus{box-shadow:0 0 0 3px var(--color-negative-subtle)}.checkin-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--color-border);padding-bottom:0}.checkin-spinner{animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:600px){.checkin-overlay{align-items:flex-end;padding:0}.checkin-modal{max-width:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;max-height:92vh}.checkin-pill{width:100%;justify-content:center}.checkin-pill-group{flex-direction:column}.checkin-modal-footer{flex-direction:column-reverse;gap:var(--space-2)}.checkin-modal-footer .btn{width:100%;justify-content:center}}.attendance-history-section{margin-top:var(--space-8)}.attendance-history-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.attendance-history-section-title{font-family:var(--font-family-display);font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-1) 0;letter-spacing:-.02em}.attendance-history-section-sub{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.attendance-history-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease}.attendance-history-card:hover{box-shadow:var(--shadow-md)}.attendance-history-card-pagination{padding:0 var(--space-6) var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.attendance-history-filters,.attendance-history-filters-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.attendance-history-filter-group{display:flex;align-items:center;gap:var(--space-2)}.attendance-history-filter-label{font-size:var(--font-xs);font-weight:var(--weight-medium);color:var(--color-text-secondary);white-space:nowrap}.attendance-history-filter-input,.attendance-history-filter-select{height:34px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-display);font-size:var(--font-sm);font-weight:var(--weight-medium);transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer}.attendance-history-filter-select{padding-right:var(--space-8);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.attendance-history-filter-input:hover,.attendance-history-filter-select:hover{border-color:var(--color-border-hover)}.attendance-history-filter-input:focus,.attendance-history-filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.attendance-history-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.attendance-history-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.attendance-history-head-row{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.attendance-history-th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--font-xs);font-weight:var(--weight-semibold);background-color:var(--color-bg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.attendance-history-th-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-right:var(--space-1);margin-bottom:var(--space-1)}.attendance-history-row{border-bottom:1px solid var(--color-border);transition:background .12s ease}.attendance-history-row:last-child{border-bottom:none}.attendance-history-row:not(.skeleton):hover{background:var(--color-row-hover)}.attendance-history-cell{padding:var(--space-4) var(--space-5);color:var(--color-text);white-space:nowrap;vertical-align:middle}.attendance-history-cell.date-cell{font-weight:var(--weight-medium);color:var(--color-text)}.attendance-history-cell.time-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.attendance-history-cell.location-cell{color:var(--color-text-secondary)}.attendance-history-na{color:var(--color-text-tertiary)}.attendance-badge.absent{background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border)}.attendance-history-custody{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);font-weight:var(--weight-medium);padding:2px var(--space-2);border-radius:var(--radius-full)}.attendance-history-custody.deposited{background:var(--color-positive-subtle);color:var(--color-positive)}.attendance-history-custody.partial{background:var(--color-bg-muted);color:var(--color-text-secondary)}.attendance-history-empty-cell{padding:var(--space-16) var(--space-5);text-align:center}.attendance-history-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.attendance-history-empty-icon{color:var(--color-text-tertiary);opacity:.5}.attendance-history-empty-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.attendance-history-empty-title{font-size:var(--font-md);font-weight:var(--weight-semibold);margin:0}.attendance-history-empty-sub{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.attendance-history-row.skeleton .attendance-history-cell{padding-top:var(--space-4);padding-bottom:var(--space-4)}.skeleton-line{display:block;height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-border) 50%,var(--color-bg-muted) 75%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;width:70%}@keyframes skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:768px){.attendance-history-filters{flex-direction:column;align-items:stretch;gap:var(--space-3)}.attendance-history-filters-controls{flex-direction:column;align-items:stretch;gap:var(--space-2)}.attendance-history-filter-group{flex-direction:column;align-items:stretch;gap:var(--space-1)}.attendance-history-filter-input,.attendance-history-filter-select{width:100%}.attendance-history-cell,.attendance-history-th{padding-left:var(--space-3);padding-right:var(--space-3)}}.admin-kpi-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:var(--space-5);gap:var(--space-5);margin-bottom:var(--space-8)}.admin-kpi-card{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);box-shadow:var(--shadow-sm);cursor:pointer;font-family:inherit;text-align:left;width:100%;min-width:0;position:relative;transition:box-shadow .2s ease,border-color .2s ease,transform .15s ease,background-color .2s ease}.admin-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-border-hover)}.admin-kpi-card:active{transform:translateY(0)}.admin-kpi-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.admin-kpi-card--selected{box-shadow:var(--shadow-md)}.admin-kpi-card--scheduled.admin-kpi-card--selected{border-color:var(--color-primary);background:var(--color-primary-subtle);box-shadow:0 0 0 1.5px var(--color-primary),var(--shadow-md)}.admin-kpi-card--checked-in.admin-kpi-card--selected{border-color:var(--color-positive);background:var(--color-positive-subtle);box-shadow:0 0 0 1.5px var(--color-positive),var(--shadow-md)}.admin-kpi-card--late.admin-kpi-card--selected{border-color:var(--color-warning);background:var(--color-warning-subtle);box-shadow:0 0 0 1.5px var(--color-warning),var(--shadow-md)}.admin-kpi-card--absent.admin-kpi-card--selected{border-color:var(--color-negative);background:var(--color-negative-subtle);box-shadow:0 0 0 1.5px var(--color-negative),var(--shadow-md)}.admin-kpi-card--on-leave.admin-kpi-card--selected{border-color:var(--color-info);background:var(--color-info-subtle);box-shadow:0 0 0 1.5px var(--color-info),var(--shadow-md)}.admin-kpi-icon-wrap{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-kpi-content{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-kpi-label{font-size:var(--font-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-kpi-value{font-size:var(--font-2xl);font-weight:var(--weight-bold);line-height:1}.admin-kpi-skeleton{display:block;height:36px;width:56px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-border) 50%,var(--color-bg-muted) 75%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.admin-kpi-card--scheduled .admin-kpi-icon-wrap{background:var(--color-primary-subtle);color:var(--color-primary)}.kpi-value--scheduled{color:var(--color-primary)}.admin-kpi-card--checked-in .admin-kpi-icon-wrap{background:var(--color-positive-subtle);color:var(--color-positive)}.kpi-value--checked-in{color:var(--color-positive)}.admin-kpi-card--late .admin-kpi-icon-wrap{background:var(--color-warning-subtle);color:var(--color-warning)}.kpi-value--late{color:var(--color-warning)}.admin-kpi-card--absent .admin-kpi-icon-wrap{background:var(--color-negative-subtle);color:var(--color-negative)}.kpi-value--absent{color:var(--color-negative)}.admin-kpi-card--on-leave .admin-kpi-icon-wrap{background:var(--color-info-subtle);color:var(--color-info)}.kpi-value--on-leave{color:var(--color-info)}.admin-filter-bar{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap}.admin-filter-group{display:flex;flex-direction:column;gap:var(--space-1)}.admin-filter-label{font-size:var(--font-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.admin-filter-input,.admin-filter-select{height:36px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-display);font-size:var(--font-sm);font-weight:var(--weight-medium);transition:border-color .15s ease,box-shadow .15s ease;cursor:pointer}.admin-filter-select{padding-right:var(--space-8);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center}.admin-filter-input:hover,.admin-filter-select:hover{border-color:var(--color-border-hover)}.admin-filter-input:focus,.admin-filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.admin-roster-section{margin-top:var(--space-2)}.admin-roster-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.admin-roster-section-title{font-family:var(--font-family-display);font-size:var(--font-xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-1) 0;letter-spacing:-.02em}.admin-roster-section-sub{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.admin-roster-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .2s ease}.admin-roster-card:hover{box-shadow:var(--shadow-md)}.admin-roster-pagination{padding:0 var(--space-6) var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.admin-roster-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.admin-roster-table{width:100%;border-collapse:collapse;font-size:var(--font-sm)}.admin-roster-head-row{border-bottom:1px solid var(--color-border);background:var(--color-bg)}.admin-roster-th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--font-xs);font-weight:var(--weight-semibold);background-color:var(--color-bg);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.admin-roster-th-icon{display:inline-flex;align-items:center;vertical-align:middle;margin-right:var(--space-1);margin-bottom:1px}.admin-roster-row{border-bottom:1px solid var(--color-border);transition:background .12s ease;cursor:pointer}.admin-roster-row:last-child{border-bottom:none}.admin-roster-row:not(.skeleton):hover{background:var(--color-row-hover)}.admin-roster-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.admin-roster-cell{padding:var(--space-4);color:var(--color-text);white-space:nowrap;vertical-align:middle}.admin-roster-cell--employee,.admin-roster-th--employee{width:320px;max-width:320px;min-width:320px}.admin-roster-cell--time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.admin-roster-employee{display:flex;flex-direction:column;gap:2px;max-width:100%;overflow:hidden}.admin-roster-employee-name{font-weight:var(--weight-semibold);color:var(--color-text)}.admin-roster-employee-name,.admin-roster-employee-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-roster-employee-title{font-size:var(--font-xs);color:var(--color-text-secondary)}.admin-roster-na{color:var(--color-text-tertiary)}.admin-unit-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-md);font-size:var(--font-xs);font-weight:var(--weight-bold);letter-spacing:.05em;text-transform:uppercase}.admin-unit-badge--cdsb{background:rgba(99,102,241,.1);color:var(--color-primary);border:1px solid rgba(99,102,241,.2)}.admin-unit-badge--cdam{background:rgba(139,92,246,.1);color:#7c3aed;border:1px solid rgba(139,92,246,.2)}.admin-roster-empty-cell{padding:var(--space-16) var(--space-5);text-align:center}.admin-roster-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.admin-roster-empty-icon{color:var(--color-text-tertiary);opacity:.5}.admin-roster-empty-text{display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.admin-roster-empty-title{font-size:var(--font-md);font-weight:var(--weight-semibold);margin:0}.admin-roster-empty-sub{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.admin-spin{animation:spin .75s linear infinite}.admin-drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-modal-backdrop);animation:fadeIn .2s ease}.admin-drawer{position:fixed;top:0;right:0;height:100%;width:420px;max-width:100%;background:var(--color-surface);border-left:1px solid var(--color-border);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;animation:slideInRight .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.admin-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.admin-drawer-header-text{display:flex;flex-direction:column;gap:var(--space-1)}.admin-drawer-title{font-family:var(--font-family-display);font-size:var(--font-lg);font-weight:var(--weight-bold);color:var(--color-text);margin:0;line-height:1.25}.admin-drawer-subtitle{font-size:var(--font-sm);color:var(--color-text-secondary);margin:0}.admin-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease;flex-shrink:0}.admin-drawer-close:hover{background:var(--color-bg-muted);color:var(--color-text);border-color:var(--color-border-hover)}.admin-drawer-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.admin-drawer-body{flex:1 1;overflow-y:auto;padding:var(--space-2) var(--space-6);display:flex;flex-direction:column;gap:0}.admin-drawer-loading{display:flex;flex-direction:column;gap:var(--space-5)}.admin-drawer-skeleton-block{display:flex;flex-direction:column;gap:var(--space-2)}.admin-drawer-content{display:flex;flex-direction:column;gap:0}.admin-drawer-section{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.admin-drawer-section:last-child{border-bottom:none}.admin-drawer-section--meta{opacity:.8}.admin-drawer-section-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-xs);font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary)}.admin-drawer-section-icon{flex-shrink:0}.admin-drawer-detail-grid{display:flex;flex-direction:column;gap:var(--space-3)}.admin-drawer-detail-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-1)}.admin-drawer-detail-label{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-xs);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.admin-drawer-detail-value{font-size:var(--font-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.admin-drawer-detail-value--late{color:var(--color-negative)}.admin-drawer-detail-value--mono{font-family:var(--font-family-mono);font-size:var(--font-xs);font-weight:var(--weight-normal);color:var(--color-text-secondary);word-break:break-all}.admin-drawer-late-reason{font-size:var(--font-sm);color:var(--color-negative);background:var(--color-negative-subtle);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin:0;line-height:1.5}@media (max-width:1200px){.admin-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}}@media (max-width:768px){.admin-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.admin-kpi-card:last-child{grid-column:span 2}.admin-filter-bar,.admin-roster-section-header{flex-direction:column;align-items:stretch}.admin-filter-group{flex-direction:column}.admin-filter-input,.admin-filter-select{width:100%}.admin-roster-cell,.admin-roster-th{padding-left:var(--space-3);padding-right:var(--space-3)}.admin-drawer{width:100%;border-left:none;border-top:1px solid var(--color-border);top:auto;bottom:0;height:90vh;animation:slideInUp .25s cubic-bezier(.16,1,.3,1)}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}}@media (max-width:480px){.admin-kpi-grid{grid-template-columns:1fr;gap:var(--space-3)}.admin-kpi-card:last-child{grid-column:auto}.admin-kpi-card{padding:var(--space-3) var(--space-4)}.admin-kpi-value{font-size:var(--font-xl)}}