@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap);.hq-switcher__select{background:var(--bg-secondary);border-color:var(--border-subtle);color:var(--text-primary);transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.hq-switcher__select:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-default)}.hq-switcher__select[data-selected=true]{background:var(--brand-primary-subtle);border-color:var(--brand-primary);color:var(--text-primary)}.hq-switcher__select:focus-visible{box-shadow:0 0 0 3px var(--brand-primary-subtle);outline:2px solid var(--border-focus);outline-offset:2px}.hq-switcher__select option{background:var(--bg-elevated);color:var(--text-primary)}.hq-switcher__select option:checked{background:var(--brand-primary);color:var(--text-on-brand)}.hq-switcher__mobile-btn{align-items:center;border:none;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-2);outline:none;padding:var(--space-1) var(--space-3)}.hq-switcher__mobile-btn:focus-visible{box-shadow:0 0 0 3px var(--brand-primary-subtle)}.app-shell{--shell-sidebar-collapsed:70px;--shell-sidebar-expanded:250px;--shell-topbar-height:64px;background:var(--bg-primary);display:flex;min-height:100vh}.app-shell__content{flex:1 1;margin-left:var(--shell-sidebar-collapsed);margin-top:var(--shell-topbar-height);min-width:0;padding:var(--space-5);transition:margin-left .18s ease}.app-shell[data-sidebar-pinned=true] .app-shell__content{margin-left:var(--shell-sidebar-expanded)}.app-shell__content-frame,.app-shell__main,.page-layout{min-width:0;width:100%}.app-shell__scrim{display:none}.sidebar-shell{background:var(--bg-primary);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100vh;inset:0 auto 0 0;overflow-x:hidden;position:fixed;transition:width .18s ease,transform .18s ease,box-shadow .18s ease;width:var(--shell-sidebar-collapsed);z-index:var(--z-fixed)}.sidebar-shell[data-expanded=true]{width:var(--shell-sidebar-expanded)}.sidebar-shell[data-hover-expanded=true]{box-shadow:var(--shadow-lg)}.topbar-shell{align-items:center;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--glass-bg);border-bottom:1px solid var(--border-subtle);display:flex;gap:var(--space-4);height:var(--shell-topbar-height);inset:0 0 auto var(--shell-sidebar-collapsed);justify-content:space-between;overflow:visible;padding:0 var(--space-5);position:fixed;transition:left .18s ease;z-index:var(--z-sticky)}.app-shell[data-sidebar-pinned=true] .topbar-shell{left:var(--shell-sidebar-expanded)}.topbar-shell__group{align-items:center;display:flex;gap:var(--space-3);min-width:0}.topbar-shell__menu{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;flex:0 0 auto;justify-content:center;padding:var(--space-2);transition:var(--transition-colors)}.topbar-shell__menu:hover{background:var(--bg-tertiary)}.topbar-shell__profile-details{display:flex}.topbar-shell__visitor-context{align-items:flex-start;color:var(--text-muted);display:flex;flex:0 1 auto;font-size:var(--font-size-xs);gap:var(--space-2);line-height:1.35;max-width:min(320px,42vw);min-width:168px;overflow:visible;padding:2px 0}.topbar-shell__visitor-context-icon{color:var(--text-secondary);flex:0 0 auto;margin-top:1px}.topbar-shell__visitor-context-lines{display:flex;flex-direction:column;min-width:0}.topbar-shell__visitor-context-skeleton{color:var(--text-muted);opacity:.7}@media (max-width:1023px){.app-shell__content{padding:var(--space-4)}.topbar-shell{padding-inline:var(--space-4)}.topbar-shell__group{gap:var(--space-2)}.topbar-shell__divider,.topbar-shell__profile-link{display:none}.topbar-shell__visitor-context{max-width:200px}}@media (max-width:767px){.app-shell__scrim{background:var(--bg-overlay);display:block;inset:0;position:fixed;z-index:var(--z-sticky)}.sidebar-shell{transform:translateX(-100%);width:var(--shell-sidebar-expanded)}.sidebar-shell[data-expanded=true]{box-shadow:var(--shadow-lg);transform:translateX(0)}.app-shell[data-sidebar-pinned=true] .app-shell__content,.app-shell__content{margin-left:0;padding:var(--space-3)}.app-shell[data-sidebar-pinned=true] .topbar-shell,.topbar-shell{left:0;padding-inline:var(--space-3)}.topbar-shell__profile-details,.topbar-shell__workspace{display:none}.topbar-shell__visitor-context{max-width:148px;white-space:normal}.topbar-shell__visitor-context-icon{display:none}}@media (prefers-reduced-motion:reduce){.app-shell__content,.sidebar-shell,.topbar-shell{transition:none}}.db-page{display:flex;flex-direction:column;gap:0;min-height:100%}.db-hero{align-items:flex-start;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:space-between;padding:var(--space-8) var(--space-8) var(--space-6)}.db-hero__left{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.db-hero__greeting{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.07em;margin:0;text-transform:uppercase}.db-hero__name{color:var(--text-primary);font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.db-hero__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-1)}.db-hero__meta-chip{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-full);color:var(--text-secondary);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:5px;padding:3px var(--space-2);white-space:nowrap}.db-hero__meta-chip svg{color:var(--text-muted);flex-shrink:0}.db-hero__meta-sep{background:var(--border-default);border-radius:var(--radius-full);flex-shrink:0;height:3px;width:3px}.db-hero__right{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-2)}.db-hero__date{color:var(--text-muted);font-size:var(--font-size-sm);white-space:nowrap}.db-hero__status-badge{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:var(--space-1);letter-spacing:.05em;padding:4px var(--space-3);text-transform:uppercase}.db-hero__status-badge--active{background:var(--color-success-bg);border:1px solid var(--color-success);color:var(--color-success)}.db-hero__status-badge--inactive{background:var(--color-danger-bg);border:1px solid var(--color-danger);color:var(--color-danger)}.db-hero__status-badge--default{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.db-hero__status-dot{background:currentColor;border-radius:var(--radius-full);height:7px;width:7px}.db-body{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-8)}.db-card{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--bg-secondary);background:var(--glass-bg,var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.db-card__header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;justify-content:space-between;padding:var(--space-5) var(--space-6) var(--space-4)}.db-card__title{align-items:center;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin:0}.db-card__title svg{color:var(--text-muted)}.db-card__link{align-items:center;color:var(--brand-primary);display:flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:2px;text-decoration:none;transition:opacity .15s}.db-card__link:hover{opacity:.75}.db-card__body{padding:var(--space-5) var(--space-6)}.db-grid{grid-gap:var(--space-6);align-items:start;display:grid;grid-template-columns:1fr 340px}.db-col,.db-grid{gap:var(--space-6)}.db-col{display:flex;flex-direction:column}.db-attendance-strip{display:flex;gap:var(--space-2);overflow-x:auto;padding:var(--space-4) var(--space-6) var(--space-5);scrollbar-width:none}.db-attendance-strip::-webkit-scrollbar{display:none}.db-att-day{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:var(--space-2);min-width:44px}.db-att-day__label{color:var(--text-muted);font-size:10px;font-weight:var(--font-weight-medium);letter-spacing:.05em;text-transform:uppercase}.db-att-day__date{color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.db-att-day__pip{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:10px;font-weight:var(--font-weight-bold);height:36px;justify-content:center;letter-spacing:.03em;text-transform:uppercase;width:36px}.db-att-day__pip--present{background:var(--color-success-bg);color:var(--color-success)}.db-att-day__pip--absent{background:var(--color-danger-bg);color:var(--color-danger)}.db-att-day__pip--half,.db-att-day__pip--late{background:var(--color-warning-bg);color:var(--color-warning)}.db-att-day__pip--leave{background:var(--color-info-bg);color:var(--color-info)}.db-att-day__pip--holiday{background:var(--brand-primary-subtle);color:var(--brand-primary)}.db-att-day__pip--future,.db-att-day__pip--weekend{background:var(--bg-tertiary);color:var(--text-muted)}.db-att-day__pip--future{border:1px dashed var(--border-subtle)}.db-att-day__mins{color:var(--text-muted);font-size:10px;white-space:nowrap}.db-att-table{border-collapse:collapse;width:100%}.db-att-table th{background:var(--bg-tertiary);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;padding:var(--space-2) var(--space-3);text-align:left;text-transform:uppercase}.db-att-table td,.db-att-table th{border-bottom:1px solid var(--border-subtle)}.db-att-table td{color:var(--text-primary);font-size:var(--font-size-sm);padding:var(--space-3)}.db-att-table tr:last-child td{border-bottom:none}.db-att-table tr:hover td{background:var(--surface-hover)}.db-status{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);gap:5px;letter-spacing:.04em;padding:2px var(--space-2);text-transform:uppercase}.db-status--present{background:var(--color-success-bg);color:var(--color-success)}.db-status--absent{background:var(--color-danger-bg);color:var(--color-danger)}.db-status--half_day,.db-status--late{background:var(--color-warning-bg);color:var(--color-warning)}.db-status--on_leave{background:var(--color-info-bg);color:var(--color-info)}.db-status--holiday{background:var(--brand-primary-subtle);color:var(--brand-primary)}.db-status--weekend{background:var(--bg-tertiary);color:var(--text-muted)}.db-status--default{background:var(--bg-tertiary);color:var(--text-secondary)}.db-status__dot{background:currentColor;border-radius:var(--radius-full);flex-shrink:0;height:6px;width:6px}.db-leave-list{gap:0}.db-leave-item,.db-leave-list{display:flex;flex-direction:column}.db-leave-item{border-bottom:1px solid var(--border-subtle);gap:var(--space-2);padding:var(--space-4) var(--space-6)}.db-leave-item:last-child{border-bottom:none}.db-leave-item__row{align-items:center;display:flex;gap:var(--space-2);justify-content:space-between}.db-leave-item__name{font-weight:var(--font-weight-medium)}.db-leave-item__count,.db-leave-item__name{color:var(--text-primary);font-size:var(--font-size-sm)}.db-leave-item__count{font-weight:var(--font-weight-bold);white-space:nowrap}.db-leave-item__bar-track{background:var(--border-subtle);border-radius:var(--radius-full);height:4px;overflow:hidden}.db-leave-item__bar-fill{border-radius:var(--radius-full);height:100%;min-width:4px;transition:width .4s ease}.db-comp-card{align-items:center;background:var(--brand-primary);border-radius:var(--radius-xl);cursor:pointer;display:flex;gap:var(--space-4);justify-content:space-between;padding:var(--space-5) var(--space-6);text-decoration:none;transition:opacity .15s,box-shadow .15s}.db-comp-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.18);opacity:.92}.db-comp-card:focus-visible{outline:2px solid hsla(0,0%,100%,.8);outline-offset:2px}.db-comp-card__label{color:hsla(0,0%,100%,.75);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.06em;margin-bottom:var(--space-1);text-transform:uppercase}.db-comp-card__value{color:#fff;font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1}.db-comp-card__currency{font-size:var(--font-size-sm);margin-right:3px;opacity:.8}.db-comp-card__icon{align-items:center;background:hsla(0,0%,100%,.15);border-radius:var(--radius-xl);color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.db-quick-actions{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;padding:var(--space-4) var(--space-6) var(--space-5)}.db-qa-btn{align-items:center;background:var(--bg-primary);border:1.5px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-3);padding:var(--space-3) var(--space-4);text-decoration:none;transition:border-color .15s,background .15s,box-shadow .15s}.db-qa-btn:hover{background:var(--brand-primary-subtle);border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(59,130,246,.08);color:var(--brand-primary)}.db-qa-btn__icon{align-items:center;border-radius:var(--radius-md);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.db-qa-btn__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.3}.db-info-list{gap:0}.db-info-item,.db-info-list{display:flex;flex-direction:column}.db-info-item{border-bottom:1px solid var(--border-subtle);gap:2px;padding:var(--space-3) var(--space-6)}.db-info-item:last-child{border-bottom:none}.db-info-item__label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.06em;text-transform:uppercase}.db-info-item__value{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);word-break:break-word}.db-empty{flex-direction:column;gap:var(--space-2);padding:var(--space-10) var(--space-6);text-align:center}.db-empty,.db-empty__icon{align-items:center;color:var(--text-muted);display:flex;justify-content:center}.db-empty__icon{background:var(--bg-tertiary);border-radius:var(--radius-xl);height:40px;margin-bottom:var(--space-1);width:40px}.db-empty__title{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.db-empty__body{color:var(--text-muted);font-size:var(--font-size-xs);line-height:1.5;margin:0;max-width:220px}@keyframes db-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.db-skeleton{animation:db-shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--border-subtle) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;border-radius:var(--radius-md)}.xhq-page{display:flex;flex-direction:column;gap:0}.xhq-hero{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);padding:var(--space-8) var(--space-8) var(--space-6)}.xhq-hero__eyebrow{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.07em;margin:0 0 var(--space-2);text-transform:uppercase}.xhq-hero__title{color:var(--text-primary);font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-2)}.xhq-hero__desc{color:var(--text-secondary);font-size:var(--font-size-sm);margin:0;max-width:560px}.xhq-body{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-6) var(--space-8)}.xhq-stat-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.xhq-stat{-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);background:var(--bg-secondary);background:var(--glass-bg,var(--bg-secondary));border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.xhq-stat__header{align-items:center;display:flex;justify-content:space-between}.xhq-stat__label{color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.05em;margin:0;text-transform:uppercase}.xhq-stat__icon{align-items:center;background:var(--bg-tertiary);border-radius:var(--radius-lg);color:var(--brand-primary);display:flex;flex-shrink:0;height:32px;justify-content:center;width:32px}.xhq-stat__value{color:var(--text-primary);font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1;margin:0}.xhq-hq-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.xhq-hq-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);text-decoration:none;transition:border-color .15s,box-shadow .15s}.xhq-hq-card:hover{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(59,130,246,.08)}.xhq-hq-card:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.xhq-hq-card__header{align-items:center;display:flex;gap:var(--space-3)}.xhq-hq-card__avatar{align-items:center;background:var(--brand-primary-subtle);border-radius:var(--radius-lg);color:var(--brand-primary);display:flex;flex-shrink:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);height:40px;justify-content:center;width:40px}.xhq-hq-card__name{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin:0}.xhq-hq-card__sub{color:var(--text-muted);font-size:var(--font-size-xs);margin:2px 0 0}.xhq-hq-card__stats{display:flex;gap:var(--space-4)}.xhq-hq-card__stat{display:flex;flex-direction:column;gap:2px}.xhq-hq-card__stat-val{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1}.xhq-hq-card__stat-lbl{color:var(--text-muted);font-size:var(--font-size-xs)}.xhq-section-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.xhq-section-title{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.xhq-section-sub{color:var(--text-muted);font-size:var(--font-size-xs);margin:var(--space-1) 0 0}.xhq-payroll-list{display:flex;flex-direction:column;gap:var(--space-3)}.xhq-payroll-row{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:flex;gap:var(--space-4);padding:var(--space-4);text-decoration:none;transition:border-color .15s,background .15s}.xhq-payroll-row:hover{background:var(--brand-primary-subtle);border-color:var(--brand-primary)}.xhq-payroll-row:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.xhq-payroll-row__avatar{align-items:center;background:var(--brand-primary-subtle);border-radius:var(--radius-md);color:var(--brand-primary);display:flex;flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:36px;justify-content:center;width:36px}.xhq-payroll-row__name{flex:1 1;min-width:0}.xhq-payroll-row__hq{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.xhq-payroll-row__meta{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:2px}.xhq-payroll-row__nums{display:flex;flex-shrink:0;gap:var(--space-4)}.xhq-payroll-row__num{text-align:right}.xhq-payroll-row__num-val{color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.xhq-payroll-row__num-lbl{color:var(--text-muted);font-size:var(--font-size-xs)}.xhq-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.xhq-action-btn{align-items:center;background:var(--bg-secondary);border:1.5px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:border-color .15s,background .15s}.xhq-action-btn:hover{background:var(--brand-primary-subtle);border-color:var(--brand-primary);color:var(--brand-primary)}.db-att-day--link{border-radius:var(--radius-lg);color:inherit;cursor:pointer;text-decoration:none;transition:background .15s}.db-att-day--link:hover{background:var(--surface-hover)}.db-att-day--link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.db-leave-item--link{color:inherit;cursor:pointer;text-decoration:none;transition:background .15s}.db-leave-item--link:hover{background:var(--surface-hover)}.db-leave-item--link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.xhq-stat--link{color:inherit;cursor:pointer;text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .1s}.xhq-stat--link:hover{border-color:var(--brand-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1),var(--shadow-sm);transform:translateY(-1px)}.xhq-stat--link:active{transform:translateY(0)}.xhq-stat--link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media (max-width:1023px){.db-body,.db-hero,.xhq-body,.xhq-hero{padding-left:var(--space-6);padding-right:var(--space-6)}.db-grid{grid-template-columns:1fr}}@media (max-width:767px){.db-body,.db-hero,.xhq-body,.xhq-hero{padding-left:var(--space-4);padding-right:var(--space-4)}.db-hero{flex-direction:column;gap:var(--space-3)}.db-hero__right{align-items:flex-start;flex-direction:row;flex-wrap:wrap;gap:var(--space-2)}.db-hero__name,.xhq-hero__title{font-size:var(--font-size-2xl)}.xhq-stat-grid{grid-template-columns:repeat(2,1fr)}.xhq-hq-grid{grid-template-columns:1fr}.db-quick-actions{grid-template-columns:1fr 1fr}.xhq-payroll-row__nums{display:none}}@media (prefers-reduced-motion:reduce){.db-skeleton{animation:none}}.employment-domain__fields{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.direct-reports__list{display:flex;flex-direction:column;gap:var(--space-3)}.direct-reports__row{grid-gap:var(--space-3);align-items:center;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:minmax(0,1.4fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,1fr) auto;min-width:0;padding:var(--space-3) var(--space-4)}.direct-reports__cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.direct-reports__name{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.direct-reports__meta{color:var(--text-muted);font-size:var(--font-size-xs)}.direct-reports__empty{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5;padding:var(--space-6) var(--space-4);text-align:center}@media (max-width:900px){.direct-reports__row{grid-template-areas:"identity status" "code code" "role role" "dept dept";grid-template-columns:minmax(0,1fr) auto}.direct-reports__row>:first-child{grid-area:identity}.direct-reports__row>:nth-child(2){grid-area:code}.direct-reports__row>:nth-child(3){grid-area:role}.direct-reports__row>:nth-child(4){grid-area:dept}.direct-reports__row>:nth-child(5){grid-area:status}}@media (max-width:767px){.employment-domain__fields{grid-template-columns:1fr}.direct-reports__cell,.direct-reports__row{white-space:normal}}:root{--slate-50:210 40% 98%;--slate-100:210 40% 96%;--slate-200:214 32% 91%;--slate-300:213 27% 84%;--slate-400:215 20% 65%;--slate-500:215 16% 47%;--slate-600:215 19% 35%;--slate-700:215 25% 27%;--slate-800:215 28% 17%;--slate-900:222 47% 11%;--blue-50:214 100% 97%;--blue-100:214 94% 93%;--blue-200:213 97% 87%;--blue-300:212 96% 78%;--blue-400:213 94% 68%;--blue-500:217 91% 60%;--blue-600:221 83% 53%;--blue-700:224 76% 48%;--blue-800:226 71% 40%;--blue-900:226 70% 33%;--emerald-50:152 81% 96%;--emerald-500:142 71% 45%;--emerald-600:142 76% 36%;--rose-50:356 100% 97%;--rose-500:346 87% 61%;--rose-600:345 83% 55%;--amber-50:48 100% 96%;--amber-500:38 92% 50%;--amber-600:33 93% 45%;--font-family-base:"Inter",system-ui,-apple-system,sans-serif;--font-family-heading:"Outfit","Inter",system-ui,sans-serif;--font-family-mono:"JetBrains Mono","Fira Code",monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-none:1;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-base:1.5;--line-height-relaxed:1.625;--space-0:0px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--z-hide:-1;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal:1040;--z-popover:1050;--z-tooltip:1060;--ease-linear:linear;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--duration-75:75ms;--duration-100:100ms;--duration-150:150ms;--duration-200:200ms;--duration-300:300ms;--duration-500:500ms;--transition-all:all var(--duration-200) var(--ease-in-out);--transition-colors:color var(--duration-200) var(--ease-in-out),background-color var(--duration-200) var(--ease-in-out),border-color var(--duration-200) var(--ease-in-out);--transition-transform:transform var(--duration-200) var(--ease-spring);--transition-opacity:opacity var(--duration-150) var(--ease-in-out)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.spin-slow{animation:spin 3s linear infinite}.animate-in{animation-duration:.5s;animation-fill-mode:both}.duration-1000{animation-duration:1s}.fade-in{animation-name:fadeIn}.slide-in-from-bottom-4{animation-name:slideUpFade}:root,[data-theme=light]{--bg-primary:hsl(var(--slate-50));--bg-secondary:#fff;--bg-tertiary:hsl(var(--slate-100));--bg-elevated:#fff;--bg-overlay:rgba(15,23,42,.45);--surface-color:var(--bg-secondary);--surface-elevated:var(--bg-elevated);--surface-muted:var(--bg-tertiary);--surface-selected:var(--brand-primary-subtle);--surface-hover:hsl(var(--slate-100));--surface:var(--surface-color);--surface-50:var(--bg-tertiary);--border-light:var(--border-subtle);--text-primary:hsl(var(--slate-900));--text-secondary:hsl(var(--slate-700));--text-muted:hsl(var(--slate-500));--text-disabled:hsl(var(--slate-400));--text-on-brand:#fff;--text-inverse:#fff;--border-subtle:hsl(var(--slate-200));--border-default:hsl(var(--slate-300));--border-strong:hsl(var(--slate-400));--border-color:var(--border-subtle);--border-focus:hsl(var(--blue-500));--brand-primary:hsl(var(--blue-600));--brand-primary-hover:hsl(var(--blue-700));--brand-primary-active:hsl(var(--blue-800));--brand-primary-subtle:hsl(var(--blue-50));--brand-primary-light:var(--brand-primary-subtle);--brand-primary-dark:hsl(var(--blue-800));--brand-secondary:hsl(var(--blue-700));--color-success:hsl(var(--emerald-600));--color-success-bg:hsl(var(--emerald-50));--color-success-text:hsl(var(--emerald-600));--success-color:var(--color-success);--color-danger:hsl(var(--rose-600));--color-danger-bg:hsl(var(--rose-50));--color-danger-text:hsl(var(--rose-600));--error-color:var(--color-danger);--color-warning:hsl(var(--amber-600));--color-warning-bg:hsl(var(--amber-50));--color-warning-text:hsl(var(--amber-600));--warning-color:var(--color-warning);--color-info:hsl(var(--blue-600));--color-info-bg:hsl(var(--blue-50));--color-info-text:hsl(var(--blue-700));--state-warning-bg:var(--color-warning-bg);--state-warning-text:var(--color-warning-text);--state-success-bg:var(--color-success-bg);--state-success-text:var(--color-success-text);--state-danger-bg:var(--color-danger-bg);--state-danger-text:var(--color-danger-text);--state-info-bg:var(--color-info-bg);--state-info-text:var(--color-info-text);--state-neutral-bg:hsl(var(--slate-100));--state-neutral-text:hsl(var(--slate-700));--input-bg:#fff;--input-border:var(--border-default);--input-border-hover:var(--border-strong);--input-placeholder:var(--text-muted);--input-disabled-bg:var(--bg-tertiary);--input-disabled-text:var(--text-disabled);--btn-primary-bg:var(--brand-primary);--btn-primary-hover:var(--brand-primary-hover);--btn-primary-text:var(--text-on-brand);--btn-secondary-bg:var(--bg-secondary);--btn-secondary-hover:var(--surface-hover);--btn-secondary-text:var(--text-primary);--btn-secondary-border:var(--border-default);--btn-ghost-hover:var(--surface-hover);--btn-disabled-bg:var(--bg-tertiary);--btn-disabled-text:var(--text-disabled);--table-header-bg:var(--bg-tertiary);--table-row-bg:var(--bg-secondary);--table-row-hover:var(--surface-hover);--table-row-selected:var(--surface-selected);--table-border:var(--border-subtle);--focus-ring:0 0 0 3px rgba(60,131,246,.35);--focus-ring-danger:0 0 0 3px rgba(242,69,109,.35);--glass-bg:hsla(0,0%,100%,.7);--glass-border:hsla(0,0%,100%,.4);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.07);--glass-blur:blur(12px);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--scrollbar-track:var(--bg-tertiary);--scrollbar-thumb:hsl(var(--slate-300));--scrollbar-thumb-hover:hsl(var(--slate-400));--chart-grid:var(--border-subtle);--chart-axis:var(--text-muted);--chart-tooltip-bg:var(--bg-elevated);--chart-tooltip-border:var(--border-subtle);--chart-series-1:var(--brand-primary);--chart-series-2:hsl(var(--emerald-500));--chart-series-3:hsl(var(--amber-500));--chart-series-4:hsl(var(--rose-500));color-scheme:light}[data-theme=dark]{--bg-primary:#0c1322;--bg-secondary:#18212f;--bg-tertiary:#212c3b;--bg-elevated:#1b2636;--bg-overlay:rgba(0,0,0,.6);--surface-color:var(--bg-secondary);--surface-elevated:var(--bg-elevated);--surface-muted:var(--bg-tertiary);--surface-selected:var(--brand-primary-subtle);--surface-hover:#2a3646;--surface:var(--surface-color);--surface-50:var(--bg-tertiary);--border-light:var(--border-subtle);--text-primary:#f8fafc;--text-secondary:#bcc5d2;--text-muted:#8f9cae;--text-disabled:#69788c;--text-on-brand:#fff;--text-inverse:#0f1729;--border-subtle:#2e3b4d;--border-default:#414f62;--border-strong:#5a687c;--border-color:var(--border-subtle);--border-focus:hsl(var(--blue-400));--brand-primary:hsl(var(--blue-500));--brand-primary-hover:hsl(var(--blue-400));--brand-primary-active:hsl(var(--blue-600));--brand-primary-subtle:rgba(60,131,246,.16);--brand-primary-light:var(--brand-primary-subtle);--brand-primary-dark:hsl(var(--blue-300));--brand-secondary:hsl(var(--blue-400));--color-success:#30d96e;--color-success-bg:rgba(33,196,93,.16);--color-success-text:#5be18c;--success-color:var(--color-success);--color-danger:#f15f81;--color-danger-bg:rgba(242,69,109,.16);--color-danger-text:#f47c98;--error-color:var(--color-danger);--color-warning:#f6ae31;--color-warning-bg:rgba(245,159,10,.16);--color-warning-text:#fcd269;--warning-color:var(--color-warning);--color-info:#61a6fa;--color-info-bg:rgba(60,131,246,.16);--color-info-text:#83b9fb;--state-warning-bg:var(--color-warning-bg);--state-warning-text:var(--color-warning-text);--state-success-bg:var(--color-success-bg);--state-success-text:var(--color-success-text);--state-danger-bg:var(--color-danger-bg);--state-danger-text:var(--color-danger-text);--state-info-bg:var(--color-info-bg);--state-info-text:var(--color-info-text);--state-neutral-bg:#2a3646;--state-neutral-text:#bcc5d2;--input-bg:#151c29;--input-border:var(--border-default);--input-border-hover:var(--border-strong);--input-placeholder:var(--text-muted);--input-disabled-bg:var(--bg-tertiary);--input-disabled-text:var(--text-disabled);--btn-primary-bg:var(--brand-primary);--btn-primary-hover:var(--brand-primary-hover);--btn-primary-text:var(--text-on-brand);--btn-secondary-bg:var(--bg-tertiary);--btn-secondary-hover:var(--surface-hover);--btn-secondary-text:var(--text-primary);--btn-secondary-border:var(--border-default);--btn-ghost-hover:var(--surface-hover);--btn-disabled-bg:var(--bg-tertiary);--btn-disabled-text:var(--text-disabled);--table-header-bg:var(--bg-tertiary);--table-row-bg:var(--bg-secondary);--table-row-hover:var(--surface-hover);--table-row-selected:var(--surface-selected);--table-border:var(--border-subtle);--focus-ring:0 0 0 3px rgba(97,166,250,.4);--focus-ring-danger:0 0 0 3px rgba(241,95,129,.4);--glass-bg:rgba(15,23,42,.75);--glass-border:hsla(0,0%,100%,.08);--glass-shadow:0 8px 32px 0 rgba(0,0,0,.4);--glass-blur:blur(12px);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.35);--shadow-md:0 4px 6px -1px rgba(0,0,0,.45),0 2px 4px -2px rgba(0,0,0,.4);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.5),0 4px 6px -4px rgba(0,0,0,.45);--scrollbar-track:var(--bg-primary);--scrollbar-thumb:#414f62;--scrollbar-thumb-hover:#5a687c;--chart-grid:var(--border-subtle);--chart-axis:var(--text-muted);--chart-tooltip-bg:var(--bg-elevated);--chart-tooltip-border:var(--border-subtle);--chart-series-1:var(--brand-primary);--chart-series-2:hsl(var(--emerald-500));--chart-series-3:hsl(var(--amber-500));--chart-series-4:hsl(var(--rose-500));color-scheme:dark}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-base);font-size:var(--font-size-md);line-height:var(--line-height-base);transition:background-color .2s ease,color .2s ease}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{color:inherit;font:inherit}input:not([type=checkbox]):not([type=radio]),select,textarea{background-color:var(--input-bg);border-color:var(--input-border);color:var(--text-primary)}input::placeholder,textarea::placeholder{color:var(--input-placeholder)}button:disabled,input:disabled,select:disabled,textarea:disabled{color:var(--text-disabled);cursor:not-allowed}:focus-visible{box-shadow:var(--focus-ring);outline:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}#root{height:100%;isolation:isolate}a{color:inherit;text-decoration:none}button{background:none;border:none;cursor:pointer}*{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:padding-box}.status-badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;line-height:1.25;padding:.15rem .55rem;white-space:nowrap}.status-badge--success{background:var(--state-success-bg);color:var(--state-success-text)}.status-badge--danger{background:var(--state-danger-bg);color:var(--state-danger-text)}.status-badge--warning{background:var(--state-warning-bg);color:var(--state-warning-text)}.status-badge--info{background:var(--state-info-bg);color:var(--state-info-text)}.status-badge--neutral{background:var(--state-neutral-bg);color:var(--state-neutral-text)}.registration-container{align-items:center;background-color:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:var(--space-8) var(--space-4);position:relative}.registration-bg-blob-1{background:rgba(96,165,250,.2);left:-10%;top:-10%}.registration-bg-blob-1,.registration-bg-blob-2{border-radius:50%;filter:blur(120px);height:40%;pointer-events:none;position:absolute;width:40%}.registration-bg-blob-2{background:rgba(129,140,248,.2);bottom:-10%;right:-10%}.registration-header{max-width:400px;position:relative;text-align:center;width:100%;z-index:10}.registration-logo-container{display:flex;justify-content:center;margin-bottom:var(--space-6);transition:transform .3s ease}.registration-logo-container:hover{transform:scale(1.05)}.registration-logo{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1));height:4rem;width:auto}.registration-logo-placeholder{align-items:center;background:linear-gradient(135deg,var(--brand-primary),#4f46e5);border-radius:1rem;box-shadow:0 10px 15px -3px rgba(37,99,235,.3);color:#fff;display:flex;height:4rem;justify-content:center;width:4rem}.registration-title{color:var(--text-primary);font-size:var(--font-size-2xl);font-weight:800;letter-spacing:-.025em;margin-top:var(--space-6)}.registration-subtitle{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:500;margin-top:var(--space-2)}.registration-form-wrapper{margin-top:var(--space-8);max-width:550px;position:relative;width:100%;z-index:10}.registration-form-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:0 8px 30px rgba(0,0,0,.04);overflow:hidden;padding:var(--space-8);position:relative}.registration-top-border{height:4px;left:0;position:absolute;top:0;width:100%}.form-group{margin-bottom:var(--space-5)}.form-label{color:var(--text-primary);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--space-2);margin-left:4px}.input-wrapper{position:relative}.input-icon{color:var(--text-tertiary);left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%);transition:color .2s}.input-wrapper:focus-within .input-icon{color:var(--brand-primary)}.form-input{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);outline:none;padding:var(--space-3);padding-left:2.5rem;transition:all .2s;width:100%}.form-input:focus{background:var(--bg-secondary);border-color:var(--brand-primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.form-input.error{border-color:var(--color-danger)}.form-input.error:focus{box-shadow:0 0 0 4px rgba(220,38,38,.1)}.input-error-msg{color:var(--color-danger);font-size:var(--font-size-sm);font-weight:500;margin-left:4px;margin-top:var(--space-1)}.slug-wrapper{border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:0 1px 2px rgba(0,0,0,.05);display:flex;overflow:hidden;transition:all .2s}.slug-wrapper:focus-within{border-color:var(--brand-primary);box-shadow:0 0 0 4px rgba(37,99,235,.1)}.slug-suffix{align-items:center;background:var(--bg-tertiary);border-left:1px solid var(--border-default);color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);font-weight:500;padding:0 var(--space-3) 0 var(--space-1)}.slug-input{background:var(--bg-secondary);border:none;color:var(--text-primary);flex:1 1;outline:none;padding:var(--space-3)}.slug-status{align-items:center;display:flex;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%)}.divider{background:var(--border-subtle);height:1px;margin:var(--space-6) 0}.submit-button{align-items:center;background:var(--brand-primary);border:none;border-radius:var(--radius-md);box-shadow:0 4px 14px 0 rgba(37,99,235,.39);color:var(--text-on-brand);cursor:pointer;display:flex;font-size:var(--font-size-md);font-weight:600;justify-content:center;padding:var(--space-3) var(--space-4);transition:all .2s;width:100%}.submit-button:hover:not(:disabled){background:#1d4ed8;background:var(--brand-secondary,#1d4ed8);box-shadow:0 6px 20px rgba(37,99,235,.23);color:#fff;transform:translateY(-2px)}.submit-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-banner{align-items:flex-start;background:hsla(0,93%,94%,.8);border:1px solid #fca5a5;border-radius:var(--radius-md);display:flex;gap:var(--space-3);margin-bottom:var(--space-6);padding:var(--space-3)}.error-banner p{color:#991b1b;font-size:var(--font-size-sm);font-weight:500;margin:0}.grid-2-cols{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.grid-2-cols{grid-template-columns:1fr 1fr}}.glass-panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow)}.action-button{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;line-height:1;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;white-space:nowrap}.action-button--sm{min-height:32px;padding:0 var(--space-3)}.action-button--md{min-height:38px;padding:0 var(--space-4)}.action-button--primary{background:var(--btn-primary-bg);color:var(--btn-primary-text)}.action-button--primary:hover:not(:disabled){background:var(--btn-primary-hover)}.action-button--secondary{background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);color:var(--btn-secondary-text)}.action-button--ghost:hover:not(:disabled),.action-button--secondary:hover:not(:disabled){background:var(--btn-secondary-hover);border-color:var(--border-strong)}.action-button--ghost{background:transparent;border-color:var(--border-subtle);color:var(--brand-primary)}.action-button--danger{background:var(--state-danger-bg);border-color:color-mix(in srgb,var(--state-danger-text) 28%,transparent);color:var(--state-danger-text)}.action-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--state-danger-bg) 78%,var(--state-danger-text))}.action-button:focus-visible{box-shadow:var(--focus-ring);outline:none}.action-button--danger:focus-visible{box-shadow:var(--focus-ring-danger)}.action-button:active:not(:disabled){transform:translateY(1px)}.action-button:disabled{background:var(--btn-disabled-bg);border-color:var(--border-subtle);color:var(--btn-disabled-text);cursor:not-allowed;opacity:.75}.leave-policy-summary{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr))}.leave-policy-workspace{grid-gap:var(--space-4);align-items:start;display:grid;gap:var(--space-4);grid-template-columns:minmax(250px,.8fr) minmax(0,2fr)}.leave-policy-check-grid,.leave-policy-form-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(4,minmax(140px,1fr))}.leave-policy-rule-list{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr))}.leave-policy-assignment-form{grid-gap:var(--space-3);align-items:end;display:grid;gap:var(--space-3);grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(150px,.7fr) auto}@media (max-width:960px){.leave-policy-workspace{grid-template-columns:1fr}.leave-policy-check-grid,.leave-policy-form-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.leave-policy-assignment-form{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.leave-policy-assignment-form,.leave-policy-check-grid,.leave-policy-form-grid,.leave-policy-rule-list,.leave-policy-summary{grid-template-columns:1fr}.leave-policy-assignment-list article{grid-template-columns:1fr!important}}