body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard{background:#f6f8fb;background:var(--bg);color:#0f172a;color:var(--text);min-height:100vh;padding-bottom:48px}.dashboard__header{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 24px 0}.dashboard__title{align-self:stretch;background:#fff;background:var(--card);font-size:24px;font-weight:700;margin:0 -24px 4px;padding:12px 24px 5px;text-align:left}.dashboard__subtitle{color:#6b7280;color:var(--muted);font-size:14px;margin:0;text-align:left}.dashboard__titleBlock{align-self:stretch;background:#fff;background:var(--card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:0;margin-left:-24px;margin-right:-24px;padding:0 24px 12px}.dashboard__nav{grid-gap:4px;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:grid;gap:4px;grid-auto-flow:column;padding:4px}.dashboard__grid{grid-gap:16px;display:grid;gap:16px;padding:16px 24px 0}.dashboard__grid--top{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard__grid--main{grid-template-columns:1.2fr 1fr 1fr}.card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:16px;position:relative;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.card:hover{border-color:#0000000f;box-shadow:0 8px 24px #2563eb2e,0 2px 6px #2563eb1f;transform:translateY(-2px)}.card--tall{height:100%;min-height:340px}.card__title{font-weight:600;margin-bottom:8px}.metric{font-size:28px;font-weight:700}.card__icon{font-size:18px;opacity:.7;position:absolute;right:12px;top:12px}.muted{color:#6b7280;color:var(--muted);font-size:12px}.actions{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.action{background:#fafbff;border:1px dashed #e5e7eb;border:1px dashed var(--border);border-radius:10px;padding:14px;transition:box-shadow .2s ease,transform .2s ease,background-color .2s ease,border-color .2s ease}.action:hover{background:#fff;border-color:#00000014;box-shadow:0 6px 18px #2563eb29,0 1px 4px #2563eb1a;transform:translateY(-1px)}.action__title{font-weight:600;margin-bottom:4px}.activities{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.activity__title{font-weight:600}.compliance{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:12px 0 0;padding:0}.compliance__row{align-items:center;border-bottom:1px dashed #e5e7eb;border-bottom:1px dashed var(--border);display:flex;justify-content:space-between;padding-bottom:8px}.status{font-size:12px;font-weight:600}.status--ok{color:#16a34a;color:var(--ok)}.status--warn{color:#ca8a04;color:var(--warn)}@media (max-width:1100px){.dashboard__grid--top{grid-template-columns:repeat(2,1fr)}.dashboard__grid--main{grid-template-columns:1fr}.card--tall{min-height:auto}}.employees{background:#f6f8fb;background:var(--bg);color:#0f172a;color:var(--text);min-height:100vh;padding-bottom:48px}.employees__header{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 24px 0}.employees__title{align-self:stretch;background:#fff;background:var(--card);font-size:24px;font-weight:700;margin:0 -24px 4px;padding:12px 24px 5px;text-align:left}.employees__subtitle{color:#6b7280;color:var(--muted);font-size:14px;margin:0;text-align:left}.employees__titleBlock{align-self:stretch;background:#fff;background:var(--card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:0;margin-left:-24px;margin-right:-24px;padding:0 24px 12px}.employees__nav{grid-gap:4px;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:grid;gap:4px;grid-auto-flow:column;padding:4px}.nav__item{font-size:14px;font-weight:500}.employees__content{display:flex;flex-direction:column;gap:24px;padding:24px}.employees__section{display:flex;flex-direction:column;gap:16px}.employees__sectionHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.employees__sectionTitle{display:flex;flex-direction:column;gap:4px}.employees__sectionTitleText{color:#0f172a;color:var(--text);font-size:20px;font-weight:700;margin:0}.employees__sectionDescription{color:#6b7280;color:var(--muted);font-size:14px;margin:0}.employees__addButton{align-items:center;background:#2563eb;background:var(--primary);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;transition:background-color .2s ease,transform .2s ease}.employees__addButton:hover{background:#1d4ed8;transform:translateY(-1px)}.employees__addIcon{font-size:16px;font-weight:700}.employees__card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:24px}.employees__cardHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.employees__cardTitle{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:18px;font-weight:700;gap:8px}.employees__cardIcon{font-size:20px}.employees__searchContainer{align-items:center;display:flex;position:relative}.employees__searchIcon{color:#6b7280;color:var(--muted);font-size:16px;left:12px;position:absolute;z-index:1}.employees__searchInput{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-size:14px;padding:10px 12px 10px 40px;width:250px}.employees__searchInput:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.employees__searchInput::placeholder{color:#6b7280;color:var(--muted)}.employees__tableContainer{overflow-x:auto}.employees__table{border-collapse:collapse;width:100%}.employees__tableHead{background:#f8fafc}.employees__tableHeader{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#0f172a;color:var(--text);font-size:14px;font-weight:600;padding:12px 16px;text-align:left}.employees__tableBody{background:#fff;background:var(--card)}.employees__emptyRow{height:200px}.employees__emptyCell{color:#6b7280;color:var(--muted);font-size:14px;font-style:italic;padding:40px 16px;text-align:center}@media (max-width:768px){.employees__sectionHeader{align-items:stretch;flex-direction:column}.employees__addButton{align-self:flex-start}.employees__cardHeader{align-items:stretch;flex-direction:column;gap:16px}.employees__searchInput{width:100%}.employees__tableContainer{overflow-x:auto}}@media (max-width:480px){.employees__card,.employees__content{padding:16px}.employees__tableHeader{font-size:12px;padding:8px 12px}}.modal__content{max-width:800px;position:relative}.modal__header{margin-bottom:24px;padding:24px 24px 0}.modal__title{font-size:20px;font-weight:700}.modal__close{border-radius:4px;transition:background-color .2s ease,color .2s ease}.modal__close:hover{background:#e5e7eb;background:var(--border)}.modal__form{padding:0 24px 24px}.modal__label{font-weight:600;margin:0}.modal__required{font-weight:700}.modal__input,.modal__select{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease}.modal__input:focus,.modal__select:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal__input::placeholder{color:#6b7280;color:var(--muted)}.modal__select{cursor:pointer}.modal__actions{margin-top:32px;padding-top:24px}.modal__cancel,.modal__submit{border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .2s ease,transform .2s ease}.modal__cancel{background:#0000}.modal__cancel:hover{background:#e5e7eb;background:var(--border);transform:translateY(-1px)}.modal__submit{border:none}@media (max-width:768px){.modal__content{margin:10px;max-width:95vw}.modal__formGrid{gap:16px;grid-template-columns:1fr}.modal__header{padding:20px 20px 0}.modal__form{padding:0 20px 20px}.modal__actions{flex-direction:column-reverse}.modal__cancel,.modal__submit{width:100%}}@media (max-width:480px){.modal__overlay{padding:10px}.modal__content{max-height:95vh}.modal__header{padding:16px 16px 0}.modal__form{padding:0 16px 16px}.modal__title{font-size:18px}}.dtr{background:#f6f8fb;background:var(--bg);color:#0f172a;color:var(--text);min-height:100vh;padding-bottom:48px}.dtr__header{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 24px 0}.dtr__title{align-self:stretch;background:#fff;background:var(--card);font-size:24px;font-weight:700;margin:0 -24px 4px;padding:12px 24px 5px;text-align:left}.dtr__subtitle{color:#6b7280;color:var(--muted);font-size:14px;margin:0;text-align:left}.dtr__titleBlock{align-self:stretch;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:0;margin-left:-24px;margin-right:-24px;padding:0 24px 12px}.dtr__nav,.dtr__titleBlock{background:#fff;background:var(--card)}.dtr__nav{grid-gap:4px;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:grid;gap:4px;grid-auto-flow:column;padding:4px}.dtr__content{padding:16px 24px 0}.dtr__section{margin-bottom:16px}.dtr__sectionHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.dtr__sectionTitle{flex:1 1}.dtr__sectionTitleText{color:#0f172a;color:var(--text);font-size:20px;font-weight:700;margin:0 0 4px}.dtr__sectionDescription{color:#6b7280;color:var(--muted);font-size:14px;margin:0}.dtr__actionButtons{align-items:center;display:flex;gap:12px}.dtr__quickClockButton{align-items:center;background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.dtr__quickClockButton:hover{background:#f8fafc;border-color:#2563eb;border-color:var(--primary);color:#2563eb;color:var(--primary)}.dtr__addButton{align-items:center;background:#2563eb;background:var(--primary);border:1px solid #2563eb;border:1px solid var(--primary);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.dtr__addButton:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.dtr__buttonIcon{font-size:16px}.dtr__card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:20px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.dtr__card:hover{border-color:#0000000f;box-shadow:0 8px 24px #2563eb2e,0 2px 6px #2563eb1f;transform:translateY(-2px)}.dtr__cardHeader{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.dtr__cardTitle{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:8px}.dtr__cardIcon{font-size:18px;opacity:.7}.dtr__dateSelector{align-items:center;display:flex;gap:8px;position:relative}.dtr__dateLabel{color:#6b7280;color:var(--muted);font-size:14px}.dtr__dateValue{background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:6px 12px;transition:all .2s ease}.dtr__dateValue:hover{background:#f1f5f9;border-color:#2563eb;border-color:var(--primary)}.dtr__dateInput{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.dtr__tableContainer{overflow-x:auto}.dtr__table{border-collapse:collapse;font-size:14px;width:100%}.dtr__tableHead{background:#f8fafc}.dtr__tableHeader{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#0f172a;color:var(--text);font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.dtr__tableBody{background:#fff;background:var(--card)}.dtr__tableRow{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);transition:background-color .2s ease}.dtr__tableRow:hover{background:#f8fafc}.dtr__tableCell{color:#0f172a;color:var(--text);padding:12px 16px;vertical-align:middle}.dtr__emptyRow{border-bottom:none}.dtr__emptyCell{color:#6b7280;color:var(--muted);font-size:16px;font-style:italic;padding:40px 16px;text-align:center}.dtr__status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.dtr__status--present{background:#dcfce7;color:#16a34a;color:var(--ok)}.dtr__status--absent{background:#fef2f2;color:#dc2626;color:var(--error)}.dtr__status--late{background:#fef3c7;color:#ca8a04;color:var(--warn)}.dtr__actionButton{background:#2563eb;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.dtr__actionButton:hover{background:#1d4ed8;transform:translateY(-1px)}@media (max-width:768px){.dtr__sectionHeader{align-items:stretch;flex-direction:column;gap:12px}.dtr__actionButtons{justify-content:stretch}.dtr__addButton,.dtr__quickClockButton{flex:1 1;justify-content:center}.dtr__cardHeader{align-items:stretch;flex-direction:column;gap:12px}.dtr__dateSelector{justify-content:center}.modal__formGrid{gap:16px;grid-template-columns:1fr}.modal__actions{flex-direction:column}.modal__cancel,.modal__submit{width:100%}}@media (max-width:480px){.dtr__content{padding:12px 16px 0}.dtr__card{padding:16px}.modal__content{margin:10px}.modal__form,.modal__header{padding:16px}}.payroll{background:#f6f8fb;background:var(--bg);color:#0f172a;color:var(--text);min-height:100vh;padding-bottom:48px}.payroll__header{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 24px 0}.payroll__title{align-self:stretch;background:#fff;background:var(--card);font-size:24px;font-weight:700;margin:0 -24px 4px;padding:12px 24px 5px;text-align:left}.payroll__subtitle{color:#6b7280;color:var(--muted);font-size:14px;margin:0;text-align:left}.payroll__titleBlock{align-self:stretch;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:0;margin-left:-24px;margin-right:-24px;padding:0 24px 12px}.payroll__nav,.payroll__titleBlock{background:#fff;background:var(--card)}.payroll__nav{grid-gap:4px;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:grid;gap:4px;grid-auto-flow:column;padding:4px}.nav__icon{font-size:16px}.payroll__content{padding:16px 24px 0}.payroll__section{margin-bottom:16px}.payroll__sectionHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.payroll__sectionTitle{flex:1 1}.payroll__sectionTitleText{color:#0f172a;color:var(--text);font-size:20px;font-weight:700;margin:0 0 4px}.payroll__sectionDescription{color:#6b7280;color:var(--muted);font-size:14px;margin:0}.payroll__actionButtons{align-items:center;display:flex;gap:12px}.payroll__processButton{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.payroll__processButton:hover{background:#f1f5f9;border-color:#cbd5e1}.payroll__addButton{align-items:center;background:#2563eb;background:var(--primary);border:1px solid #2563eb;border:1px solid var(--primary);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s ease}.payroll__addButton:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.payroll__addIcon,.payroll__buttonIcon{font-size:16px}.payroll__card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:box-shadow .2s ease}.payroll__card:hover{box-shadow:0 4px 12px #0000000d}.payroll__cardHeader{align-items:center;background:#fafbfc;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.payroll__cardTitle{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:8px}.payroll__cardIcon{font-size:18px}.payroll__periodSelector{align-items:center;display:flex;gap:8px}.payroll__periodIcon{color:#6b7280;color:var(--muted);font-size:16px}.payroll__periodSelect{-webkit-appearance:none;appearance:none;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;font-size:14px;padding:6px 12px;transition:border-color .2s ease}.payroll__periodSelect:hover{border-color:#cbd5e1}.payroll__periodSelect:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.payroll__tableContainer{overflow-x:auto}.payroll__table{border-collapse:collapse;width:100%}.payroll__tableHead{background:#f8fafc}.payroll__tableHeader{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#6b7280;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.payroll__tableBody{background:#fff}.payroll__emptyRow{border-bottom:none}.payroll__emptyCell{color:#6b7280;color:var(--muted);font-size:14px;font-style:italic;padding:48px 16px;text-align:center}.modal__content{max-width:600px}.modal__close{line-height:1;padding:4px;transition:color .2s ease}.modal__formGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr}.modal__formColumn{display:flex;flex-direction:column;gap:16px}.modal__textarea{font-family:inherit}.modal__dateContainer .modal__input{padding-right:32px}.modal__dateIcon{font-size:14px}.modal__actions{justify-content:flex-end}.modal__cancel:hover{border-color:#cbd5e1}.modal__submit{font-weight:500}@media (max-width:768px){.payroll__sectionHeader{align-items:stretch;flex-direction:column;gap:12px}.payroll__actionButtons{justify-content:stretch}.payroll__addButton,.payroll__processButton{flex:1 1;justify-content:center}.modal__formGrid{gap:16px;grid-template-columns:1fr}.modal__content{margin:10px;max-height:calc(100vh - 20px)}.payroll__tableContainer{font-size:12px}.payroll__tableHeader{padding:8px 12px}.payroll__emptyCell{padding:32px 12px}}@media (max-width:480px){.payroll__header{padding:16px 16px 0}.payroll__title{font-size:20px;margin-left:-16px;margin-right:-16px;padding:12px 16px}.payroll__titleBlock{margin-left:-16px;margin-right:-16px;padding:0 16px 12px}.payroll__content{padding:16px 16px 0}.payroll__nav{gap:8px;grid-template-columns:repeat(2,1fr);padding:8px}.nav__item{font-size:12px;padding:8px 12px}.nav__icon{font-size:14px}}:root{--bg:#f6f8fb;--card:#fff;--text:#0f172a;--muted:#6b7280;--border:#e5e7eb;--primary:#2563eb;--ok:#16a34a;--warn:#ca8a04;--error:#dc2626}*{box-sizing:border-box}.leave{background:#f6f8fb;background:var(--bg);color:#0f172a;color:var(--text);min-height:100vh;padding-bottom:48px}.leave__header{align-items:center;display:flex;flex-direction:column;gap:8px;padding:24px 24px 0}.leave__title{align-self:stretch;background:#fff;background:var(--card);font-size:24px;font-weight:700;margin:0 -24px 4px;padding:12px 24px 5px;text-align:left}.leave__subtitle{color:#6b7280;color:var(--muted);font-size:14px;margin:0;text-align:left}.leave__titleBlock{align-self:stretch;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);border-radius:0;margin-left:-24px;margin-right:-24px;padding:0 24px 12px}.leave__nav,.leave__titleBlock{background:#fff;background:var(--card)}.leave__nav{grid-gap:4px;border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;display:grid;gap:4px;grid-auto-flow:column;padding:4px}.nav__item{align-items:center;-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:8px;color:#0f172a;color:var(--text);cursor:pointer;display:inline-flex;gap:8px;padding:10px 14px;transition:all .2s ease}.nav__item:hover{background:#f8fafc}.nav__item--active{background:#eef2ff;box-shadow:inset 0 0 0 1px #2563eb26;color:#2563eb;color:var(--primary);font-weight:600}.leave__content{padding:16px 24px 0}.leave__section{margin-bottom:16px}.leave__sectionHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:16px}.leave__sectionTitle{flex:1 1}.leave__sectionTitleText{color:#0f172a;color:var(--text);font-size:20px;font-weight:700;margin:0 0 4px}.leave__sectionDescription{color:#6b7280;color:var(--muted);font-size:14px;margin:0}.leave__actionButtons{align-items:center;display:flex;gap:12px}.leave__newButton{align-items:center;background:#2563eb;background:var(--primary);border:1px solid #2563eb;border:1px solid var(--primary);border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 16px;transition:all .2s ease}.leave__newButton:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.leave__buttonIcon{font-size:16px}.leave__statsGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.leave__statCard{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:20px;text-align:center;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.leave__statCard:hover{border-color:#0000000f;box-shadow:0 8px 24px #2563eb2e,0 2px 6px #2563eb1f;transform:translateY(-2px)}.leave__statValue{color:#0f172a;color:var(--text);font-size:32px;font-weight:700;margin-bottom:4px}.leave__statValue--pending{color:#f59e0b}.leave__statValue--approved{color:#16a34a;color:var(--ok)}.leave__statValue--rejected{color:#dc2626;color:var(--error)}.leave__statLabel{color:#6b7280;color:var(--muted);font-size:14px;font-weight:500}.leave__card{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:12px;padding:20px;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.leave__card:hover{border-color:#0000000f;box-shadow:0 8px 24px #2563eb2e,0 2px 6px #2563eb1f;transform:translateY(-2px)}.leave__cardHeader{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.leave__cardTitle{align-items:center;color:#0f172a;color:var(--text);display:flex;font-size:16px;font-weight:600;gap:8px}.leave__cardIcon{font-size:18px;opacity:.7}.leave__tableContainer{overflow-x:auto}.leave__table{border-collapse:collapse;font-size:14px;width:100%}.leave__tableHead{background:#f8fafc}.leave__tableHeader{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);color:#0f172a;color:var(--text);font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.leave__tableBody{background:#fff;background:var(--card)}.leave__tableRow{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);transition:background-color .2s ease}.leave__tableRow:hover{background:#f8fafc}.leave__tableCell{color:#0f172a;color:var(--text);padding:12px 16px;vertical-align:middle}.leave__emptyRow{border-bottom:none}.leave__emptyCell{color:#6b7280;color:var(--muted);font-size:16px;font-style:italic;padding:40px 16px;text-align:center}.leave__status{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px;text-transform:uppercase}.leave__status--pending{background:#fef3c7;color:#ca8a04;color:var(--warn)}.leave__status--approved{background:#dcfce7;color:#16a34a;color:var(--ok)}.leave__status--rejected{background:#fef2f2;color:#dc2626;color:var(--error)}.leave__actionButton{background:#2563eb;background:var(--primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:6px 12px;transition:all .2s ease}.leave__actionButton:hover{background:#1d4ed8;transform:translateY(-1px)}.modal__overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal__content{background:#fff;background:var(--card);border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-sizing:border-box;max-height:90vh;max-width:500px;overflow-x:hidden;overflow-y:auto;width:100%}.modal__header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px}.modal__title{color:#0f172a;color:var(--text);font-size:18px;font-weight:600;margin:0}.modal__close{align-items:center;background:none;border:none;border-radius:6px;color:#6b7280;color:var(--muted);cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.modal__close:hover{background:#f1f5f9;color:#0f172a;color:var(--text)}.modal__form{box-sizing:border-box;padding:24px}.modal__formFields{display:flex;flex-direction:column}.modal__dateRow,.modal__formFields{box-sizing:border-box;gap:16px;min-width:0}.modal__dateRow{grid-gap:16px;display:grid;grid-template-columns:1fr 1fr}.modal__fieldGroup{box-sizing:border-box;display:flex;flex-direction:column;gap:6px;min-width:0}.modal__label{color:#0f172a;color:var(--text);font-size:14px;font-weight:500}.modal__required{color:#dc2626;color:var(--error)}.modal__input,.modal__select,.modal__textarea{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:#0f172a;color:var(--text);font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal__input:focus,.modal__select:focus,.modal__textarea:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal__textarea{min-height:80px;resize:vertical}.modal__selectContainer{position:relative;width:100%}.modal__selectContainer .modal__select{-webkit-appearance:none;appearance:none;background:#fff;background:var(--card);padding-right:32px}.modal__selectArrow{color:#6b7280;color:var(--muted);font-size:12px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.modal__dateContainer{position:relative;width:100%}.modal__dateInput{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:#0f172a;color:var(--text);font-size:14px;padding:10px 40px 10px 12px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.modal__dateInput:focus{border-color:#2563eb;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.modal__dateIcon{color:#6b7280;color:var(--muted);font-size:16px;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.modal__actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:space-between;margin-top:24px;padding-top:20px}.modal__cancel{background:#fff;background:var(--card);border:1px solid #e5e7eb;border:1px solid var(--border);border-radius:6px;color:#0f172a;color:var(--text);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s ease}.modal__cancel:hover{background:#f8fafc;border-color:#6b7280;border-color:var(--muted)}.modal__submit{background:#2563eb;background:var(--primary);border:1px solid #2563eb;border:1px solid var(--primary);border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.modal__submit:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}@media (max-width:768px){.leave__sectionHeader{align-items:stretch;flex-direction:column;gap:12px}.leave__actionButtons{justify-content:stretch}.leave__newButton{flex:1 1;justify-content:center}.leave__statsGrid{gap:12px;grid-template-columns:repeat(2,1fr)}.leave__cardHeader{align-items:stretch;flex-direction:column;gap:12px}.modal__dateRow{gap:16px;grid-template-columns:1fr}.modal__actions{flex-direction:column}.modal__cancel,.modal__submit{width:100%}}@media (max-width:480px){.leave__content{padding:12px 16px 0}.leave__card{padding:16px}.leave__statsGrid{grid-template-columns:1fr}.modal__content{margin:10px}.modal__form,.modal__header{padding:16px}}
/*# sourceMappingURL=main.1b60ab06.css.map*/