.reports-page{--navy:#13243a;--green:#159447;--border:#dfe7e3;padding:24px;background:#f4f7f6;min-height:80vh;color:#1c2b36}.reports-heading,.reports-section-title,.reports-table-toolbar,.reports-pagination,.reports-upload-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.reports-heading{margin-bottom:22px}.reports-heading h2{margin:2px 0 5px;font-size:27px;color:var(--navy)}.reports-heading p,.reports-card p{margin:0;color:#687a86;font-size:13px}.reports-eyebrow{color:var(--green)!important;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:11px!important}.reports-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:0 3px 14px #19342d0f}.reports-upload-card{padding:18px 20px;margin-bottom:18px}.reports-upload-card h3,.reports-section-title h3,.reports-table-toolbar h3{margin:0 0 4px;font-size:16px;color:var(--navy)}.reports-upload-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.reports-filters{padding:20px;margin-bottom:18px}.reports-section-title{margin-bottom:17px}.reports-live-indicator{color:#117b3c;background:#e9f8ef;border-radius:20px;padding:5px 10px;font-size:11px;font-weight:800;text-transform:uppercase}.reports-filter-grid{display:grid;grid-template-columns:repeat(6,minmax(135px,1fr));gap:14px;align-items:end}.reports-filter-grid-pivot{grid-template-columns:repeat(5,minmax(145px,1fr)) minmax(260px,auto)}.reports-field{display:flex;flex-direction:column;gap:6px;min-width:0}.reports-field>span{font-size:10px;font-weight:800;color:#536773;letter-spacing:.06em;text-transform:uppercase}.reports-field input,.reports-field select,.reports-table-toolbar select{box-sizing:border-box;width:100%;height:40px;border:1px solid #ccd8d3;border-radius:8px;padding:0 10px;background:#fff;color:#233640;outline:none}.reports-field input:focus,.reports-field select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1594471a}.reports-filter-actions{display:flex;gap:8px;grid-column:span 2}.reports-button{height:40px;border:0;border-radius:8px;padding:0 17px;font-weight:750;cursor:pointer;white-space:nowrap}.reports-button:disabled{opacity:.55;cursor:not-allowed}.reports-button-primary,.reports-button-export{color:#fff;background:var(--green)}.reports-button-export{background:#176b3a}.reports-button-secondary{color:#41545f;background:#e9efec}.reports-error{margin-top:14px;border-radius:8px;background:#fff0f0;color:#a12c2c;padding:10px 12px;font-size:13px}.reports-summary{display:grid;grid-template-columns:repeat(4,minmax(155px,1fr));gap:13px;margin-bottom:18px}.reports-summary-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px 17px;min-width:0;box-shadow:0 2px 8px #19342d0a}.reports-summary-card span{display:block;color:#71818b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px}.reports-summary-card strong{display:block;color:var(--navy);font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reports-table-card{overflow:hidden}.reports-table-toolbar{padding:17px 20px;border-bottom:1px solid var(--border)}.reports-table-toolbar label{display:flex;align-items:center;gap:8px;color:#61727c;font-size:12px;white-space:nowrap}.reports-table-toolbar select{width:70px;height:34px}.reports-table-wrap{overflow:auto;max-height:620px}.reports-table{width:100%;min-width:max-content;border-collapse:separate;border-spacing:0;font-size:12px}.reports-table th{position:sticky;top:0;z-index:2;padding:13px 14px;background:var(--navy);color:#fff;text-align:left;font-size:10px;letter-spacing:.045em;text-transform:uppercase;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;border-right:1px solid rgba(255,255,255,.09)}.reports-table th span{vertical-align:middle}.reports-sort{margin-left:8px;opacity:.55;font-size:9px}.reports-table td{max-width:310px;padding:12px 14px;border-bottom:1px solid #e8eeeb;color:#344852;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-table tbody tr:hover td{background:#f2faf5}.reports-pivot-table th{cursor:default}.reports-pivot-table th:not(:first-child),.reports-pivot-table td:not(:first-child){min-width:90px}.reports-row-number{width:46px;min-width:46px;text-align:center!important;color:#788992!important}.reports-status{display:inline-block;border-radius:20px;padding:4px 9px;background:#e9eef1;color:#455a65;font-size:10px;font-weight:800;text-transform:capitalize}.reports-status-delivered,.reports-status-deliveredconfirmed,.reports-status-completed,.reports-status-active{color:#14753a;background:#e4f7eb}.reports-status-pending,.reports-status-assignedtomanager,.reports-status-inprogress{color:#9a6411;background:#fff4d8}.reports-status-cancelled,.reports-status-failed,.reports-status-incomplete{color:#a72e2e;background:#fde9e9}.reports-empty{height:180px;text-align:center;color:#71818b!important}.reports-empty strong,.reports-empty span{display:block}.reports-empty strong{color:#334852;font-size:14px;margin-bottom:6px}.reports-skeleton-row i{display:block;width:105px;height:11px;border-radius:5px;background:linear-gradient(90deg,#edf1ef 25%,#f8faf9,#edf1ef 75%);background-size:200% 100%;animation:reportShimmer 1.3s infinite}@keyframes reportShimmer{to{background-position:-200% 0}}.reports-pagination{padding:14px 18px;color:#687a85;font-size:12px;border-top:1px solid var(--border)}.reports-pagination>div{display:flex;align-items:center;gap:5px}.reports-pagination button{width:32px;height:30px;border:1px solid #d3ddd8;border-radius:6px;background:#fff;color:#304650;cursor:pointer}.reports-pagination button:disabled{opacity:.4;cursor:not-allowed}.reports-pagination>div>span{padding:0 8px;color:#344852}@media(max-width:1100px){.reports-filter-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}.reports-summary{grid-template-columns:repeat(2,minmax(155px,1fr))}}@media(max-width:700px){.reports-page{padding:14px}.reports-heading,.reports-upload-card,.reports-pagination{align-items:stretch;flex-direction:column}.reports-heading .reports-button{width:100%}.reports-filter-grid{grid-template-columns:1fr 1fr}.reports-filter-actions{grid-column:1/-1}.reports-filter-actions .reports-button{flex:1}.reports-summary{grid-template-columns:1fr 1fr}.reports-table-toolbar{align-items:flex-end}}@media(max-width:430px){.reports-filter-grid,.reports-summary{grid-template-columns:1fr}.reports-filter-actions{flex-direction:column}}.employee-dashboard{--employee-ink: #172033;--employee-muted: #697386;--employee-line: #e8ebf1;--employee-primary: #166b5f;max-width:1440px;margin:0 auto;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;animation:employee-dashboard-enter .42s ease-out both}.employee-dashboard__hero{position:relative;display:flex;align-items:center;justify-content:space-between;gap:32px;overflow:hidden;padding:30px 32px;margin-bottom:20px;color:#fff;background:linear-gradient(125deg,#102a43,#164e63 52%,#147d70);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 18px 45px #0f2a432e}.employee-dashboard__hero:after{content:"";position:absolute;width:280px;height:280px;right:-90px;top:-150px;border-radius:50%;background:#ffffff14}.employee-dashboard__eyebrow{display:block;margin-bottom:3px;color:#cce8e4;font-size:14px;font-weight:600}.employee-dashboard__hero h1{margin:0;font-size:clamp(28px,3vw,40px);line-height:1.15;letter-spacing:-.035em}.employee-dashboard__hero p{margin:9px 0 0;color:#ffffffb8;font-size:14px}.employee-dashboard__hero-actions{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.employee-dashboard__clock{display:flex;align-items:center;gap:12px;min-width:190px;padding:13px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.employee-dashboard__clock-icon{display:grid;place-items:center;width:36px;height:36px;background:#ffffff21;border-radius:10px}.employee-dashboard__clock div{display:flex;flex-direction:column;gap:2px}.employee-dashboard__clock div span{color:#ffffffa8;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}.employee-dashboard__clock strong{font-size:17px;letter-spacing:.02em}.employee-refresh{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#ffffff1a;color:#fff;font-size:23px;cursor:pointer;transition:transform .18s ease,background .18s ease}.employee-refresh:hover{background:#ffffff2e;transform:rotate(22deg)}.employee-dashboard__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.employee-stat{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;background:#fff;border:1px solid var(--employee-line);border-radius:16px;box-shadow:0 6px 20px #1720330e;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.employee-stat:hover{transform:translateY(-2px);border-color:#d9dee7;box-shadow:0 12px 28px #17203317}.employee-stat__icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px}.employee-stat--emerald .employee-stat__icon{color:#087f5b;background:#e9f8f2}.employee-stat--amber .employee-stat__icon{color:#b66a09;background:#fff6df}.employee-stat--blue .employee-stat__icon{color:#2563a9;background:#edf5ff}.employee-stat--violet .employee-stat__icon{color:#7048a8;background:#f3efff}.employee-stat__label{display:block;overflow:hidden;margin-bottom:4px;color:var(--employee-muted);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.employee-stat__value{display:block;color:var(--employee-ink);font-size:clamp(18px,2vw,23px);letter-spacing:-.025em;white-space:nowrap}.employee-dashboard__icon{width:20px;height:20px}.employee-dashboard :is(button,a):focus-visible{outline:3px solid rgba(22,107,95,.24);outline-offset:2px}.employee-dashboard-notice{padding:12px 14px!important;border-radius:12px!important;font-size:13px}.employee-dashboard-notice--error{border:1px solid #ffd9d5}.employee-dashboard-notice--success{border:1px solid #c9ebdf}.employee-dashboard__main-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.8fr);gap:20px;margin-bottom:20px}.employee-panel{padding:24px;background:#fff;border:1px solid var(--employee-line);border-radius:18px;box-shadow:0 8px 26px #1720330f}.employee-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.employee-panel__kicker{display:block;margin-bottom:4px;color:#8a94a5;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.employee-panel h2{margin:0;color:var(--employee-ink);font-size:19px;letter-spacing:-.02em}.employee-status{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;padding:7px 11px;border-radius:99px;font-size:11px;font-weight:750}.employee-status i{width:7px;height:7px;border-radius:50%}.employee-status--active{color:#087f5b;background:#e9f8f2}.employee-status--active i{background:#12a477;box-shadow:0 0 0 4px #12a4771f;animation:employee-status-pulse 1.8s infinite}.employee-status--complete{color:#2563a9;background:#edf5ff}.employee-status--complete i{background:#397dc5}.employee-status--idle{color:#667085;background:#f1f3f6}.employee-status--idle i{background:#98a2b3}.employee-attendance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #edf0f4;border-radius:14px;overflow:hidden}.employee-attendance-grid>div{min-width:0;padding:18px;border-right:1px solid #edf0f4;border-bottom:1px solid #edf0f4}.employee-attendance-grid>div:nth-child(3n){border-right:0}.employee-attendance-grid>div:nth-last-child(-n+2){border-bottom:0}.employee-attendance-grid span{display:block;margin-bottom:7px;color:var(--employee-muted);font-size:11px;font-weight:650}.employee-attendance-grid strong{display:block;overflow:hidden;color:var(--employee-ink);font-size:16px;text-overflow:ellipsis;white-space:nowrap}.employee-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.employee-action{display:flex;align-items:center;gap:11px;min-width:0;padding:12px;color:var(--employee-ink);text-align:left;text-decoration:none;background:#fafbfc;border:1px solid #ebedf1;border-radius:13px;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.employee-action:hover:not(:disabled){z-index:1;transform:translateY(-1px);background:#fff;border-color:#cfd6df}.employee-action:disabled{cursor:not-allowed;opacity:.52}.employee-action>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;color:#4f6075;background:#eef1f5;border-radius:10px}.employee-action--checkin>span{color:#087f5b;background:#e5f7f0}.employee-action--checkout>span{color:#b5473d;background:#fff0ee}.employee-action div{min-width:0}.employee-action strong,.employee-action small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-action strong{font-size:12px}.employee-action small{margin-top:3px;color:#8992a2;font-size:10px}.employee-panel--timeline{margin-bottom:4px}.employee-text-link{color:var(--employee-primary);font-size:12px;font-weight:700;text-decoration:none}.employee-text-link span{margin-left:3px;transition:margin .16s ease}.employee-text-link:hover span{margin-left:6px}.employee-timeline{position:relative;display:grid;gap:0;padding-left:8px}.employee-timeline:before{content:"";position:absolute;top:20px;bottom:20px;left:25px;width:1px;background:#dfe4ea}.employee-timeline__item{position:relative;display:flex;align-items:center;gap:15px;min-height:58px}.employee-timeline__marker{z-index:1;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;color:#13766a;background:#ecf8f5;border:4px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #d9e7e4}.employee-timeline__marker .employee-dashboard__icon{width:15px;height:15px}.employee-timeline__content{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:1;min-width:0;padding:12px 14px;background:#fafbfc;border-radius:11px}.employee-timeline__content strong{color:#334155;font-size:13px}.employee-timeline__content span{color:var(--employee-muted);font-size:12px;white-space:nowrap}.employee-empty{display:flex;flex-direction:column;align-items:center;padding:26px 16px;color:var(--employee-muted);text-align:center;background:#fafbfc;border:1px dashed #d8dee7;border-radius:14px}.employee-empty__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:10px;color:#728096;background:#eef1f5;border-radius:12px}.employee-empty strong{color:#475569;font-size:13px}.employee-empty p{max-width:340px;margin:5px 0 0;font-size:12px}.employee-skeleton{position:relative;overflow:hidden;background:#e9edf2;border-radius:18px}.employee-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.75),transparent);animation:employee-skeleton-shimmer 1.35s infinite}.employee-skeleton--hero{height:154px;margin-bottom:20px}.employee-skeleton-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.employee-skeleton--stat{height:80px}.employee-skeleton--panel{height:300px}@keyframes employee-dashboard-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes employee-status-pulse{50%{box-shadow:0 0 0 7px #12a47700}}@keyframes employee-skeleton-shimmer{to{transform:translate(100%)}}@media(max-width:1100px){.employee-dashboard__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-dashboard__main-grid{grid-template-columns:1fr}.employee-panel--actions .employee-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-panel--actions .employee-action{flex-direction:column;align-items:flex-start}.employee-skeleton-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.employee-dashboard-page{padding:18px 14px!important}.employee-dashboard__hero{align-items:flex-start;flex-direction:column;padding:24px;border-radius:17px}.employee-dashboard__hero-actions{width:100%}.employee-dashboard__clock{flex:1}.employee-dashboard__stats{gap:10px}.employee-stat{padding:14px}.employee-stat__icon{flex-basis:38px;width:38px;height:38px}.employee-panel{padding:18px;border-radius:16px}.employee-attendance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.employee-attendance-grid>div:nth-child(3n){border-right:1px solid #edf0f4}.employee-attendance-grid>div:nth-child(2n){border-right:0}.employee-attendance-grid>div:nth-last-child(-n+2){border-bottom:1px solid #edf0f4}.employee-attendance-grid>div:last-child{border-bottom:0}.employee-panel--actions .employee-actions{grid-template-columns:1fr 1fr}.employee-panel--actions .employee-action{flex-direction:row;align-items:center}}@media(max-width:480px){.employee-dashboard__stats{grid-template-columns:1fr}.employee-stat__value{font-size:20px}.employee-panel__header{align-items:flex-start;flex-direction:column}.employee-attendance-grid,.employee-panel--actions .employee-actions{grid-template-columns:1fr}.employee-attendance-grid>div{border-right:0!important;border-bottom:1px solid #edf0f4!important}.employee-attendance-grid>div:last-child{border-bottom:0!important}.employee-timeline__content{align-items:flex-start;flex-direction:column;gap:3px}}@media(prefers-reduced-motion:reduce){.employee-dashboard,.employee-skeleton:after,.employee-status--active i{animation:none}.employee-stat,.employee-action,.employee-refresh{transition:none}}.attendance-history-page{min-height:100vh;box-sizing:border-box;padding:28px;color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.attendance-history{max-width:1440px;margin:0 auto;animation:attendance-history-enter .4s ease-out both}.attendance-history__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:4px 2px}.attendance-history__eyebrow{display:block;margin-bottom:6px;color:#147d70;font-size:11px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.attendance-history__heading h1{margin:0;color:#172033;font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.035em}.attendance-history__heading p{margin:8px 0 0;color:#697386;font-size:14px}.attendance-history__header-actions{display:flex;align-items:center;gap:10px}.attendance-history__export,.attendance-history__refresh{display:inline-flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.attendance-history__export{gap:8px;min-height:42px;padding:0 16px;color:#fff;background:#166b5f;border-radius:11px;box-shadow:0 6px 16px #166b5f33;font-size:12px;font-weight:700}.attendance-history__export svg{width:17px;height:17px}.attendance-history__export:hover:not(:disabled){transform:translateY(-1px);background:#10594f;box-shadow:0 9px 20px #166b5f40}.attendance-history__refresh{width:42px;height:42px;color:#526174;background:#fff;border:1px solid #e1e5eb;border-radius:11px;font-size:22px}.attendance-history__refresh:hover:not(:disabled){transform:rotate(20deg);background:#f9fafb}.attendance-history :is(button,input,select):focus-visible,.attendance-history__drawer :is(button,input,select):focus-visible{outline:3px solid rgba(22,107,95,.2);outline-offset:2px}.attendance-history__export:disabled,.attendance-history__refresh:disabled{cursor:not-allowed;opacity:.5;box-shadow:none}.attendance-history__error{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;color:#9f2d27;background:#fff0ee;border:1px solid #ffd9d5;border-radius:12px;font-size:13px}.attendance-history__error svg{flex:0 0 18px;width:18px}.attendance-history__card{overflow:hidden;background:#fff;border:1px solid #e8ebf1;border-radius:18px;box-shadow:0 10px 32px #17203311}.attendance-history__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px;border-bottom:1px solid #eef0f3}.attendance-history__search{display:flex;align-items:center;flex:1 1 360px;max-width:480px;height:42px;box-sizing:border-box;padding:0 12px;color:#778295;background:#f8fafb;border:1px solid #e0e5eb;border-radius:11px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.attendance-history__search:focus-within{color:#166b5f;background:#fff;border-color:#72aaa3;box-shadow:0 0 0 3px #166b5f17}.attendance-history__search svg{flex:0 0 18px;width:18px;height:18px}.attendance-history__search input{flex:1;min-width:0;height:100%;padding:0 10px;color:#263244;background:transparent;border:0;outline:0;font:inherit;font-size:13px}.attendance-history__search input::placeholder{color:#98a1af}.attendance-history__search input::-webkit-search-cancel-button{display:none}.attendance-history__search button{display:grid;place-items:center;width:25px;height:25px;color:#657184;background:#e9edf2;border:0;border-radius:7px;cursor:pointer;font-size:17px}.attendance-history__filters{display:flex;align-items:flex-end;gap:9px}.attendance-history__filters label{display:flex;flex-direction:column;gap:5px;color:#778295;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.attendance-history__filters input,.attendance-history__filters select{height:42px;box-sizing:border-box;padding:0 11px;color:#354154;background:#fff;border:1px solid #dfe4ea;border-radius:10px;outline:0;font:inherit;font-size:12px;text-transform:none;transition:border-color .16s ease,box-shadow .16s ease}.attendance-history__filters input:focus,.attendance-history__filters select:focus{border-color:#72aaa3;box-shadow:0 0 0 3px #166b5f14}.attendance-history__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;color:#7a8494;background:#fcfcfd;border-bottom:1px solid #eef0f3;font-size:11px}.attendance-history__meta strong{color:#354154}.attendance-history__table-wrap{overflow-x:auto;scrollbar-color:#ccd3dd transparent}.attendance-history__table{width:100%;min-width:1080px;border-collapse:collapse}.attendance-history__table th{padding:0;color:#697386;background:#f8f9fb;border-bottom:1px solid #e5e8ed;text-align:left;white-space:nowrap}.attendance-history__table th button{display:flex;align-items:center;gap:6px;width:100%;padding:13px 15px;color:inherit;background:transparent;border:0;cursor:pointer;font-size:10px;font-weight:750;letter-spacing:.045em;text-align:left;text-transform:uppercase}.attendance-history__table th button:hover,.attendance-history__table th button.is-active{color:#166b5f;background:#f0f7f5}.attendance-history__table th button span{color:#a0a8b5;font-size:12px}.attendance-history__table tbody tr{border-bottom:1px solid #edf0f3;cursor:pointer;outline:0;transition:background .15s ease,box-shadow .15s ease}.attendance-history__table tbody tr:last-child{border-bottom:0}.attendance-history__table tbody tr:hover,.attendance-history__table tbody tr:focus{position:relative;z-index:1;background:#f8fbfa;box-shadow:inset 3px 0 #3a9589}.attendance-history__table td{max-width:210px;padding:14px 15px;color:#566174;font-size:12px;white-space:nowrap}.attendance-history__table td strong{color:#2b3748;font-weight:700}.attendance-history__date{display:flex;align-items:center;gap:10px}.attendance-history__date>span{display:grid;place-items:center;width:30px;height:30px;color:#147d70;background:#eaf7f4;border-radius:9px}.attendance-history__date svg{width:14px;height:14px}.attendance-history__remarks{overflow:hidden;max-width:190px!important;text-overflow:ellipsis}.attendance-history__row-action{display:grid;place-items:center;width:29px;height:29px;color:#667386;background:#f1f3f6;border:0;border-radius:8px;cursor:pointer;transition:color .15s ease,background .15s ease,transform .15s ease}.attendance-history__row-action:hover{color:#fff;background:#166b5f;transform:translate(2px)}.attendance-history__status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:750;text-transform:capitalize}.attendance-history__status i{width:6px;height:6px;border-radius:50%}.attendance-history__status--present{color:#087b59;background:#e8f8f1}.attendance-history__status--present i{background:#16a477}.attendance-history__status--absent{color:#ad3f36;background:#fff0ee}.attendance-history__status--absent i{background:#d65c51}.attendance-history__status--leave{color:#9b6410;background:#fff6df}.attendance-history__status--leave i{background:#d7942d}.attendance-history__status--half-day{color:#5f4a9b;background:#f2effd}.attendance-history__status--half-day i{background:#8068be}.attendance-history__status--neutral{color:#5f6979;background:#eff1f4}.attendance-history__status--neutral i{background:#8d96a5}.attendance-history__pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 20px;color:#778295;background:#fcfcfd;border-top:1px solid #edf0f3;font-size:11px}.attendance-history__pagination>div{display:flex;align-items:center;gap:5px}.attendance-history__pagination button{min-width:31px;height:31px;padding:0 8px;color:#5e697a;background:#fff;border:1px solid #dfe4ea;border-radius:8px;cursor:pointer;font-size:11px;font-weight:700}.attendance-history__pagination button:hover:not(:disabled){color:#166b5f;border-color:#83b5ae}.attendance-history__pagination button.is-current{color:#fff;background:#166b5f;border-color:#166b5f}.attendance-history__pagination button:disabled{cursor:not-allowed;opacity:.4}.attendance-history__skeleton{padding:5px 20px 15px}.attendance-history__skeleton>div{display:grid;grid-template-columns:1.2fr repeat(6,1fr);gap:24px;padding:16px 4px;border-bottom:1px solid #f0f2f4}.attendance-history__skeleton span{position:relative;overflow:hidden;height:12px;background:#e9edf2;border-radius:6px}.attendance-history__skeleton span:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:attendance-history-shimmer 1.3s infinite}.attendance-history__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:340px;padding:30px;text-align:center}.attendance-history__empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:16px;color:#5e7c78;background:#edf5f3;border-radius:18px}.attendance-history__empty svg{width:27px;height:27px}.attendance-history__empty h2{margin:0;color:#344154;font-size:17px}.attendance-history__empty p{max-width:360px;margin:7px 0 0;color:#7b8594;font-size:12px}.attendance-history__empty button{margin-top:17px;padding:8px 13px;color:#166b5f;background:#edf7f5;border:0;border-radius:9px;cursor:pointer;font-weight:700}.attendance-history__drawer-backdrop{position:fixed;inset:0;z-index:1000;background:#101e306b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:attendance-history-fade .18s ease-out}.attendance-history__drawer{position:absolute;top:0;right:0;width:min(460px,94vw);height:100%;box-sizing:border-box;overflow-y:auto;padding:34px;background:#fff;box-shadow:-18px 0 50px #101e302e;animation:attendance-history-slide .26s ease-out}.attendance-history__drawer-close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:34px;height:34px;color:#657184;background:#f1f3f5;border:0;border-radius:10px;cursor:pointer}.attendance-history__drawer-close svg{width:17px;height:17px}.attendance-history__drawer-kicker{display:block;margin-bottom:6px;color:#147d70;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.attendance-history__drawer h2{margin:0 0 14px;color:#172033;font-size:26px;letter-spacing:-.03em}.attendance-history__drawer-times{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0}.attendance-history__drawer-times>div{display:grid;grid-template-columns:35px 1fr;column-gap:11px;padding:16px;background:#f8fafb;border:1px solid #e8ebef;border-radius:14px}.attendance-history__drawer-times>div>span{grid-row:1 / 3;display:grid;place-items:center;width:35px;height:35px;color:#147d70;background:#e7f5f2;border-radius:10px}.attendance-history__drawer-times svg{width:17px;height:17px}.attendance-history__drawer-times small{color:#7a8595;font-size:10px}.attendance-history__drawer-times strong{margin-top:3px;color:#283649;font-size:14px}.attendance-history__drawer-details{display:grid;grid-template-columns:1fr 1fr;border:1px solid #e7eaef;border-radius:14px;overflow:hidden}.attendance-history__drawer-details>div{min-width:0;padding:17px;border-right:1px solid #e7eaef;border-bottom:1px solid #e7eaef}.attendance-history__drawer-details>div:nth-child(2n){border-right:0}.attendance-history__drawer-details>div.is-wide{grid-column:1 / -1;border-right:0;border-bottom:0}.attendance-history__drawer-details span,.attendance-history__drawer-details strong{display:block}.attendance-history__drawer-details span{margin-bottom:6px;color:#7a8493;font-size:10px;font-weight:650}.attendance-history__drawer-details strong{overflow-wrap:anywhere;color:#344154;font-size:13px}@keyframes attendance-history-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes attendance-history-shimmer{to{transform:translate(100%)}}@keyframes attendance-history-fade{0%{opacity:0}}@keyframes attendance-history-slide{0%{transform:translate(100%)}}@media(max-width:900px){.attendance-history__header,.attendance-history__toolbar{align-items:stretch;flex-direction:column}.attendance-history__header-actions{align-self:flex-start}.attendance-history__search{flex-basis:42px;max-width:none;width:100%}.attendance-history__filters{display:grid;grid-template-columns:1fr 1fr 1fr}.attendance-history__filters input,.attendance-history__filters select{width:100%}}@media(max-width:620px){.attendance-history-page{padding:18px 14px}.attendance-history__heading p{font-size:12px}.attendance-history__header-actions,.attendance-history__export{width:100%}.attendance-history__refresh{flex:0 0 42px}.attendance-history__toolbar{padding:15px}.attendance-history__filters{grid-template-columns:1fr 1fr}.attendance-history__filters label:first-child{grid-column:1 / -1}.attendance-history__meta{padding:12px 15px}.attendance-history__pagination{align-items:flex-start;flex-direction:column}.attendance-history__pagination>div{width:100%;justify-content:flex-end}.attendance-history__drawer{padding:28px 20px}.attendance-history__drawer-times{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.attendance-history,.attendance-history__skeleton span:after,.attendance-history__drawer-backdrop,.attendance-history__drawer{animation:none}.attendance-history__export,.attendance-history__refresh,.attendance-history__table tbody tr,.attendance-history__row-action{transition:none}}.leave-page{min-height:100vh;box-sizing:border-box;padding:28px;color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.leave-management{max-width:1440px;margin:0 auto;animation:leave-enter .4s ease-out both}.leave-management svg{width:19px;height:19px}.leave-management__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:4px 2px}.leave-management__eyebrow,.leave-history__title>div>span,.leave-form__header>div>span{display:block;margin-bottom:6px;color:#147d70;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.leave-management__header h1{margin:0;color:#172033;font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.035em}.leave-management__header p{margin:8px 0 0;color:#697386;font-size:14px}.leave-management__header-actions{display:flex;align-items:center;gap:10px}.leave-management__header-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border-radius:11px;cursor:pointer;font-size:12px;font-weight:700;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.leave-management :is(button,input,select,textarea):focus-visible,.leave-drawer button:focus-visible{outline:3px solid rgba(22,107,95,.2);outline-offset:2px}.leave-management__export{color:#455366;background:#fff;border:1px solid #dfe4ea}.leave-management__export:hover:not(:disabled){color:#166b5f;border-color:#8dbbb5;transform:translateY(-1px)}.leave-management__primary{color:#fff;background:#166b5f;border:1px solid #166b5f;box-shadow:0 6px 16px #166b5f33}.leave-management__primary:hover{background:#10594f;transform:translateY(-1px);box-shadow:0 9px 20px #166b5f40}.leave-management__header-actions button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none}.leave-notice{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;border-radius:12px;font-size:13px}.leave-notice svg{flex:0 0 18px;width:18px}.leave-notice--error{color:#9f2d27;background:#fff0ee;border:1px solid #ffd9d5}.leave-notice--success{color:#087657;background:#eaf8f2;border:1px solid #c9ebdf}.leave-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.leave-summary__card{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;background:#fff;border:1px solid #e8ebf1;border-radius:16px;box-shadow:0 6px 20px #1720330e;transition:transform .17s ease,box-shadow .17s ease}.leave-summary__card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #17203317}.leave-summary__card>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px}.leave-summary__card small,.leave-summary__card strong{display:block}.leave-summary__card small{margin-bottom:4px;color:#697386;font-size:12px;font-weight:650}.leave-summary__card strong{color:#172033;font-size:23px;letter-spacing:-.025em}.leave-summary__card--amber>span{color:#a96909;background:#fff6df}.leave-summary__card--emerald>span{color:#087f5b;background:#e9f8f2}.leave-summary__card--rose>span{color:#b4473e;background:#fff0ee}.leave-summary__card--blue>span{color:#2563a9;background:#edf5ff}.leave-summary--loading>div{position:relative;overflow:hidden;height:80px;background:#e9edf2;border-radius:16px}.leave-summary--loading>div:after,.leave-table-skeleton span:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);animation:leave-shimmer 1.3s infinite}.leave-form{margin-bottom:20px;padding:26px;background:#fff;border:1px solid #e5e9ee;border-radius:18px;box-shadow:0 10px 32px #17203312;animation:leave-form-open .26s ease-out both}.leave-form__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.leave-form__header h2{margin:0;color:#172033;font-size:21px;letter-spacing:-.025em}.leave-form__header p{margin:6px 0 0;color:#778294;font-size:12px}.leave-form__icon{display:grid;place-items:center;width:43px;height:43px;color:#147d70;background:#e9f7f4;border-radius:13px}.leave-form__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.leave-form__grid label{display:flex;flex-direction:column;gap:7px;color:#4d596b;font-size:11px;font-weight:700}.leave-form__grid input,.leave-form__grid select,.leave-form__grid textarea{width:100%;box-sizing:border-box;padding:11px 12px;color:#2c394b;background:#fbfcfd;border:1px solid #dfe4ea;border-radius:10px;outline:0;font:inherit;font-size:13px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.leave-form__grid input,.leave-form__grid select{height:43px}.leave-form__grid textarea{resize:vertical;min-height:94px}.leave-form__grid input:focus,.leave-form__grid select:focus,.leave-form__grid textarea:focus{background:#fff;border-color:#72aaa3;box-shadow:0 0 0 3px #166b5f14}.leave-form__reason{grid-column:1 / -1}.leave-form__footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px;padding-top:17px;border-top:1px solid #edf0f3}.leave-form__footer>span{color:#8a93a1;font-size:11px}.leave-form__footer button{display:inline-flex;align-items:center;justify-content:center;min-width:160px;min-height:42px;padding:0 16px;color:#fff;background:#166b5f;border:0;border-radius:10px;cursor:pointer;font-size:12px;font-weight:700}.leave-form__footer button:disabled{cursor:wait;opacity:.65}.leave-form__footer i{width:12px;height:12px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:leave-spin .7s linear infinite}.leave-history{overflow:hidden;background:#fff;border:1px solid #e8ebf1;border-radius:18px;box-shadow:0 10px 32px #17203311}.leave-history__title{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #edf0f3}.leave-history__title h2{margin:0;color:#172033;font-size:19px;letter-spacing:-.02em}.leave-history__title strong{padding:6px 9px;color:#647184;background:#f1f3f6;border-radius:99px;font-size:10px}.leave-history__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 20px;background:#fcfcfd;border-bottom:1px solid #edf0f3}.leave-history__search{display:flex;align-items:center;flex:1 1 360px;max-width:480px;height:42px;box-sizing:border-box;padding:0 12px;color:#778295;background:#fff;border:1px solid #dfe4ea;border-radius:11px}.leave-history__search:focus-within{color:#166b5f;border-color:#72aaa3;box-shadow:0 0 0 3px #166b5f14}.leave-history__search svg{flex:0 0 18px;width:18px}.leave-history__search input{flex:1;min-width:0;height:100%;padding:0 10px;color:#2e3a4c;background:transparent;border:0;outline:0;font:inherit;font-size:12px}.leave-history__search input::-webkit-search-cancel-button{display:none}.leave-history__search button{display:grid;place-items:center;width:24px;height:24px;color:#667386;background:#edf0f3;border:0;border-radius:7px;cursor:pointer;font-size:16px}.leave-history__filters{display:flex;align-items:flex-end;gap:9px}.leave-history__filters label{display:flex;flex-direction:column;gap:5px;color:#778295;font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.leave-history__filters input,.leave-history__filters select{height:42px;box-sizing:border-box;padding:0 10px;color:#354154;background:#fff;border:1px solid #dfe4ea;border-radius:10px;outline:0;font:inherit;font-size:12px;text-transform:none}.leave-history__table-wrap{overflow-x:auto}.leave-history__table{width:100%;min-width:860px;border-collapse:collapse}.leave-history__table th{padding:13px 16px;color:#697386;background:#f8f9fb;border-bottom:1px solid #e5e8ed;font-size:10px;font-weight:750;letter-spacing:.05em;text-align:left;text-transform:uppercase;white-space:nowrap}.leave-history__table td{max-width:270px;padding:15px 16px;color:#566174;font-size:12px;white-space:nowrap}.leave-history__table tbody tr{border-bottom:1px solid #edf0f3;cursor:pointer;outline:0;transition:background .15s ease,box-shadow .15s ease}.leave-history__table tbody tr:hover,.leave-history__table tbody tr:focus{background:#f8fbfa;box-shadow:inset 3px 0 #3a9589}.leave-history__type{display:inline-flex;align-items:center;gap:9px;color:#2d3a4c;font-weight:700;text-transform:capitalize}.leave-history__type svg{width:16px;color:#147d70}.leave-history__reason{overflow:hidden;text-overflow:ellipsis}.leave-history__table td:last-child button{display:grid;place-items:center;width:29px;height:29px;color:#667386;background:#f1f3f6;border:0;border-radius:8px;cursor:pointer}.leave-history__table td:last-child button:hover{color:#fff;background:#166b5f}.leave-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:750;text-transform:capitalize}.leave-status i{width:6px;height:6px;border-radius:50%}.leave-status--approved{color:#087b59;background:#e8f8f1}.leave-status--approved i{background:#16a477}.leave-status--pending{color:#9b6410;background:#fff6df}.leave-status--pending i{background:#d7942d}.leave-status--rejected{color:#ad3f36;background:#fff0ee}.leave-status--rejected i{background:#d65c51}.leave-table-skeleton{padding:5px 20px 15px}.leave-table-skeleton>div{display:grid;grid-template-columns:repeat(5,1fr);gap:28px;padding:16px 4px;border-bottom:1px solid #f0f2f4}.leave-table-skeleton span{position:relative;overflow:hidden;height:12px;background:#e9edf2;border-radius:6px}.leave-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:310px;padding:30px;text-align:center}.leave-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:15px;color:#5e7c78;background:#edf5f3;border-radius:18px}.leave-empty>span svg{width:27px}.leave-empty h3{margin:0;color:#344154;font-size:17px}.leave-empty p{margin:7px 0 0;color:#7b8594;font-size:12px}.leave-empty button{margin-top:16px;padding:8px 13px;color:#166b5f;background:#edf7f5;border:0;border-radius:9px;cursor:pointer;font-weight:700}.leave-drawer__backdrop{position:fixed;inset:0;z-index:1000;background:#101e306b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:leave-fade .18s ease-out}.leave-drawer{position:absolute;top:0;right:0;width:min(460px,94vw);height:100%;box-sizing:border-box;overflow-y:auto;padding:34px;background:#fff;box-shadow:-18px 0 50px #101e302e;animation:leave-slide .26s ease-out}.leave-drawer__close{position:absolute;top:20px;right:20px;display:grid;place-items:center;width:34px;height:34px;color:#657184;background:#f1f3f5;border:0;border-radius:10px;cursor:pointer}.leave-drawer__close svg{width:17px}.leave-drawer__eyebrow{display:block;margin-bottom:6px;color:#147d70;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.leave-drawer h2{margin:0 0 14px;color:#172033;font-size:27px;letter-spacing:-.03em;text-transform:capitalize}.leave-drawer__dates{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:26px 0;padding:17px;background:#f8fafb;border:1px solid #e7ebef;border-radius:14px}.leave-drawer__dates div{min-width:0}.leave-drawer__dates small,.leave-drawer__dates strong{display:block}.leave-drawer__dates small{margin-bottom:5px;color:#7b8594;font-size:10px}.leave-drawer__dates strong{color:#2f3b4d;font-size:12px}.leave-drawer__dates>span{color:#9aa3b0}.leave-drawer__detail{padding:17px;border:1px solid #e7eaef;border-radius:13px}.leave-drawer__detail+.leave-drawer__detail{margin-top:10px}.leave-drawer__detail span{display:block;margin-bottom:7px;color:#7a8493;font-size:10px;font-weight:650}.leave-drawer__detail p,.leave-drawer__detail strong{margin:0;color:#344154;font-size:13px;line-height:1.6;overflow-wrap:anywhere}@keyframes leave-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes leave-form-open{0%{opacity:0;transform:translateY(-6px)}}@keyframes leave-shimmer{to{transform:translate(100%)}}@keyframes leave-spin{to{transform:rotate(360deg)}}@keyframes leave-fade{0%{opacity:0}}@keyframes leave-slide{0%{transform:translate(100%)}}@media(max-width:1000px){.leave-summary{grid-template-columns:repeat(2,1fr)}.leave-form__grid{grid-template-columns:1fr 1fr}.leave-history__toolbar{align-items:stretch;flex-direction:column}.leave-history__search{max-width:none;width:100%;flex-basis:42px}}@media(max-width:680px){.leave-page{padding:18px 14px}.leave-management__header{align-items:stretch;flex-direction:column}.leave-management__header-actions{width:100%}.leave-management__header-actions button{flex:1}.leave-summary{gap:10px}.leave-summary__card{padding:14px}.leave-form{padding:20px 16px}.leave-form__grid{grid-template-columns:1fr}.leave-form__reason{grid-column:auto}.leave-form__footer{align-items:stretch;flex-direction:column}.leave-form__footer button{width:100%}.leave-history__toolbar{padding:15px}.leave-history__filters{display:grid;grid-template-columns:1fr 1fr}.leave-history__filters input,.leave-history__filters select{width:100%}.leave-drawer{padding:28px 20px}}@media(max-width:430px){.leave-summary{grid-template-columns:1fr}.leave-management__header-actions{flex-direction:column}.leave-history__filters,.leave-drawer__dates{grid-template-columns:1fr}.leave-drawer__dates>span{transform:rotate(90deg);justify-self:center}}@media(prefers-reduced-motion:reduce){.leave-management,.leave-form,.leave-summary--loading>div:after,.leave-table-skeleton span:after,.leave-drawer__backdrop,.leave-drawer{animation:none}}.holiday-page{min-height:100vh;box-sizing:border-box;padding:28px;color:#172033;background:#f4f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.holiday-management{max-width:1440px;margin:0 auto;animation:holiday-enter .4s ease-out both}.holiday-management svg{width:19px;height:19px}.holiday-management :is(button,input,select):focus-visible{outline:3px solid rgba(22,107,95,.2);outline-offset:2px}.holiday-management__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding:4px 2px}.holiday-management__header>div>span,.holiday-section-heading>div>span,.holiday-explorer__top>div>span{display:block;margin-bottom:6px;color:#147d70;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.holiday-management__header h1{margin:0;color:#172033;font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.035em}.holiday-management__header p{margin:8px 0 0;color:#697386;font-size:14px}.holiday-management__header>button{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 14px;color:#455366;background:#fff;border:1px solid #dfe4ea;border-radius:11px;cursor:pointer;font-size:20px;transition:transform .16s ease,border-color .16s ease}.holiday-management__header>button span{font-size:12px;font-weight:700}.holiday-management__header>button:hover:not(:disabled){color:#166b5f;border-color:#8dbbb5;transform:rotate(2deg)}.holiday-management__header>button:disabled{cursor:wait;opacity:.5}.holiday-management__error{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding:12px 14px;color:#9f2d27;background:#fff0ee;border:1px solid #ffd9d5;border-radius:12px;font-size:13px}.holiday-management__error svg{flex:0 0 18px}.holiday-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}.holiday-summary__card{display:flex;align-items:center;gap:14px;min-width:0;padding:18px;background:#fff;border:1px solid #e8ebf1;border-radius:16px;box-shadow:0 6px 20px #1720330e;transition:transform .17s ease,box-shadow .17s ease}.holiday-summary__card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #17203317}.holiday-summary__card>span{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:12px}.holiday-summary__card small,.holiday-summary__card strong{display:block}.holiday-summary__card small{margin-bottom:4px;color:#697386;font-size:12px;font-weight:650}.holiday-summary__card strong{color:#172033;font-size:23px;letter-spacing:-.025em}.holiday-summary__card--blue>span{color:#2563a9;background:#edf5ff}.holiday-summary__card--emerald>span{color:#087f5b;background:#e9f8f2}.holiday-summary__card--violet>span{color:#7048a8;background:#f3efff}.holiday-summary__card--amber>span{color:#a96909;background:#fff6df}.holiday-summary--loading>div{position:relative;overflow:hidden;height:80px;background:#e9edf2;border-radius:16px}.holiday-summary--loading>div:after,.holiday-content-skeleton span:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.8),transparent);animation:holiday-shimmer 1.3s infinite}.holiday-featured{margin-bottom:24px}.holiday-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:13px;padding:0 2px}.holiday-section-heading h2,.holiday-explorer__top h2{margin:0;color:#172033;font-size:19px;letter-spacing:-.025em}.holiday-section-heading>small{padding:6px 9px;color:#147d70;background:#eaf7f4;border-radius:99px;font-size:10px;font-weight:700}.holiday-featured__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.holiday-card{display:flex;align-items:stretch;gap:15px;min-width:0;padding:17px;background:#fff;border:1px solid #e7ebef;border-radius:15px;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.holiday-card:hover{transform:translateY(-2px);border-color:#bdd8d4;box-shadow:0 10px 24px #17203314}.holiday-card--featured{min-height:112px;box-shadow:0 6px 18px #1720330d}.holiday-card__date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 0 51px;width:51px;height:60px;color:#147d70;background:#eaf7f4;border-radius:12px}.holiday-card__date strong{font-size:21px;line-height:1}.holiday-card__date span{margin-top:4px;font-size:9px;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.holiday-card__content{min-width:0;flex:1}.holiday-card__content>div{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.holiday-card h3{overflow:hidden;margin:1px 0 5px;color:#2b3748;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.holiday-card time{color:#778294;font-size:10px}.holiday-card p{display:-webkit-box;overflow:hidden;margin:9px 0 0;color:#778294;font-size:10px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.holiday-countdown{flex:0 0 auto;padding:4px 7px;color:#087b59;background:#e8f8f1;border-radius:99px;font-size:8px;font-weight:750;white-space:nowrap}.holiday-countdown.is-today{color:#9b6410;background:#fff6df}.holiday-countdown.is-past{color:#657184;background:#eff1f4}.holiday-explorer{overflow:hidden;background:#fff;border:1px solid #e8ebf1;border-radius:18px;box-shadow:0 10px 32px #17203311}.holiday-explorer__top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #edf0f3}.holiday-view-toggle{display:flex;gap:3px;padding:3px;background:#f0f2f5;border-radius:10px}.holiday-view-toggle button{display:inline-flex;align-items:center;gap:6px;min-height:33px;padding:0 11px;color:#697587;background:transparent;border:0;border-radius:8px;cursor:pointer;font-size:10px;font-weight:700}.holiday-view-toggle button svg{width:14px}.holiday-view-toggle button.is-active{color:#166b5f;background:#fff;box-shadow:0 2px 6px #1720331a}.holiday-explorer__toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:16px 20px;background:#fcfcfd;border-bottom:1px solid #edf0f3}.holiday-search{display:flex;align-items:center;flex:1 1 360px;max-width:480px;height:42px;box-sizing:border-box;padding:0 12px;color:#778295;background:#fff;border:1px solid #dfe4ea;border-radius:11px}.holiday-search:focus-within{color:#166b5f;border-color:#72aaa3;box-shadow:0 0 0 3px #166b5f14}.holiday-search svg{flex:0 0 18px;width:18px}.holiday-search input{flex:1;min-width:0;height:100%;padding:0 10px;color:#2e3a4c;background:transparent;border:0;outline:0;font:inherit;font-size:12px}.holiday-search input::-webkit-search-cancel-button{display:none}.holiday-search>button{display:grid;place-items:center;width:24px;height:24px;color:#667386;background:#edf0f3;border:0;border-radius:7px;cursor:pointer;font-size:16px}.holiday-filters{display:flex;align-items:flex-end;gap:9px}.holiday-filters label{display:flex;flex-direction:column;gap:5px;color:#778295;font-size:9px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.holiday-filters select{height:42px;min-width:120px;box-sizing:border-box;padding:0 10px;color:#354154;background:#fff;border:1px solid #dfe4ea;border-radius:10px;outline:0;font:inherit;font-size:12px;text-transform:none}.holiday-upcoming-filter{display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 12px;color:#667386;background:#fff;border:1px solid #dfe4ea;border-radius:10px;cursor:pointer;font-size:10px;font-weight:700}.holiday-upcoming-filter i{width:7px;height:7px;background:#9aa3b0;border-radius:50%}.holiday-upcoming-filter.is-active{color:#087b59;background:#ebf8f3;border-color:#acd6c8}.holiday-upcoming-filter.is-active i{background:#16a477;box-shadow:0 0 0 4px #16a4771a}.holiday-calendar{min-width:760px}.holiday-calendar__month{display:flex;align-items:center;gap:9px;padding:16px 20px;color:#425064;border-bottom:1px solid #edf0f3}.holiday-calendar__month svg{width:17px;color:#147d70}.holiday-calendar__month strong{font-size:13px}.holiday-calendar__month span{margin-left:auto;color:#7c8797;font-size:10px}.holiday-calendar__weekdays,.holiday-calendar__grid{display:grid;grid-template-columns:repeat(7,1fr)}.holiday-calendar__weekdays{color:#778294;background:#f8f9fb;border-bottom:1px solid #e7eaef}.holiday-calendar__weekdays span{padding:10px;font-size:9px;font-weight:750;letter-spacing:.05em;text-align:center;text-transform:uppercase}.holiday-calendar__grid>div{position:relative;min-height:82px;box-sizing:border-box;overflow:hidden;padding:9px;border-right:1px solid #edf0f3;border-bottom:1px solid #edf0f3}.holiday-calendar__grid>div:nth-child(7n){border-right:0}.holiday-calendar__grid>div.is-empty{background:#fafbfc}.holiday-calendar__grid>div>span{display:grid;place-items:center;width:23px;height:23px;color:#647184;border-radius:50%;font-size:10px}.holiday-calendar__grid>div.is-today>span{color:#fff;background:#166b5f}.holiday-calendar__grid>div.has-holiday{background:#fbfefc}.holiday-calendar__grid small{display:block;overflow:hidden;margin-top:4px;padding:4px 6px;color:#087b59;background:#e9f8f2;border-left:2px solid #16a477;border-radius:4px;font-size:8px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.holiday-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px}.holiday-list .holiday-card{min-height:82px}.holiday-content-skeleton{padding:10px 20px 20px}.holiday-content-skeleton>div{display:grid;grid-template-columns:.6fr 1.4fr 1fr;gap:24px;padding:17px 4px;border-bottom:1px solid #f0f2f4}.holiday-content-skeleton span{position:relative;overflow:hidden;height:12px;background:#e9edf2;border-radius:6px}.holiday-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:330px;padding:30px;text-align:center}.holiday-empty>span{display:grid;place-items:center;width:58px;height:58px;margin-bottom:15px;color:#5e7c78;background:#edf5f3;border-radius:18px}.holiday-empty>span svg{width:27px}.holiday-empty h3{margin:0;color:#344154;font-size:17px}.holiday-empty p{margin:7px 0 0;color:#7b8594;font-size:12px}.holiday-empty button{margin-top:16px;padding:8px 13px;color:#166b5f;background:#edf7f5;border:0;border-radius:9px;cursor:pointer;font-weight:700}@keyframes holiday-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes holiday-shimmer{to{transform:translate(100%)}}@media(max-width:1100px){.holiday-summary,.holiday-featured__grid{grid-template-columns:repeat(2,1fr)}.holiday-explorer__toolbar{align-items:stretch;flex-direction:column}.holiday-search{max-width:none;width:100%;flex-basis:42px}}@media(max-width:760px){.holiday-page{padding:18px 14px}.holiday-management__header{align-items:flex-start;flex-direction:column}.holiday-featured__grid{grid-template-columns:1fr}.holiday-explorer{overflow-x:auto}.holiday-explorer__top{align-items:flex-start;flex-direction:column}.holiday-view-toggle{width:100%}.holiday-view-toggle button{flex:1;justify-content:center}.holiday-filters{display:grid;grid-template-columns:1fr 1fr}.holiday-filters label select{width:100%}.holiday-upcoming-filter{grid-column:1 / -1;justify-content:center}.holiday-list{grid-template-columns:1fr;padding:15px}}@media(max-width:460px){.holiday-summary{grid-template-columns:1fr}.holiday-summary__card{padding:14px}.holiday-filters{grid-template-columns:1fr}.holiday-upcoming-filter{grid-column:auto}}@media(prefers-reduced-motion:reduce){.holiday-management,.holiday-summary--loading>div:after,.holiday-content-skeleton span:after{animation:none}.holiday-summary__card,.holiday-card{transition:none}}html,body,#root{height:100%;width:100%;margin:0;padding:0;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}