@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-start:#f5f5f2;--bg-mid:#f5f5f2;--bg-end:#f5f5f2;--bg-accent-1:transparent;--bg-accent-2:transparent;--bg-accent-3:transparent;--surface-gradient:#fff;--surface-gradient-soft:#fafaf8;--surface-gradient-strong:#fff;--control-gradient:#fff;--control-gradient-soft:#fafaf8;--pill-gradient:#fafaf8;--button-gradient:#111;--button-gradient-hover:#222;--button-text:#fff;--avatar-gradient:#f0f0eb;--mint-gradient:#f4f6f1;--danger-gradient:#fdf1ef;--status-dot:#111;--hero-orb:none;--decor-gradient:none;--bg:#f5f5f2;--bg-soft:#fafaf8;--surface:#fff;--surface-soft:#fafaf8;--surface-strong:#f7f7f4;--ink:#171717;--ink-soft:#666;--ink-muted:#8b8b8b;--line:#1717171a;--accent:#171717;--accent-strong:#171717;--accent-soft:#1717170d;--shadow-raised:0 10px 30px #1717170d;--shadow-raised-soft:0 4px 14px #1717170a;--shadow-inset:none;--ring:0 0 0 3px #17171714;font-family:Manrope,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;width:100%;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:var(--bg);margin:0;overflow-x:hidden}body,button,input,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.04em;margin:0;font-family:Manrope,Segoe UI,sans-serif}a{color:inherit}img,svg,video,canvas{max-width:100%;display:block}button,input,textarea{color:inherit}::selection{color:var(--ink);background:#1717171f}:focus-visible{outline:none}#root{width:100%;min-height:100vh}.status-screen{place-items:center;min-height:100vh;padding:clamp(1rem,4vw,3rem);display:grid}.status-screen__panel{border:1px solid var(--line);background:var(--surface);width:min(100%,760px);box-shadow:var(--shadow-raised-soft);border-radius:18px;padding:clamp(1.5rem,4vw,2.4rem)}.status-screen__eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .8rem;font-size:.78rem;font-weight:700}.status-screen__title{font-size:clamp(2.1rem,6vw,4.1rem);line-height:.95}.status-screen__text{max-width:44ch;color:var(--ink-soft);margin:1rem 0 0;font-size:1rem}.admin-summary{width:min(100%,1160px);margin:0 auto;padding:0 .75rem 1.25rem}.admin-summary__overview,.admin-summary__leave{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-raised-soft);border-radius:16px;padding:1.15rem}.admin-summary__overview{margin-bottom:1.3rem}.admin-summary__section-title{color:var(--ink);margin-bottom:1rem;font-size:1.2rem}.admin-summary__overview-grid,.admin-summary__leave-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:stretch;gap:1rem;display:grid}.summary-card{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-height:110px;box-shadow:none;border-radius:14px;align-items:center;gap:.85rem;padding:.95rem 1rem;display:flex}.summary-card--link{color:inherit;text-decoration:none}.summary-card--link:hover{background:var(--surface)}.summary-card--link:focus-visible{box-shadow:var(--ring);outline:none}.summary-card__icon{border:1px solid var(--line);border-radius:12px;place-items:center;width:3rem;height:3rem;font-size:1.05rem;display:grid}.summary-card__label{color:var(--ink-soft);margin:0;font-size:.84rem}.summary-card__number{color:var(--ink);margin:.25rem 0 0;font-size:1.55rem;font-weight:700;line-height:1}.summary-card--compact{min-height:104px}.summary-card--compact .summary-card__content{flex-direction:column;gap:.15rem;display:flex}@media (width<=640px){.admin-summary{padding:0 .85rem 1rem}.admin-summary__overview,.admin-summary__leave{border-radius:14px;padding:1rem}}.add-department{min-height:calc(100vh - 112px);padding:0 .75rem 1.25rem}.add-department__card{border:1px solid var(--line);background:var(--surface);width:min(100%,760px);box-shadow:var(--shadow-raised-soft);border-radius:16px;margin:0 auto;padding:clamp(1.25rem,3vw,1.95rem)}.add-department__header{margin-bottom:1.35rem}.add-department__eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .45rem;font-size:.8rem;font-weight:700}.add-department__title{color:var(--ink);font-size:clamp(1.7rem,4vw,2.5rem);line-height:1}.add-department__subtitle{color:var(--ink-soft);margin:.65rem 0 0;font-size:1rem;line-height:1.75}.add-department__form{gap:1.1rem;display:grid}.add-department__fieldset{border:0;gap:1.1rem;min-width:0;margin:0;padding:0;display:grid}.add-department__field{gap:.5rem;display:grid}.add-department__label{color:var(--ink);font-size:.88rem;font-weight:600}.add-department__input,.add-department__textarea{border:1px solid var(--line);background:var(--control-gradient);width:100%;color:var(--ink);border-radius:12px;outline:none;padding:.85rem .95rem;font-size:1rem;transition:border-color .16s,box-shadow .16s}.add-department__textarea{resize:vertical;min-height:160px}.add-department__input::placeholder,.add-department__textarea::placeholder{color:var(--ink-muted)}.add-department__input:focus,.add-department__textarea:focus{border-color:var(--accent);box-shadow:var(--ring)}.add-department__button{border:1px solid var(--ink);background:var(--button-gradient);color:var(--button-text);cursor:pointer;border-radius:12px;justify-self:start;padding:.8rem 1rem;font-size:.95rem;font-weight:700}.add-department__button:disabled{cursor:wait;opacity:.75}.add-department__readonly{border:1px solid var(--line);background:var(--surface-soft);box-shadow:var(--shadow-inset);color:var(--ink-soft);border-radius:12px;margin:0 0 1rem;padding:.95rem 1rem;line-height:1.7}@media (width<=640px){.add-department{padding:0 .85rem 1rem}.add-department__card{border-radius:14px;padding:1.15rem}.add-department__button{justify-self:stretch;width:100%}}.department-list{border:1px solid var(--line);background:var(--surface);width:min(100% - 2rem,1120px);box-shadow:var(--shadow-raised-soft);border-radius:16px;margin:0 auto 1.5rem;padding:1.3rem}.department-list__header{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.department-list__title{color:var(--ink);font-size:clamp(1.5rem,3vw,2.3rem)}.department-list__controls{flex-wrap:wrap;align-items:center;gap:.9rem;display:flex}.department-list__search{border:1px solid var(--line);background:var(--control-gradient);min-width:220px;color:var(--ink);border-radius:12px;outline:none;flex:1;padding:.85rem .95rem;transition:border-color .16s,box-shadow .16s}.department-list__search::placeholder{color:var(--ink-muted)}.department-list__search:focus{border-color:var(--accent);box-shadow:var(--ring)}.department-list__button{border:1px solid var(--ink);background:var(--button-gradient);min-height:48px;color:var(--button-text);border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.department-list__readonly-badge,.department-list__readonly-text{border:1px solid var(--line);min-height:40px;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;padding:.55rem .8rem;font-size:.82rem;font-weight:600;display:inline-flex}.department-list__readonly{border:1px solid var(--line);background:var(--surface-soft);min-height:54px;box-shadow:var(--shadow-inset);color:var(--ink-soft);border-radius:12px;align-items:center;padding:.8rem 1.15rem;font-size:.92rem;font-weight:800;display:inline-flex}.department-list__table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:var(--surface-soft);box-shadow:none;border-radius:14px;margin-top:1rem;overflow-x:auto}.department-list__table{border-collapse:collapse;width:100%;min-width:640px;color:var(--ink)}.department-list__table th,.department-list__table td{text-align:left;padding:1rem}.department-list__table thead th{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:700}.department-list__table tbody tr+tr td{border-top:1px solid var(--line)}.department-list__table tbody tr:hover{background:#11182708}.department-actions{flex-wrap:wrap;gap:.55rem;display:flex}.department-actions__button{border:1px solid var(--line);cursor:pointer;background:var(--surface);border-radius:10px;padding:.55rem .8rem;font-size:.82rem;font-weight:600}.department-actions__button:disabled{cursor:not-allowed;opacity:.65;filter:none;transform:none}.department-actions__button--edit{color:var(--accent-strong)}.department-actions__button--delete{color:#9a3f34}@media (width<=768px){.department-list{border-radius:14px;width:min(100% - 1rem,1120px);padding:1rem}.department-list__header,.department-list__controls{flex-direction:column;align-items:stretch}.department-list__button{width:100%}}@media (width<=640px){.department-list__table-wrap{box-shadow:none;background:0 0;overflow:visible}.department-list__table,.department-list__table thead,.department-list__table tbody,.department-list__table th,.department-list__table td,.department-list__table tr{display:block}.department-list__table{min-width:0}.department-list__table thead{display:none}.department-list__table tbody{gap:.9rem;display:grid}.department-list__table tbody tr{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-raised-soft);border-radius:14px;padding:.95rem}.department-list__table tbody tr+tr td{border-top:0}.department-list__table td{justify-content:space-between;align-items:center;gap:1rem;padding:.55rem 0;display:flex}.department-list__table td:before{content:attr(data-label);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.department-list__table td[colspan]{justify-content:center}.department-list__table td[colspan]:before{content:none}.department-actions{flex-direction:column;width:100%}.department-actions__button{width:100%}}.employee-shell{border:1px solid var(--line);background:var(--surface);width:min(100% - 2rem,1120px);box-shadow:var(--shadow-raised-soft);border-radius:16px;margin:0 auto 1.5rem;padding:1.5rem}.employee-shell__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.employee-shell__eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.76rem;font-weight:700}.employee-shell__title{color:var(--ink);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1}.employee-shell__text{max-width:52ch;color:var(--ink-soft);margin:.5rem 0 0;font-size:.96rem}.employee-shell__pill{border:1px solid var(--line);color:var(--ink-soft);letter-spacing:.02em;background:0 0;border-radius:999px;align-items:center;padding:.55rem .8rem;font-size:.82rem;font-weight:700;display:inline-flex}.employee-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.employee-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.employee-toolbar__search{border:1px solid var(--line);background:var(--control-gradient);min-height:52px;color:var(--ink);border-radius:12px;outline:none;flex:260px;padding:.85rem 1rem}.employee-toolbar__search:focus{border-color:var(--accent);box-shadow:var(--ring)}.employee-toolbar__button{border:1px solid var(--ink);background:var(--button-gradient);min-height:52px;color:var(--button-text);border-radius:12px;justify-content:center;align-items:center;padding:.8rem 1.2rem;font-weight:700;text-decoration:none;display:inline-flex}.employee-toolbar__readonly,.employee-shell__hint{border:1px solid var(--line);background:var(--surface-soft);min-height:52px;color:var(--ink-soft);border-radius:12px;align-items:center;padding:.8rem 1rem;font-size:.9rem;font-weight:700;display:inline-flex}.employee-panel{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;padding:1rem 1.05rem}.employee-panel__label{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.employee-panel__value{color:var(--ink);margin:.35rem 0 0;font-size:1.65rem;font-weight:700;line-height:1}.employee-table-wrap{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;margin-top:.25rem;overflow-x:auto}.employee-table{border-collapse:collapse;width:100%;min-width:860px;color:var(--ink)}.employee-table--management{min-width:980px}.employee-table th,.employee-table td{text-align:left;padding:.9rem 1rem}.employee-table th{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:700}.employee-table tbody tr+tr td{border-top:1px solid var(--line)}.employee-table tbody tr:hover{background:#17171705}.employee-table__row--selected{background:#1717170a}.employee-avatar{object-fit:cover;border:1px solid var(--line);border-radius:50%;width:2.6rem;height:2.6rem}.employee-avatar--fallback{color:var(--ink-soft);background:#2433490d;place-items:center;font-size:.78rem;font-weight:700;display:grid}.employee-person{gap:.18rem;display:grid}.employee-person__name{font-weight:600}.employee-person__meta{color:var(--ink-soft);font-size:.8rem}.employee-actions{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.employee-action{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;min-width:82px;min-height:36px;padding:.5rem .75rem;font-size:.82rem;font-weight:600;text-decoration:none;display:inline-flex}.employee-action:disabled{cursor:wait;opacity:.72}.employee-action--info,.employee-action--success{color:var(--ink)}.employee-action--danger{color:#9a3f34}.employee-avatar{background:var(--avatar-gradient);width:52px;height:52px;color:var(--ink);border-radius:50%;place-items:center;font-size:.92rem;font-weight:800;display:grid;overflow:hidden}.employee-avatar img{object-fit:cover;width:100%;height:100%}.employee-name-block{gap:.2rem;display:grid}.employee-name-block strong{color:var(--ink)}.employee-name-block span{color:var(--ink-soft);font-size:.82rem}.employee-actions{flex-wrap:wrap;gap:.55rem;display:flex}.employee-actions__button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);cursor:pointer;border-radius:12px;padding:.55rem .9rem;font-size:.82rem;font-weight:700}.employee-actions__button:disabled{opacity:.7;cursor:wait}.employee-actions__button--view,.employee-actions__button--edit,.employee-actions__button--salary,.employee-actions__button--leave{background:var(--surface)}.employee-actions__button--delete{color:#9a3f34}.employee-pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.9rem;display:flex}.employee-pagination__rows{color:var(--ink-soft);align-items:center;gap:.7rem;font-size:.9rem;display:inline-flex}.employee-pagination__rows select{border:1px solid var(--line);background:var(--control-gradient);min-height:42px;color:var(--ink);border-radius:12px;padding:.55rem .8rem}.employee-pagination__summary{color:var(--ink-soft);margin:0;font-size:.9rem}.employee-pagination__controls{align-items:center;gap:.7rem;display:inline-flex}.employee-pagination__controls button{border:1px solid var(--line);background:var(--control-gradient);min-height:40px;color:var(--ink);cursor:pointer;border-radius:12px;padding:.55rem .85rem;font-weight:700}.employee-pagination__controls button:disabled{opacity:.55;cursor:not-allowed}.employee-modal{z-index:50;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.employee-modal__backdrop{background:#1717172e;position:absolute;inset:0}.employee-modal__panel{border:1px solid var(--line);background:var(--surface);width:min(100%,760px);max-height:min(88vh,820px);box-shadow:var(--shadow-raised-soft);border-radius:16px;padding:1.2rem;position:relative;overflow:auto}.employee-modal__header{justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem;display:flex}.employee-modal__eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.78rem;font-weight:700}.employee-modal__title{color:var(--ink);margin:0;font-size:1.5rem}.employee-modal__close{border:1px solid var(--line);background:var(--control-gradient);min-height:42px;color:var(--ink);cursor:pointer;border-radius:12px;padding:.55rem .85rem;font-weight:700}.employee-modal__body{gap:1rem;display:grid}.employee-modal__text{color:var(--ink-soft);margin:0;line-height:1.7}.employee-modal__footer{justify-content:flex-end;margin-top:1rem;display:flex}.employee-detail-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem;display:grid}.employee-detail-card{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;gap:.4rem;padding:1rem;display:grid}.employee-detail-card span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:800}.employee-detail-card strong{color:var(--ink);line-height:1.45}.employee-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:999px;align-items:center;padding:.3rem .6rem;font-size:.74rem;font-weight:700;display:inline-flex}.employee-badge--active{border-color:var(--line);color:var(--ink);background:#1717170a}.employee-badge--hold{color:#9a3f34;background:#fdf1ef;border-color:#9a3f3424}.employee-form{gap:1.1rem;display:grid}.employee-form__fieldset{border:0;gap:1rem;min-width:0;margin:0;padding:0;display:grid}.employee-form__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.employee-form__field{gap:.45rem;display:grid}.employee-form__label{color:var(--ink);font-size:.84rem;font-weight:600}.employee-form__input,.employee-form__select,.employee-form__textarea{border:1px solid var(--line);background:var(--control-gradient);width:100%;min-height:48px;color:var(--ink);border-radius:12px;outline:none;padding:.78rem .9rem;transition:border-color .16s,box-shadow .16s}.employee-form__file{padding:.8rem 1rem}.employee-form__textarea{resize:vertical;min-height:132px}.employee-form__hint{color:var(--ink-soft);font-size:.82rem}.employee-form__input::placeholder,.employee-form__textarea::placeholder{color:var(--ink-muted)}.employee-form__input:focus,.employee-form__select:focus,.employee-form__textarea:focus,.employee-form__input--highlight{border-color:var(--accent);box-shadow:var(--ring)}.employee-form__button{border:1px solid var(--ink);background:var(--button-gradient);min-height:48px;color:var(--button-text);cursor:pointer;border-radius:12px;justify-self:start;padding:.8rem 1rem;font-size:.92rem;font-weight:700}.employee-form__button:disabled{opacity:.7;cursor:wait}.employee-form__error{color:#9a3f34;margin-top:.2rem;font-size:.9rem}.employee-salary__note{color:var(--ink-soft);font-size:.82rem;font-weight:600}.employee-empty-state{border:1px dashed var(--line);background:var(--surface-soft);text-align:center;border-radius:16px;padding:1.5rem}.employee-empty-state__title{color:var(--ink);font-size:clamp(1.4rem,3vw,2rem)}.employee-empty-state__text{max-width:42ch;color:var(--ink-soft);margin:.75rem auto 0;line-height:1.7}.employee-empty-state__button{border:1px solid var(--ink);background:var(--button-gradient);min-height:46px;color:var(--button-text);border-radius:12px;justify-content:center;align-items:center;margin-top:1.1rem;padding:.75rem 1rem;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}@media (width<=768px){.employee-shell{border-radius:14px;width:min(100% - 1rem,1120px);padding:1rem}.employee-shell__header{align-items:stretch}.employee-toolbar__button{width:100%}}@media (width<=640px){.employee-table-wrap{box-shadow:none;background:0 0;overflow:visible}.employee-table,.employee-table thead,.employee-table tbody,.employee-table th,.employee-table td,.employee-table tr{display:block}.employee-table{min-width:0}.employee-table thead{display:none}.employee-table tbody{gap:.9rem;display:grid}.employee-table tbody tr{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-raised-soft);border-radius:14px;padding:1rem}.employee-table tbody tr+tr td{border-top:0}.employee-table td{justify-content:space-between;align-items:start;gap:1rem;padding:.52rem 0;display:flex}.employee-table td:before{content:attr(data-label);color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:800}.employee-form__button{justify-self:stretch;width:100%}.employee-actions{justify-content:flex-end}.employee-pagination{align-items:stretch}.employee-pagination__rows,.employee-pagination__controls{justify-content:space-between;width:100%}.employee-modal{padding:.6rem}.employee-modal__panel{border-radius:14px;padding:1rem}.employee-modal__header{flex-direction:column}.employee-empty-state{border-radius:14px;padding:1.2rem 1rem}.employee-empty-state__button{width:100%}}.leave-page{border:1px solid var(--line);background:var(--surface);width:min(100% - 2rem,1120px);box-shadow:var(--shadow-raised-soft);border-radius:16px;margin:0 auto 1.5rem;padding:1.5rem}.leave-page__header{margin-bottom:1.25rem}.leave-page__eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .4rem;font-size:.76rem;font-weight:700}.leave-page__title{color:var(--ink);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.1}.leave-page__text{max-width:58ch;color:var(--ink-soft);margin:.5rem 0 0;line-height:1.7}.leave-stats{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1.25rem;display:grid}.leave-stat{border:1px solid var(--line);background:var(--surface-soft);border-radius:12px;padding:1rem}.leave-stat span{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:700;display:block}.leave-stat strong{color:var(--ink);margin-top:.3rem;font-size:1.5rem;display:block}.leave-form{gap:1rem;margin-bottom:1.25rem;display:grid}.leave-form__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.leave-form__field{gap:.45rem;display:grid}.leave-form__field span{color:var(--ink);font-size:.84rem;font-weight:600}.leave-form__field input,.leave-form__field select,.leave-form__field textarea,.leave-admin-note{border:1px solid var(--line);background:var(--control-gradient);width:100%;min-height:48px;color:var(--ink);border-radius:12px;outline:none;padding:.78rem .9rem}.leave-form__field textarea,.leave-admin-note{resize:vertical;min-height:96px}.leave-form__field input:focus,.leave-form__field select:focus,.leave-form__field textarea:focus,.leave-admin-note:focus{border-color:var(--accent);box-shadow:var(--ring)}.leave-form__button{border:1px solid var(--ink);background:var(--button-gradient);min-height:48px;color:var(--button-text);cursor:pointer;border-radius:12px;justify-self:start;padding:.8rem 1rem;font-weight:700}.leave-page__error{color:#9a3f34;margin:0}.leave-table-wrap{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;overflow-x:auto}.leave-table{border-collapse:collapse;width:100%;min-width:1020px}.leave-table th,.leave-table td{text-align:left;vertical-align:top;padding:.9rem 1rem}.leave-table th{color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);font-size:.78rem;font-weight:700}.leave-table tbody tr+tr td{border-top:1px solid var(--line)}.leave-person{gap:.2rem;display:grid}.leave-person span,.leave-table__reason{color:var(--ink-soft)}.leave-status{border:1px solid var(--line);background:var(--surface);text-transform:capitalize;border-radius:999px;align-items:center;padding:.35rem .65rem;font-size:.75rem;font-weight:700;display:inline-flex}.leave-status--approved{color:var(--ink)}.leave-status--rejected{color:#9a3f34;background:#fdf1ef}.leave-status--pending{color:var(--ink-soft)}.leave-actions{flex-wrap:wrap;gap:.5rem;display:flex}.leave-actions button{border:1px solid var(--line);background:var(--surface);min-height:38px;color:var(--ink);cursor:pointer;border-radius:10px;padding:.55rem .85rem;font-weight:600}.leave-empty{border:1px dashed var(--line);background:var(--surface-soft);text-align:center;border-radius:14px;padding:1.4rem}.leave-empty h2{font-size:1.3rem}.leave-empty p{color:var(--ink-soft);margin:.65rem 0 0}@media (width<=768px){.leave-page{width:min(100% - 1rem,1120px);padding:1rem}}@media (width<=640px){.leave-table-wrap{background:0 0;border:0;overflow:visible}.leave-table,.leave-table thead,.leave-table tbody,.leave-table th,.leave-table td,.leave-table tr{display:block}.leave-table{min-width:0}.leave-table thead{display:none}.leave-table tbody{gap:.9rem;display:grid}.leave-table tbody tr{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-raised-soft);border-radius:14px;padding:1rem}.leave-table tbody tr+tr td{border-top:0}.leave-table td{justify-content:space-between;gap:1rem;padding:.55rem 0;display:flex}.leave-table td:before{content:attr(data-label);color:var(--ink-soft);text-transform:uppercase;font-size:.78rem;font-weight:700}.leave-form__button{justify-self:stretch;width:100%}}.admin-sidebar{z-index:40;border:1px solid var(--line);background:var(--surface);width:17rem;height:calc(100vh - 1.5rem);box-shadow:var(--shadow-raised-soft);color:var(--ink);border-radius:16px;flex:0 0 17rem;margin:.75rem 0 .75rem .75rem;padding-bottom:.5rem;position:sticky;top:0;overflow:hidden auto}.admin-sidebar__brand{align-items:center;gap:.85rem;padding:1.2rem 1rem 1rem;display:flex}.admin-sidebar__logo{border:1px solid var(--line);background:var(--avatar-gradient);width:2.75rem;height:2.75rem;color:var(--ink);letter-spacing:.04em;border-radius:10px;place-items:center;font-size:.92rem;font-weight:700;display:grid}.admin-sidebar__title{color:var(--ink);font-size:1.15rem;line-height:1}.admin-sidebar__subtitle{color:var(--ink-soft);letter-spacing:.04em;text-transform:uppercase;margin-top:.28rem;font-size:.8rem}.admin-sidebar__status{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.55rem;margin:0 1rem .4rem;padding:.65rem .85rem;font-size:.76rem;font-weight:700;display:inline-flex}.admin-sidebar__status:before{content:"";background:var(--status-dot);border-radius:999px;width:.5rem;height:.5rem}.admin-sidebar__nav{gap:.4rem;padding:.85rem;display:grid}.admin-sidebar__link{color:var(--ink-soft);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.8rem .9rem;font-size:.94rem;font-weight:600;text-decoration:none;transition:color .16s,border-color .16s,background .16s;display:flex}.admin-sidebar__link:hover{color:var(--ink);background:var(--surface-soft)}.admin-sidebar__link--active{background:var(--accent-soft);border-color:var(--line);color:var(--accent-strong)}.admin-sidebar__icon{border:1px solid var(--line);background:var(--avatar-gradient);width:2rem;height:2rem;color:var(--ink-soft);border-radius:8px;flex:none;padding:.45rem}.admin-sidebar__icon--active{color:var(--accent-strong)}.admin-sidebar--open,.admin-sidebar--closed{transform:translate(0)}@media (width<=767px){.admin-sidebar{width:min(84vw,18rem);height:calc(100svh - 1.4rem);margin:.7rem;position:fixed;inset:0 auto 0 0}.admin-sidebar--closed{transform:translate(-115%)}.admin-sidebar--open{transform:translate(0)}}.dashboard-navbar{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-raised-soft);border-radius:16px;justify-content:space-between;align-items:center;gap:1rem;margin:.75rem .75rem 1rem;padding:1rem;display:flex}.dashboard-navbar__left{flex:none;display:none}.dashboard-navbar__brand{flex:1;min-width:0}.dashboard-navbar__eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.45rem;font-size:.76rem;font-weight:700;display:inline-block}.dashboard-navbar__title{color:var(--ink);font-size:clamp(1.15rem,2vw,1.95rem);line-height:1.05}.dashboard-navbar__title span{color:var(--ink)}.dashboard-navbar__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.9rem;display:flex}.dashboard-navbar__menu-button,.dashboard-navbar__button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;transition:border-color .16s,background .16s}.dashboard-navbar__menu-button{width:2.6rem;height:2.6rem;color:var(--ink);place-items:center;display:grid}.dashboard-navbar__user{border:1px solid var(--line);background:0 0;border-radius:12px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.dashboard-navbar__avatar{border:1px solid var(--line);background:var(--avatar-gradient);width:2.2rem;height:2.2rem;color:var(--ink);border-radius:10px;place-items:center;font-size:.82rem;font-weight:700;display:grid}.dashboard-navbar__meta{flex-direction:column;line-height:1.1;display:flex}.dashboard-navbar__label{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.72rem}.dashboard-navbar__meta strong{color:var(--ink);margin-top:.16rem;font-size:.92rem}.dashboard-navbar__button{color:var(--ink);background:var(--surface-soft);padding:.62rem .95rem;font-size:.9rem;font-weight:600}@media (width<=640px){.dashboard-navbar{border-radius:14px;flex-direction:column;align-items:stretch;gap:.85rem;margin:.85rem .85rem 1rem;padding:1rem}.dashboard-navbar__left{display:block}.dashboard-navbar__actions{justify-content:space-between}.dashboard-navbar__user{flex:1;min-width:0}}.admin-dashboard{background:var(--bg);align-items:stretch;width:100%;min-height:100vh;display:flex;overflow-x:clip}.admin-dashboard__content{flex-direction:column;flex:1;min-width:0;min-height:100vh;padding:.75rem .75rem 1rem 0;display:flex;overflow:auto}.admin-dashboard__backdrop{display:none}@media (width<=767px){.admin-dashboard{width:100%;overflow:hidden}.admin-dashboard__content{width:100%;min-height:100svh;padding:.75rem;overflow:auto}.admin-dashboard__backdrop{z-index:30;opacity:0;pointer-events:none;background:#0f172a33;border:0;padding:0;transition:opacity .18s;display:block;position:fixed;inset:0}.admin-dashboard__backdrop--visible{opacity:1;pointer-events:auto}}.login-page{background:var(--bg);place-items:center;min-height:100vh;padding:clamp(1rem,2.6vw,2rem);display:grid;position:relative}.login-shell{grid-template-columns:minmax(0,1fr) minmax(320px,.92fr);align-items:stretch;gap:1.25rem;width:min(1080px,100%);display:grid}.login-hero,.login-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-raised-soft);border-radius:16px}.login-hero{flex-direction:column;justify-content:space-between;min-height:520px;padding:clamp(1.5rem,4vw,2.5rem);display:flex}.login-hero__badge{border:1px solid var(--line);background:var(--surface-soft);color:var(--ink-soft);letter-spacing:.04em;border-radius:999px;align-self:flex-start;align-items:center;gap:.6rem;padding:.65rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.login-hero__title{max-width:13ch;color:var(--ink);margin-top:1.25rem;font-size:clamp(2.3rem,5vw,4rem);line-height:1}.login-hero__text{max-width:54ch;color:var(--ink-soft);margin-top:1rem;font-size:1rem;line-height:1.7}.login-hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:2.2rem;display:grid}.login-hero__stat{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;align-items:center;gap:.95rem;min-height:88px;padding:1rem;display:flex}.login-hero__stat svg{border:1px solid var(--line);background:var(--avatar-gradient);width:2.4rem;height:2.4rem;color:var(--ink);border-radius:10px;flex:none;padding:.6rem}.login-hero__stat strong{color:var(--ink);font-size:1rem;display:block}.login-hero__stat span{color:var(--ink-soft);margin-top:.2rem;font-size:.9rem;display:block}.login-card{background:var(--surface);padding:clamp(1.5rem,3vw,2.4rem)}.login-card__header{margin-bottom:1.6rem}.login-card__eyebrow{color:var(--ink-soft);letter-spacing:.08em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:700}.login-card__title{font-size:clamp(1.95rem,4vw,2.7rem);line-height:1.05}.login-card__subtitle{color:var(--ink-soft);margin:.75rem 0 0;line-height:1.75}.login-form{gap:1rem;display:grid}.login-field{gap:.45rem;display:grid}.login-field__label{color:var(--ink);font-size:.9rem;font-weight:600}.login-field__control{position:relative}.login-field__control input{border:1px solid var(--line);background:var(--control-gradient);width:100%;min-height:52px;color:var(--ink);border-radius:12px;outline:none;padding:0 3.2rem 0 1.1rem;transition:box-shadow .16s,border-color .16s}.login-field__control input::placeholder{color:var(--ink-muted)}.login-field__control input:focus{border-color:var(--accent);box-shadow:var(--ring)}.login-field__icon{color:var(--ink-soft);position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.login-form__row{color:var(--ink-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.8rem;font-size:.9rem;display:flex}.login-form__row a,.login-form__footer a{color:var(--accent-strong);font-weight:700;text-decoration:none}.login-form__checkbox{align-items:center;gap:.5rem;display:inline-flex}.login-form__checkbox input{accent-color:var(--accent)}.login-form__button{border:1px solid var(--ink);background:var(--button-gradient);min-height:52px;color:var(--button-text);cursor:pointer;border-radius:12px;font-size:.98rem;font-weight:700;transition:background .16s}.login-form__button:hover{background:var(--button-gradient-hover)}.login-form__error{background:var(--danger-gradient);color:#9a3f34;border:1px solid #dc262629;border-radius:12px;margin:0;padding:.85rem 1rem}.login-form__footer{color:var(--ink-soft);margin:.15rem 0 0;font-size:.92rem}@media (width<=920px){.login-page{padding:1rem}.login-shell{grid-template-columns:1fr}.login-card{order:1}.login-hero{order:2;min-height:auto}}@media (width<=640px){.login-page{padding:.85rem}.login-hero,.login-card{border-radius:14px}.login-hero__stats{grid-template-columns:1fr}.login-card{padding:1.25rem}}