@font-face{font-family:Inter;src:url(/fonts/InterVariable.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--petrol: #103f45;--petrol-700: #0b2d32;--petrol-900: #071e22;--petrol-300: #5b7d82;--petrol-100: #cfd9da;--petrol-050: #e8eeee;--gold: #d3a72a;--gold-600: #b68c1e;--gold-300: #e6c55e;--gold-050: #fbf4dd;--canvas: #f4f7f6;--surface: #ffffff;--surface-2: #f8faf9;--glass: rgba(255, 255, 255, .74);--glass-strong: rgba(255, 255, 255, .86);--ink: #14292d;--muted: #5e7176;--line: #e1e8e6;--ok: #2f8f60;--warn: #c98a1c;--danger: #c8434f;--danger-050: #fbeaec;--info: #2c6fa6;--info-050: #e7f0f8;--pill-approved: #e4f2ea;--pill-approved-fg: #1e6b45;--pill-pending: #fbf4dd;--pill-pending-fg: #8a6912;--pill-rejected: #fbeaec;--pill-rejected-fg: #93222c;--pill-cancelled: #e8eeee;--pill-cancelled-fg: #3f5559;--radius: 20px;--radius-sm: 12px;--radius-lg: 26px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(11, 45, 50, .06);--shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 18px 48px rgba(11, 45, 50, .1);--shadow-lg: 0 30px 70px rgba(11, 45, 50, .16);--ring: 0 0 0 3px rgba(16, 63, 69, .14);--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--control-h: 2.625rem;--fs-title: clamp(1.5rem, 2.4vw, 1.875rem);--fs-sub: .875rem;--fs-card-title: 1.125rem;--fs-card-sub: .8125rem;--fs-body: .875rem;--fs-lead: .9375rem;--fs-label: .8125rem;--fs-small: .75rem;--fw-regular: 400;--fw-medium: 600;--fw-bold: 700;--card-gap: 22px;--page-gap: 24px;font:100%/1.5 Inter,Segoe UI,system-ui,-apple-system,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}html{scrollbar-width:thin;scrollbar-color:transparent transparent}@media (hover: hover) and (pointer: fine){:where(*):hover{scrollbar-color:var(--petrol-100) transparent}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-button{display:none;width:0;height:0}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent;border:0}::-webkit-scrollbar-thumb{background:transparent;border-radius:99px}@media (hover: hover) and (pointer: fine){:where(*):hover::-webkit-scrollbar-thumb{background:var(--petrol-100)}}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--canvas);overflow-x:hidden}img,svg{max-width:100%}button,input,select,textarea{font:inherit}a,button,input,select,textarea,label,[role=button]{touch-action:manipulation}button{border:0;background:none;color:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button:active{transform:scale(.97);transition:transform .1s ease-out}button:disabled:active{transform:none}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:0;box-shadow:var(--ring)}h1,h2,h3,h4{margin:0;color:var(--petrol-700);font-weight:var(--fw-bold)}h2,h3{font-size:var(--fs-card-title);line-height:1.2;letter-spacing:-.03em}h4{font-size:var(--fs-small);font-weight:var(--fw-medium);letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}p{margin:0}small,.muted{color:var(--muted)}.empty{padding:28px 4px;color:var(--muted);font-size:var(--fs-label);text-align:center}.logo{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff;min-width:0;overflow:hidden}.logo-mark{height:24px;width:auto;object-fit:contain;flex:none}.logo>span{font-size:.6875rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap}.logo>span>span{color:var(--gold)}.icon-btn{display:grid;place-items:center;width:34px;height:34px;flex:none;margin-left:auto;border:1px solid rgba(255,255,255,.16);border-radius:50%;background:#ffffff0f;color:#ffffffd9;transition:background .18s,color .18s}@media (hover: hover) and (pointer: fine){.icon-btn:hover{background:#ffffff24;color:#fff}}.avatar{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:50%;background:var(--petrol-050);color:var(--petrol);font-size:.65rem;font-weight:750}.avatar.tiny{width:24px;height:24px;font-size:.55rem;margin-right:8px;vertical-align:middle}.connection-error{margin:24px 40px 0;padding:11px 14px;border:1px solid color-mix(in srgb,var(--danger) 35%,var(--line));border-radius:var(--radius-sm);background:var(--danger-050);color:var(--pill-rejected-fg);font-size:.75rem}.sheet-scrim{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;background:#071e225c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;padding:24px;animation:sheet-scrim-in .18s var(--ease-out)}.sheet{width:min(880px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;background:var(--surface);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg);padding:26px 30px 34px;animation:sheet-in .22s var(--ease-drawer)}.sheetTop{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}@keyframes sheet-scrim-in{0%{opacity:0}}@keyframes sheet-in{0%{opacity:0;transform:scale(.96) translateY(8px)}}.grid{display:grid;gap:var(--card-gap)}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--glass-strong);box-shadow:var(--shadow-sm);padding:22px}.card-title{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.settings-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:14px;background:var(--gold-050);color:var(--gold-600)}.balance-ring{position:relative;width:88px;height:88px;margin:10px auto 6px}.balance-ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ring-track,.ring-fill{stroke-width:9}.ring-track{stroke:var(--petrol-050);stroke:color-mix(in srgb,var(--type, var(--petrol)) 18%,#ffffff)}.ring-fill{stroke:var(--type, var(--petrol))}.ring-value{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.ring-value strong{font-size:1.25rem;letter-spacing:-.05em;color:var(--petrol-700)}.type-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:.625rem;font-weight:650;white-space:nowrap}.dot{width:7px;height:7px;border-radius:50%;background:var(--type, var(--petrol));flex:none}.progress,.line{height:6px;margin-top:10px;border-radius:99px;background:var(--petrol-050);overflow:hidden}.progress i,.line i{display:block;height:100%;border-radius:inherit;background:var(--type, var(--petrol))}.page-title{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:var(--page-gap)}.page-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:12px;min-width:0;margin-left:auto}.page-note{max-width:72ch;margin:calc(var(--page-gap) * -.5) 0 var(--page-gap);color:var(--muted);font-size:var(--fs-card-sub)}.page-title h1{margin:0;font-size:var(--fs-title);font-weight:var(--fw-bold);line-height:1.15;letter-spacing:-.045em}.page-title p{margin:8px 0 0;color:var(--muted);font-size:var(--fs-sub);font-weight:var(--fw-regular)}.filter{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:18px}.search{display:flex;align-items:center;gap:8px;width:220px;padding:9px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--glass);color:var(--muted)}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:var(--fs-label);color:var(--ink)}.filter-select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:9px 10px;font-size:var(--fs-label);color:var(--ink)}.page-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.status{display:inline-flex;align-items:center;padding:5px 9px;border-radius:var(--radius-pill);font-size:.625rem;font-weight:650;white-space:nowrap}.status.approved{background:var(--pill-approved);color:var(--pill-approved-fg)}.status.pending{background:var(--pill-pending);color:var(--pill-pending-fg)}.status.rejected{background:var(--pill-rejected);color:var(--pill-rejected-fg)}.status.cancelled{background:var(--pill-cancelled);color:var(--pill-cancelled-fg)}.abbr{display:inline-grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;font-size:.625rem;font-weight:700;margin-right:8px;vertical-align:middle}.apply-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start}.apply-details h2,.apply-summary h2{margin-bottom:16px}.apply-details{display:grid;gap:15px}.apply-details>label,.apply-dates label,.form-grid label,.field{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:var(--fs-small);font-weight:650;color:var(--petrol-700)}.apply-details input,.apply-details select,.apply-details textarea,.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);padding:10px 11px;color:var(--ink);font-size:.8125rem;font-weight:400}:is(.apply-details,.form-grid,.field) :is(input:not([type=checkbox],[type=radio],[type=file]),select){height:var(--control-h)}:is(.apply-details,.form-grid,.field) :is(input,select,textarea):disabled{background:var(--surface-2);color:var(--muted);-webkit-text-fill-color:var(--muted);cursor:not-allowed}.field-wide{grid-column:1 / -1}.directory-field{position:relative}.directory-results{position:absolute;z-index:5;top:100%;left:0;right:0;margin-top:4px;max-height:220px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg)}.directory-status{margin:0;padding:10px 12px;color:var(--muted);font-size:.6875rem;font-weight:400}.directory-results button{display:block;width:100%;padding:8px 12px;text-align:left;font-weight:400}@media (hover: hover) and (pointer: fine){.directory-results button:hover{background:var(--surface-2)}}.directory-results button b{display:block;font-size:.75rem;font-weight:650;color:var(--ink)}.directory-results button small{display:block;color:var(--muted);font-size:.6875rem}.link-button{color:var(--petrol);font-weight:var(--fw-medium);text-decoration:underline}.apply-details textarea,.form-grid textarea,.field textarea{min-height:84px;resize:vertical}.apply-details label>small{display:block;margin-top:2px;font-weight:400;color:var(--muted)}.apply-dates{display:grid;grid-template-columns:1fr 1fr;gap:12px}.days-summary{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--gold-050);color:var(--pill-pending-fg);font-size:.6875rem;font-weight:600}.apply-details .check{display:flex;align-items:center;gap:8px;font-size:.75rem;font-weight:500;color:var(--ink)}.apply-details .check input{width:auto}.apply-details footer{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.apply-sidebar{display:grid;gap:18px}.apply-summary>p{margin:0 0 14px;color:var(--muted);font-size:.75rem}.apply-summary>strong{display:block;margin-bottom:14px;color:var(--petrol-700);font-size:.8125rem}.summary-balance{display:flex;align-items:center;gap:12px}.summary-balance>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-size:.65rem;font-weight:700;flex:none}.summary-balance>div{flex:1;min-width:0}.summary-balance b{display:block;font-size:.8125rem}.summary-balance small{font-size:.6875rem}.summary-balance>em{font-style:normal;font-weight:700;color:var(--petrol-700)}.apply-summary .policy-reminders{margin:16px 0 0;padding:14px 0 0 16px;border-top:1px solid var(--line);display:grid;gap:8px}.apply-summary .policy-reminders li{color:var(--muted);font-size:.6875rem;line-height:1.4}.leave-request-success{display:flex;flex-direction:column;align-items:center;gap:12px;max-width:420px;margin:60px auto;padding:40px 32px;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);text-align:center}.leave-request-success>span{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--pill-approved);color:var(--pill-approved-fg)}.leave-request-success p{color:var(--muted);font-size:.8125rem;line-height:1.5}.leave-request-success div,.leave-request-success{gap:12px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:24px;background:#071e225c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .18s ease-out}@starting-style{.modal-wrap{opacity:0}}.modal{position:relative;width:min(560px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border-radius:var(--radius-dialog);background:var(--surface);box-shadow:var(--shadow-lg);--enter-scale: .96;transform-origin:center;transition:opacity .2s var(--ease-out),transform .2s var(--ease-out)}@starting-style{.modal{opacity:0;transform:scale(var(--enter-scale))}}.modal h3{margin:0 0 6px;padding-right:40px;font-size:var(--fs-card-title)}.modal>p{margin:0 0 18px;color:var(--muted);font-size:var(--fs-card-sub)}.modal .x{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--muted)}@media (hover: hover) and (pointer: fine){.modal .x:hover{background:var(--surface-2)}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.check{display:flex;align-items:center;gap:8px;font-size:.75rem;margin-bottom:14px}.check input{width:auto}.modal-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px}.notifications{display:grid;padding:8px 12px}.notification{display:flex;align-items:center;gap:12px;width:100%;padding:14px 4px;border-bottom:1px solid var(--line);text-align:left}.notification:last-child{border-bottom:0}.notification>div{flex:1;min-width:0}.notification strong{display:block;font-size:.8125rem}.notification p{margin:3px 0 0;color:var(--muted);font-size:.75rem}.notification small{flex:none;font-size:.625rem}.notification.unread{background:var(--surface-2);border-radius:var(--radius-sm)}.notification.unread strong{color:var(--petrol-700)}.notify-icon-slot{flex:none}.notify-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--info-050);color:var(--info)}.notify-icon.success{background:var(--pill-approved);color:var(--pill-approved-fg)}.notify-icon.warning{background:var(--gold-050);color:var(--pill-pending-fg)}.notify-icon.error{background:var(--danger-050);color:var(--pill-rejected-fg)}.approval-actions{display:flex;align-items:center;gap:8px}.approve,.reject{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-pill);font-size:var(--fs-label);font-weight:var(--fw-medium);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.approve{background:var(--pill-approved);color:var(--pill-approved-fg);border-color:color-mix(in srgb,var(--ok) 22%,transparent)}.reject{background:var(--pill-rejected);color:var(--pill-rejected-fg);border-color:color-mix(in srgb,var(--danger) 20%,transparent)}@media (hover: hover) and (pointer: fine){.approve:hover,.reject:hover{transform:translateY(-1px);box-shadow:0 6px 12px #0b2d321a}.approve:hover{background:color-mix(in srgb,var(--pill-approved) 72%,white)}.reject:hover{background:color-mix(in srgb,var(--pill-rejected) 72%,white)}}.certificate-notice{display:flex;align-items:center;gap:5px;margin-top:4px;color:var(--ok);font-size:.625rem;font-weight:600}.certificate-missing{display:flex;align-items:center;gap:6px;margin-top:4px;color:var(--warn);font-size:.625rem;font-weight:600}.certificate-upload{margin:18px 0;padding:14px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line)}.certificate-upload b{display:block;margin-bottom:4px;font-size:.8125rem}.certificate-upload p{margin-bottom:10px;color:var(--muted);font-size:.75rem}.certificate-upload input[type=file]{display:block;margin-bottom:10px;font-size:.75rem}.edit-employee{display:flex;align-items:center;gap:6px;min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--petrol);font-size:var(--fs-label);font-weight:var(--fw-medium)}.po-sheet h4{margin:18px 0 10px;font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.org-chart{display:grid;justify-items:center;gap:4px}.org-tier{display:flex;gap:10px;justify-content:center}.org-tier-manager button,.org-tier-reports button{border-radius:var(--radius-sm)}@media (hover: hover) and (pointer: fine){.org-tier-manager button:hover,.org-tier-reports button:hover{background:var(--surface-2)}}.org-tier-reports{flex-wrap:wrap;margin-top:4px;padding-top:14px;border-top:1px dashed var(--line);width:100%}.org-card{display:grid;justify-items:center;min-width:0;gap:4px;width:108px;padding:10px 6px}.org-card.highlight{border-radius:var(--radius-sm);background:var(--petrol-050)}.org-card b{max-width:100%;font-size:.6875rem;font-weight:650;text-align:center;color:var(--ink);overflow-wrap:anywhere}.org-card small{max-width:100%;font-size:.6rem;color:var(--muted);text-align:center;overflow-wrap:anywhere}.org-peers{display:flex;flex-wrap:wrap;gap:10px}.org-peers button{border-radius:var(--radius-sm)}@media (hover: hover) and (pointer: fine){.org-peers button:hover{background:var(--surface-2)}}.integration-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--card-gap)}.integration{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.integration-logo{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;color:#fff;font-size:.7rem;font-weight:700;margin-bottom:10px}.integration>div{margin-bottom:4px}.integration h3{font-size:.9375rem}.integration em{font-style:normal;color:var(--muted);font-size:.6875rem}.int-status{display:inline-flex;align-items:center;gap:5px;margin-bottom:10px;font-size:.6875rem;font-weight:650}.int-status.connected{color:var(--ok)}.integration>p{color:var(--muted);font-size:.75rem;line-height:1.4}.integration>small{margin-top:6px;font-size:.625rem}.integration footer{margin-top:14px}.integration footer a{display:flex;align-items:center;gap:6px;color:var(--petrol);font-size:.75rem;font-weight:650;text-decoration:none}@media (hover: hover) and (pointer: fine){.integration footer a:hover{text-decoration:underline}}.auth-gate{position:relative;min-height:100vh;width:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 20px;background:radial-gradient(1100px 720px at 8% -12%,rgba(211,167,42,.16),transparent 58%),linear-gradient(160deg,var(--petrol-900),var(--petrol) 70%)}.auth-orb{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.auth-orb-one{width:340px;height:340px;left:-100px;top:-100px;background:#d3a72a29}.auth-orb-two{width:280px;height:280px;right:-80px;bottom:-80px;background:#ffffff0f}.auth-gate-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:26px;width:100%;max-width:400px}.izzat-logo{height:40px;width:auto;object-fit:contain}.auth-card{width:100%;padding:34px 30px;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);text-align:center}.auth-product{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:22px}.auth-product .logo{color:var(--petrol-700)}.auth-product .logo-mark{filter:invert(1) brightness(.35) sepia(1) hue-rotate(140deg) saturate(2)}.auth-product>span{color:var(--muted);font-size:.75rem}.auth-card h1{font-size:1.5rem;letter-spacing:-.04em;margin-bottom:8px}.auth-card>p{color:var(--muted);font-size:.8125rem;margin-bottom:24px}.auth-sign-in{width:100%}.auth-progress{width:100%;height:4px;border-radius:99px;background:var(--petrol-050);overflow:hidden;position:relative;margin-bottom:14px}.auth-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:40%;border-radius:inherit;background:var(--petrol);animation:auth-progress-sweep 1.1s ease-in-out infinite}@keyframes auth-progress-sweep{0%{transform:translate(-100%)}to{transform:translate(250%)}}.auth-status{color:var(--muted);font-size:.75rem}.auth-security-note{margin-top:14px;color:var(--muted);font-size:.6875rem}.auth-gate footer{position:relative;z-index:1;margin-top:30px;display:flex;gap:10px;color:#ffffff8c;font-size:.6875rem}.auth-gate footer span{color:#ffffff59}@media (max-width: 1100px){.seven{grid-template-columns:repeat(4,1fr)}.apply-layout{grid-template-columns:1fr}}@media (max-width: 900px){.four{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.connection-error{margin:20px 16px 0}.sheet-scrim{padding:0}.sheet{width:100%;height:100%;max-height:100vh;max-height:100dvh;border-radius:0;padding:18px 16px 32px}.card{padding:16px;border-radius:16px}.card-title{align-items:flex-start;gap:10px}:root{--card-gap: 16px;--page-gap: 18px}.page-title{align-items:stretch;gap:14px}.page-actions{width:100%;justify-content:flex-start;margin-left:0}.page-actions>.primary,.page-actions>.secondary,.page-actions>.btn{flex:1 1 auto}.filter{align-items:stretch}.filter .tabs{flex-wrap:nowrap;overflow-x:auto;margin-right:-16px;padding-right:16px;scrollbar-width:none}.filter .tabs::-webkit-scrollbar{display:none}.tabs button{flex:none;min-height:44px}.search{width:100%;min-height:42px}.page-controls{width:100%}.table{margin-inline:-16px;padding-inline:16px;border-radius:0}.thead,.trow{min-height:48px}.two,.three,.four,.seven,.apply-layout,.form-grid,.apply-dates{grid-template-columns:1fr}.grid>*{min-width:0}.type-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.integration-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))}.apply-details footer,.modal-actions{flex-direction:column-reverse}.apply-details footer>button,.modal-actions>button{width:100%;min-height:44px}.modal-wrap{align-items:flex-end;padding:0}.modal{width:100%;max-height:min(90vh,720px);max-height:min(90dvh,720px);padding:24px 16px calc(24px + env(safe-area-inset-bottom,0px));border-radius:var(--radius-dialog) var(--radius-dialog) 0 0}.modal .x{top:12px;right:10px}.modal h3{padding-right:38px}.approve,.reject,.trow button{min-height:44px}.icon-btn,.modal .x{min-width:44px;min-height:44px}input,select,textarea,.search input,.filter-select,.apply-details input,.apply-details select,.apply-details textarea,.form-grid input,.form-grid select,.form-grid textarea,.field input,.field select,.field textarea,.certificate-upload input[type=file]{font-size:max(16px,1em)}}@media (max-width: 420px){.sheetTop{margin-bottom:16px}.sheetTop h2{padding-right:36px}.usage-modal .usage-summary{gap:12px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.modal,.bell-menu{--enter-scale: 1}.modal-wrap,.modal,.bell-menu{transition-duration:.12s!important}}@media (prefers-reduced-transparency: reduce){.card,.search,.connection-error,.modal-wrap{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast: more){.card,.modal{background:var(--surface);border-color:var(--petrol-700)}button{outline-offset:2px}}:root{--m-card: .55s;--m-rise: .5s;--m-word: .45s;--m-stagger: 60ms;--m-bar: .8s;--m-ring: .8s;--m-return: .2s;--m-reduced: .12s;--m-slide: .45s}@keyframes enter-card{0%{opacity:0;transform:translateY(16px) scale(.98)}}@keyframes enter-rise{0%{opacity:0;transform:translateY(9px)}}@keyframes enter-word{0%{opacity:0;transform:translateY(60%) rotate(2deg);filter:blur(8px)}}@keyframes enter-word-flat{0%{opacity:0;transform:translateY(60%) rotate(2deg)}}@keyframes enter-bar{0%{transform:scaleY(0)}}@keyframes enter-fill{0%{transform:scaleX(0)}}@keyframes enter-ring{0%{opacity:0;transform:rotate(-290deg)}}@keyframes enter-fade{0%{opacity:0}}.enter-word{display:inline-block}.enter-bar{transform-origin:50% 100%}.enter-fill{transform-origin:0 50%}[data-entrance=first] .enter-card{animation:enter-card var(--m-card) var(--ease-out) both;animation-delay:calc(var(--base, 0ms) + var(--d, 0ms))}[data-entrance=first] .enter-rise{animation:enter-rise var(--m-rise) var(--ease-out) both;animation-delay:calc(var(--base, 0ms) + var(--d, 0ms) + .17s + var(--i, 0) * var(--m-stagger))}[data-entrance=first] .enter-word{animation:enter-word var(--m-word) var(--ease-out) both;animation-delay:calc(var(--base, 0ms) + var(--i, 0) * var(--m-stagger))}[data-entrance=first] .enter-bar{animation:enter-bar var(--m-bar) var(--ease-out) both;animation-delay:calc(var(--base, 0ms) + var(--d, 0ms) + .25s + min(var(--i, 0) * 30ms,.15s))}[data-entrance=first] .enter-fill{animation:enter-fill var(--m-bar) var(--ease-out) both;animation-delay:calc(var(--base, 0ms) + var(--d, 0ms) + .25s)}[data-entrance=first] .enter-ring{animation:enter-ring var(--m-ring) var(--ease-out) both;animation-delay:calc(var(--base, 0ms) + var(--d, 0ms) + .2s)}@media (hover: none),(pointer: coarse){[data-entrance=first] .enter-word{animation-name:enter-word-flat}}[data-entrance=return] :is(.enter-card,.enter-rise,.enter-word,.enter-bar,.enter-fill,.enter-ring){animation:enter-fade var(--m-return) var(--ease-out) both;animation-delay:0ms}@media (prefers-reduced-motion: reduce){[data-entrance] :is(.enter-card,.enter-rise,.enter-word,.enter-bar,.enter-fill,.enter-ring){animation:enter-fade var(--m-reduced) var(--ease-out) both!important;animation-delay:0ms!important}.pop{transition-duration:var(--m-reduced)!important}}:root[data-motion=reduce] *,:root[data-motion=reduce] *:before,:root[data-motion=reduce] *:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}:root[data-motion=reduce] [data-entrance] :is(.enter-card,.enter-rise,.enter-word,.enter-bar,.enter-fill,.enter-ring){animation:enter-fade var(--m-reduced) var(--ease-out) both!important;animation-delay:0ms!important}:root[data-motion=reduce] :is(.modal,.bell-menu){--enter-scale: 1}:root[data-motion=reduce] :is(.modal-wrap,.modal,.bell-menu,.pop,.side-scrim){transition-duration:var(--m-reduced)!important}:root[data-motion=reduce] .rail{transition:none}.app{min-height:100vh;min-height:100dvh;background:var(--petrol-050)}.shell{--gutter: clamp(12px, 2vw, 56px);width:min(1640px,calc(100% - var(--gutter) * 2));min-height:calc(100dvh - 40px);margin:20px auto;padding:18px clamp(16px,2.2vw,32px) 40px;border-radius:34px;background:var(--canvas)}.frame{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:22px;margin-top:22px}.main{min-width:0}.topbar{position:relative;z-index:30;display:flex;align-items:center;gap:14px}.pill{display:flex;align-items:center;height:60px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm)}.brand{gap:10px;padding:0 18px 0 6px;flex:none}.brand-mark{display:grid;place-items:center;height:48px;padding:0 14px;border-radius:var(--radius-pill);background:var(--petrol)}.brand-mark img{display:block;height:18px;width:auto}.brand-name{color:var(--petrol-700);font-size:1.0625rem;font-weight:650;letter-spacing:-.02em}.brand-name span{color:var(--pill-pending-fg)}.nav{position:relative;min-width:0;margin-inline:auto;padding:7px;gap:6px;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.tab{position:relative;z-index:1;display:inline-flex;flex:none;align-items:center;gap:8px;height:46px;padding:0 16px;border-radius:var(--radius-pill);color:var(--muted);font-size:.9375rem;font-weight:600;white-space:nowrap;transition:color .2s var(--ease-out)}.tab.on{color:#fff}.tab b{display:grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-pill);background:var(--gold);color:var(--petrol-900);font-size:.6875rem;font-weight:750;font-variant-numeric:tabular-nums}.nav-ind{position:absolute;top:0;left:0;width:0;height:0;border-radius:var(--radius-pill);background:var(--petrol);opacity:0;pointer-events:none}.nav-ind.ready{transition:transform var(--m-slide) var(--ease-out),opacity .2s var(--ease-out)}.tools{position:relative;z-index:3;flex:none;gap:4px;padding:0 8px}.tool{position:relative;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink);transition:background-color .2s var(--ease-out)}.tool svg{width:22px;height:22px}.tool[aria-expanded=true]{background:var(--petrol-050)}.menu-btn{display:none}.bell-menu-wrap{position:relative;display:inline-flex}.bell i{position:absolute;top:10px;right:11px;width:9px;height:9px;border:2px solid var(--surface);border-radius:50%;background:var(--gold-600);box-sizing:content-box}.request-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 18px 0 14px;border-radius:var(--radius-pill);background:var(--gold);color:var(--petrol-900);font-size:.9375rem;font-weight:650;white-space:nowrap;transition:background-color .2s var(--ease-out)}.request-btn svg{width:20px;height:20px;stroke-width:2.4}.user{gap:8px;padding:0 14px 0 10px;color:var(--muted)}.user .avatar{width:40px;height:40px;background:var(--petrol);color:#fff;font-size:.75rem}.user svg{transition:transform .3s var(--ease-out)}.user[aria-expanded=true] svg{transform:rotate(180deg)}.profile-pop{width:280px;padding:8px;border-radius:var(--radius)}.profile-card{display:grid;gap:2px;min-width:0;margin-bottom:4px;padding:8px 10px 12px;border-bottom:1px solid var(--line)}.profile-card strong{overflow-wrap:anywhere;font-size:.9375rem}.profile-card small{overflow-wrap:anywhere;font-size:.75rem}.menu-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 12px;font-size:.8125rem;font-weight:600}.menu-note{display:block;padding:0 12px 8px;color:var(--muted);font-size:.75rem}.bell-menu{position:absolute;right:0;top:calc(100% + 10px);width:380px;max-width:calc(100vw - 32px);max-height:min(460px,calc(100dvh - 140px));overflow-y:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-lg);z-index:30;--enter-scale: .96;transform-origin:top right;transition:opacity .15s var(--ease-out),transform .15s var(--ease-out)}@starting-style{.bell-menu{opacity:0;transform:scale(var(--enter-scale))}}.bell-menu-head{display:flex;align-items:center;justify-content:space-between;padding:16px 16px 10px;border-bottom:1px solid var(--line)}.bell-menu-head strong{font-size:.9375rem}.bell-menu-head button{min-height:44px;padding:0 4px;color:var(--petrol);font-size:.75rem;font-weight:650}.bell-menu-head button:disabled{color:var(--muted)}.bell-menu .tabs{padding:10px 16px 0;margin-bottom:6px}.bell-menu .notifications{padding:0 10px 10px}.rail-col{min-width:0}.rail{position:sticky;top:20px;z-index:20;display:flex;flex-direction:column;gap:12px;min-height:min(calc(100dvh - 170px),700px)}.rail-head{display:none}.rail-group{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:4px;border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm)}.rail-foot{margin-top:auto}.rail-btn{position:relative;z-index:1;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--muted);transition:color .2s var(--ease-out)}.rail-btn svg{width:22px;height:22px}.rail-btn.on{color:#fff}.rail-ind{position:absolute;top:0;left:0;width:0;height:0;border-radius:var(--radius-pill);background:var(--petrol);opacity:0;pointer-events:none}.rail-ind.ready{transition:transform var(--m-slide) var(--ease-out),opacity .2s var(--ease-out)}.rail-label{position:absolute;left:calc(100% + 12px);top:50%;z-index:5;padding:6px 10px;border-radius:10px;background:var(--petrol-900);color:#fff;font-size:.75rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;translate:-4px -50%;transition:opacity .15s var(--ease-out),translate .2s var(--ease-out)}.rail-btn:focus-visible .rail-label{opacity:1;translate:0 -50%}.side-scrim{display:none}.palette-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:start center;padding:12vh 16px 16px;background:#071e2266;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:palette-veil-in .15s var(--ease-out)}.palette{width:600px;max-width:100%;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);animation:palette-in .2s var(--ease-out)}@keyframes palette-veil-in{0%{opacity:0}}@keyframes palette-in{0%{opacity:0;transform:translateY(-6px) scale(.97)}}.palette-bar{display:flex;align-items:center;gap:12px;height:60px;padding:0 18px;border-bottom:1px solid var(--line);color:var(--muted);font-size:1rem}.palette-bar svg{flex:none;width:20px;height:20px}.palette-bar input{flex:1;min-width:0;border:0;background:none;color:var(--ink)}.palette-bar input:focus-visible{box-shadow:none}.palette-bar:focus-within{box-shadow:inset 0 -2px 0 var(--petrol)}.palette-bar kbd,.palette-foot kbd{padding:2px 6px;border:1px solid var(--line);border-radius:6px;background:var(--surface-2);color:var(--muted);font:inherit;font-size:.6875rem}.palette-list{max-height:min(420px,55dvh);overflow-y:auto;overscroll-behavior:contain;padding:8px}.palette-row{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 12px;border-radius:14px;cursor:pointer}.palette-row.on{background:var(--petrol-050)}.palette-ic{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:11px;background:var(--petrol-050);color:var(--petrol)}.palette-ic svg{width:18px;height:18px}.palette-row.on .palette-ic{background:var(--petrol);color:#fff}.palette-txt{display:flex;flex-direction:column;min-width:0}.palette-txt strong{font-size:.9375rem;font-weight:600}.palette-txt small{font-size:.75rem}.palette-empty{padding:28px 16px;color:var(--muted);font-size:.875rem;text-align:center}.palette-foot{display:flex;gap:18px;padding:12px 18px;border-top:1px solid var(--line);color:var(--muted);font-size:.75rem}.palette-foot span{display:flex;align-items:center;gap:4px}@media (hover: hover) and (pointer: fine){.brand:hover .brand-mark{background:var(--petrol-700)}.tab:hover:not(.on){color:var(--ink)}.tool:hover{background:var(--petrol-050)}.request-btn:hover{background:var(--gold-300)}.rail-btn:hover:not(.on){color:var(--ink)}.rail-btn:hover .rail-label{opacity:1;translate:0 -50%}}@media (max-width: 1280px){.brand-name{display:none}.brand{padding-right:6px}}@media (max-width: 1180px){.topbar{flex-wrap:wrap}.brand-name{display:inline}.brand{padding-right:18px}.tools{margin-left:auto}.nav{order:4;flex:0 0 100%;margin:0}}@media (max-width: 720px){.shell{width:100%;min-height:100dvh;margin:0;padding:10px 16px 56px;border-radius:0}.frame{grid-template-columns:minmax(0,1fr);margin-top:16px}.topbar{gap:8px}.pill{height:52px}.brand{padding:0 4px}.brand-mark{height:44px;padding:0 12px}.nav{padding:4px;gap:4px}.tab{height:44px;padding:0 14px}.tools{gap:0;padding:0 4px}.menu-btn{display:grid}.request-btn{justify-content:center;width:44px;padding:0}.request-btn span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.user{gap:0;padding:0 6px}.user svg{display:none}.user .avatar{width:36px;height:36px}.profile-pop{max-width:calc(100vw - 32px)}.bell-menu{position:fixed;top:72px;right:16px;left:16px;width:auto;max-width:none;max-height:calc(100dvh - 88px)}.palette-veil{padding-top:8vh}.palette-foot{display:none}.rail{position:fixed;inset:0 auto 0 0;z-index:36;width:min(300px,86vw);min-height:0;gap:10px;padding:16px 12px calc(16px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain;background:var(--surface);box-shadow:var(--shadow-lg);transform:translate(-100%);visibility:hidden;transition:transform .24s var(--ease-drawer),visibility 0s linear .24s}.rail.open{transform:translate(0);visibility:visible;transition:transform .24s var(--ease-drawer),visibility 0s}.rail-head{display:flex;align-items:center;justify-content:space-between;padding:0 0 4px 12px}.rail-head strong{font-size:.9375rem}.rail-close{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--ink)}.rail-group{align-items:stretch;gap:2px;padding:0;border-radius:0;background:none;box-shadow:none}.rail-foot{padding-top:8px;border-top:1px solid var(--line)}.rail-btn{display:flex;align-items:center;justify-content:flex-start;gap:14px;width:100%;min-height:48px;padding:0 14px;border-radius:14px;color:var(--ink);font-size:.9375rem;font-weight:600;text-align:left}.rail-btn.on{color:#fff}.rail-ind{border-radius:14px}.rail-label{position:static;padding:0;background:none;color:inherit;font-size:inherit;opacity:1;translate:none}.side-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;background:#071e2266;opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out)}.side-scrim.open{opacity:1;pointer-events:auto}}@media (max-width: 480px){.brand-name{display:none}.brand{padding-right:4px}}@media (max-height: 640px) and (min-width: 721px){.rail{position:static}}@media (prefers-reduced-motion: reduce){.rail,.rail.open{transition:none}.side-scrim{transition-duration:.12s!important}.palette,.palette-veil{animation:none}}@media (prefers-reduced-transparency: reduce){.palette-veil{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (prefers-contrast: more){.pill,.rail-group{border:1px solid var(--petrol-700)}}.ov-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1.1fr) minmax(0,1fr);gap:var(--card-gap);align-items:stretch}.ov-grid>*{min-width:0}.ov-left{display:flex;flex-direction:column;gap:var(--card-gap)}.ov-left>.coming-card{flex:1}.ov-grid>.minical{grid-column:span 2}.ov-grid>.recent-card{grid-column:1 / -1}.dashboard h2{font-size:1.125rem;letter-spacing:-.03em}.card-label{color:var(--muted);font-size:.8125rem;font-weight:600}.card-sub{margin-top:4px;color:var(--muted);font-size:.8125rem}.d-btn{flex:1;min-height:48px}.avail-card{display:flex;flex-direction:column;padding:22px 20px 20px}.avail-card:has(.mini.open){position:relative;z-index:20}.avail-amount{display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 14px;margin-top:12px}.avail-amount strong{color:var(--petrol-700);font-size:clamp(2.25rem,3.4vw,3rem);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.05em;line-height:1;overflow-wrap:anywhere}.avail-amount>span{max-width:200px;padding-bottom:4px;color:var(--muted);font-size:.75rem;line-height:1.3}.avail-actions{display:flex;gap:12px;margin-top:20px}.minis{display:flex;flex:1;flex-direction:column;margin-top:20px;padding:14px 0 12px;border-radius:16px;background:color-mix(in srgb,var(--petrol-050) 62%,#ffffff)}.minis-head{display:flex;align-items:center;gap:8px;padding:0 14px;font-size:.8125rem}.minis-head b{color:var(--ink);font-weight:650}.minis-head i{width:1px;height:13px;background:var(--petrol-100)}.minis-head span{color:var(--muted)}.minis-empty{padding:14px;color:var(--muted);font-size:.8125rem}.mini-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:10px;padding:12px 12px 0}.mini{position:relative;display:flex;flex-direction:column;min-width:0;padding:12px 8px 12px 12px;border-radius:14px;background:var(--surface);box-shadow:var(--shadow-sm)}.mini.open{z-index:10}.mini-head{display:flex;align-items:center;gap:7px}.mini-head b{flex:1;min-width:0;overflow:hidden;color:var(--ink);font-size:.8125rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mini-dots{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:-12px -4px -12px 0;border-radius:50%;color:var(--muted);transition:background-color .2s var(--ease-out)}@media (hover: hover) and (pointer: fine){.mini-dots:hover{background:var(--petrol-050);color:var(--ink)}}.mini .pop{min-width:190px}.mini-value{margin-top:8px;overflow:hidden;color:var(--petrol-700);font-size:1.375rem;font-variant-numeric:tabular-nums;letter-spacing:-.03em;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.mini small{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.mini-chip{align-self:flex-start;margin-top:8px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--pill-approved);color:var(--pill-approved-fg);font-size:.75rem;font-style:normal;font-weight:650}.mini.used-up .mini-chip{background:var(--pill-rejected);color:var(--pill-rejected-fg)}.mini.not-accrued .mini-chip{background:var(--pill-cancelled);color:var(--pill-cancelled-fg)}.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px}.tiles .stat-tile{justify-content:space-between;min-height:140px}.tiles .stat-tile-head{align-items:flex-start}.tiles .stat-tile-value{font-size:clamp(1.5rem,2.2vw,2rem);overflow-wrap:anywhere}.chart-card{display:flex;flex-direction:column;padding:22px 18px 16px}.chart-panel{display:flex;flex:1;flex-direction:column;margin-top:16px;padding:10px 12px 6px;border-radius:16px;background:color-mix(in srgb,var(--petrol-050) 62%,#ffffff)}.chart-panel>.ui-empty,.chart-panel>.empty{margin:auto}.lbc{position:relative;flex:1;--tip-space: 112px;--plot-h: 168px;--name-h: 36px;display:flex;min-width:0;flex-direction:column}.lbc-legend{position:absolute;top:0;right:0;z-index:1;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 14px}.lbc-legend button{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;color:var(--ink);font-size:.8125rem;transition:opacity .25s var(--ease-out)}.lbc-legend button.off{opacity:.4;text-decoration:line-through}.sw{display:inline-block;flex:none;width:11px;height:11px;border-radius:3px}.sw.used,.lbc-seg.used{background:var(--petrol)}.sw.pending,.lbc-seg.pending{background:var(--gold-300)}.sw.available,.lbc-seg.available{background:repeating-linear-gradient(135deg,transparent 0 3.2px,rgba(255,255,255,.55) 3.2px 5px),var(--gold)}.lbc-plot{flex:1;min-height:calc(var(--tip-space) + var(--plot-h) + var(--name-h));display:grid;grid-template-columns:34px minmax(0,1fr);min-width:0}.lbc-axis{position:relative;margin:var(--tip-space) 0 var(--name-h)}.lbc-axis span{position:absolute;left:0;color:var(--muted);font-size:.75rem;font-variant-numeric:tabular-nums;transform:translateY(50%)}.lbc-scroll{min-width:0;overflow-x:auto;overflow-y:hidden}.lbc-cols{position:relative;box-sizing:border-box;display:flex;height:100%;min-width:calc(var(--n) * 56px);padding-top:var(--tip-space)}.lbc-lines{position:absolute;top:var(--tip-space);right:0;bottom:var(--name-h);left:0;pointer-events:none}.lbc-lines span{position:absolute;right:0;left:0;border-top:1px solid color-mix(in srgb,var(--petrol) 12%,transparent)}.lbc-col{position:relative;display:flex;flex:1 0 56px;flex-direction:column;align-items:center;min-width:56px;padding:0;border-radius:12px;transition:opacity .25s var(--ease-out)}.lbc-stack{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;flex:1;width:min(34px,60%)}.lbc-seg{display:block;min-height:3px;border-radius:7px}.lbc-name{flex:none;width:100%;height:var(--name-h);padding:8px 2px 0;overflow:hidden;color:var(--muted);font-size:.75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap}.lbc-tip{position:absolute;bottom:calc(var(--name-h) + (100% - var(--name-h)) * var(--top, 0) + 12px);left:50%;z-index:5;display:flex;flex-direction:column;gap:3px;width:160px;padding:10px 12px;border-radius:12px;background:var(--petrol-700);box-shadow:var(--shadow-lg);color:#fff;font-size:.75rem;line-height:1.35;opacity:0;pointer-events:none;text-align:left;translate:calc(-50% + var(--shift, 0px)) 0;transform:translateY(6px);visibility:hidden;transition:opacity .16s var(--ease-out),transform .16s var(--ease-out),visibility 0s linear .16s}.lbc-tip b{display:-webkit-box;overflow:hidden;font-size:.8125rem;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:1}.lbc-tip span{opacity:.9}.lbc-col:focus-visible .lbc-tip,.lbc-col.tapped .lbc-tip{opacity:1;transform:none;visibility:visible;transition-delay:0s}@media (hover: hover) and (pointer: fine){.lbc-cols:hover .lbc-col:not(:hover){opacity:.45}.lbc-col:hover .lbc-tip{opacity:1;transform:none;visibility:visible;transition-delay:0s}}.cycle-card{padding:22px 20px 18px}.cycle-bar{display:flex;align-items:center;width:100%;min-height:44px;margin-top:8px}.cycle-track{position:relative;display:block;width:100%;height:14px;overflow:hidden;border-radius:var(--radius-pill);background:repeating-linear-gradient(115deg,var(--petrol-100) 0 1.6px,transparent 1.6px 5px)}.cycle-fill{position:absolute;inset:0 auto 0 0;border-radius:var(--radius-pill);background:var(--petrol)}.cycle-fill.warn{background:var(--warn)}.cycle-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin-top:6px;color:var(--muted);font-size:.75rem}.cycle-foot b{color:var(--ink);font-size:.8125rem;font-weight:650}.cycle-empty{margin-top:14px;color:var(--muted);font-size:.8125rem}.coming-card{padding:22px 20px 18px}.evts{display:grid;gap:8px;margin:14px 0 0;padding:0;list-style:none}.evt{display:flex;align-items:center;gap:12px;min-width:0;padding:8px 10px 8px 8px;border-radius:14px;background:var(--surface-2)}.evt-date{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:48px;height:52px;border-radius:12px;background:var(--petrol);color:#fff;line-height:1.1}.evt-date small{color:inherit;font-size:.6875rem;font-weight:650;letter-spacing:.04em;text-transform:uppercase}.evt-date b{font-size:1.125rem;font-variant-numeric:tabular-nums}.evt.holiday .evt-date{background:var(--info-050);color:var(--info)}.evt-body{display:flex;flex:1;flex-direction:column;min-width:0}.evt-body strong{overflow:hidden;color:var(--ink);font-size:.875rem;text-overflow:ellipsis;white-space:nowrap}.evt-body small{overflow:hidden;font-size:.75rem;text-overflow:ellipsis;white-space:nowrap}.evt-tag{flex:none;padding:3px 9px;border-radius:var(--radius-pill);background:var(--pill-approved);color:var(--pill-approved-fg);font-size:.75rem;font-style:normal;font-weight:650}.evt.holiday .evt-tag{background:var(--info-050);color:var(--info)}.minical{display:flex;flex-direction:column}.minical .card-title h3{font-size:1.125rem}.minical .card-title span{display:flex;gap:4px}.minical .card-title button{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:var(--petrol);transition:background-color .2s var(--ease-out)}@media (hover: hover) and (pointer: fine){.minical .card-title button:hover{background:var(--petrol-050)}}.minical .cal-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));margin-bottom:6px}.minical .cal-head b{color:var(--muted);font-size:.75rem;font-weight:650;text-align:center}.minical .days{display:grid;flex:1;grid-auto-rows:minmax(44px,1fr);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.minical .days span,.minical .days button{display:grid;place-items:center;min-height:44px;border-radius:12px;color:var(--ink);font-size:.8125rem;font-variant-numeric:tabular-nums}.minical .days button{border:1px solid transparent;cursor:default}@media (hover: hover) and (pointer: fine){.minical .days button:hover{background:var(--surface-2)}}.minical .days button.today{border-color:var(--gold);font-weight:700}.minical .days button.approved{background:var(--pill-approved);color:var(--pill-approved-fg);font-weight:650}.minical .days button.pending{background:var(--pill-pending);color:var(--pill-pending-fg);font-weight:650}.minical .days button.rejected{background:var(--pill-rejected);color:var(--pill-rejected-fg)}.minical .days button.cancelled{background:var(--pill-cancelled);color:var(--pill-cancelled-fg)}.minical .days button.holiday{background:var(--info-050);color:var(--info);font-weight:650}.minical .legend{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:14px}.minical .legend span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.minical .legend span i{width:8px;height:8px;border-radius:50%}.minical .legend span:nth-child(1) i{background:var(--ok)}.minical .legend span:nth-child(2) i{background:var(--gold-600)}.minical .holiday-dot{background:var(--info)}.recent-card{padding:22px 20px 18px}.recent-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px}.recent-tools{display:flex;align-items:center;gap:12px;min-width:0;max-width:100%}.recent-all{min-height:44px;white-space:nowrap}.rr-table{margin-top:16px;overflow:hidden;border:1px solid var(--line);border-radius:16px}.rr-caption{margin-top:10px;color:var(--muted);font-size:.8125rem}.rr{display:grid;grid-template-columns:1.7fr 1.3fr .8fr .8fr 1fr;gap:10px;align-items:center;width:100%;min-height:56px;padding:0 16px;border-top:1px solid var(--line);color:var(--ink);font-size:.875rem;text-align:left}.rr>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rr-head{min-height:48px;border-top:0;background:var(--surface-2);color:var(--muted);font-size:.8125rem;font-weight:600}button.rr{transition:background-color .2s var(--ease-out)}button.rr:active{transform:none;background:var(--surface-2)}button.rr:focus-visible{box-shadow:inset 0 0 0 3px #103f4524}@media (hover: hover) and (pointer: fine){button.rr:hover{background:var(--surface-2)}}.rr-type{display:flex;align-items:center;gap:10px}.rr-name{min-width:0;overflow:hidden;font-weight:600;text-overflow:ellipsis}.rr-status{justify-self:start;padding:6px 11px;font-size:.75rem}.rr-status:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor}@media (max-width: 1300px){.ov-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ov-grid>.chart-card{grid-column:1 / -1}.ov-grid>.minical{grid-column:auto}}@media (max-width: 760px){.ov-grid{grid-template-columns:minmax(0,1fr);gap:16px}.ov-grid>.chart-card,.ov-grid>.minical,.ov-grid>.recent-card{grid-column:auto}.ov-left{gap:16px}.avail-card,.chart-card,.cycle-card,.coming-card,.recent-card{padding:18px 16px 16px}.avail-actions{flex-direction:column}.tiles{gap:10px}.tiles .stat-tile{min-height:128px;padding:14px}.rr-table{border:0;border-radius:0}.rr-head{display:none}.rr{grid-template-areas:"type status" "dates days";grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;min-height:68px;padding:10px 2px}.rr-type{grid-area:type}.rr-status{grid-area:status;justify-self:end}.rr-dates{grid-area:dates;color:var(--muted);font-size:.8125rem}.rr-days{grid-area:days;justify-self:end;color:var(--muted);font-size:.8125rem}.rr-sent{display:none}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.count-up{font-variant-numeric:tabular-nums}.btn,.primary,.secondary,.outline,.quiet,.danger:not(.menu-item),.d-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-pill);background:var(--petrol-050);color:var(--petrol-700);font-size:var(--fs-body);font-weight:var(--fw-medium);line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.btn svg,.primary svg,.secondary svg,.outline svg,.quiet svg,.danger svg,.d-btn svg{flex:none}.btn.solid,.primary,.d-btn.solid{background:var(--petrol);color:#fff}.btn.soft,.secondary,.d-btn.soft{background:var(--petrol-050);color:var(--petrol-700)}.btn.ghost,.outline{border-color:var(--line);background:transparent;color:var(--petrol)}.btn.danger,.danger:not(.menu-item){background:var(--danger-050);color:var(--pill-rejected-fg)}.quiet{min-height:32px;padding:0 10px;background:transparent;color:var(--petrol)}.btn.sm,button.certificate-remind{min-height:32px;padding:0 12px;font-size:var(--fs-label)}.btn.lg,.d-btn{min-height:48px;padding:0 22px;font-size:var(--fs-lead)}.btn:focus-visible,.primary:focus-visible,.secondary:focus-visible,.outline:focus-visible,.quiet:focus-visible,.danger:focus-visible,.d-btn:focus-visible{outline:2px solid var(--petrol);outline-offset:2px;box-shadow:none}.btn:disabled,.primary:disabled,.secondary:disabled,.outline:disabled,.quiet:disabled,.danger:disabled,.d-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}@media (hover: hover) and (pointer: fine){.btn.solid:hover:not(:disabled),.primary:hover:not(:disabled),.d-btn.solid:hover:not(:disabled){background:var(--petrol-700);box-shadow:0 10px 22px -12px color-mix(in srgb,var(--petrol-700) 70%,transparent)}.btn.soft:hover:not(:disabled),.secondary:hover:not(:disabled),.d-btn.soft:hover:not(:disabled){background:var(--petrol-100)}.btn.ghost:hover:not(:disabled),.outline:hover:not(:disabled),.quiet:hover:not(:disabled){background:var(--petrol-050)}.btn.danger:hover:not(:disabled),.danger:not(.menu-item):hover:not(:disabled){background:var(--danger);color:#fff}}@media (pointer: coarse),(max-width: 767px){.btn,.btn.sm,.primary,.secondary,.outline,.quiet,.danger:not(.menu-item),button.certificate-remind,.edit-employee,.leave-type footer button{min-height:44px}.leave-type>button:not(.quiet){top:8px;right:8px;width:44px;height:44px}}.seg{position:relative;display:inline-flex;gap:2px;max-width:100%;padding:4px;overflow-x:auto;border-radius:var(--radius-pill);background:var(--petrol-050);scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg-thumb{position:absolute;top:4px;left:0;width:0;height:calc(100% - 8px);border-radius:var(--radius-pill);background:var(--surface);box-shadow:var(--shadow-sm);pointer-events:none}.seg-thumb.ready{transition:transform var(--m-slide) var(--ease-out)}.seg button{position:relative;z-index:1;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:var(--radius-pill);color:color-mix(in srgb,var(--ink) 80%,var(--petrol-050));font-size:.8125rem;font-weight:600;white-space:nowrap;transition:color .2s var(--ease-out)}.seg button:focus-visible{outline-offset:-2px}.seg button[aria-selected=true]{color:var(--petrol)}.seg button em{display:grid;place-items:center;min-width:20px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:var(--petrol-100);color:var(--petrol-700);font-size:.6875rem;font-style:normal;font-variant-numeric:tabular-nums;transition:background-color .2s var(--ease-out),color .2s var(--ease-out)}.seg button[aria-selected=true] em{background:var(--petrol);color:#fff}.seg.sm button{height:30px;padding:0 12px;font-size:.75rem}@media (hover: hover) and (pointer: fine){.seg button:hover{color:var(--petrol)}}@media (pointer: coarse){.seg button,.seg.sm button{min-height:44px}}.pop-anchor{position:relative;display:inline-flex}.pop{position:absolute;top:calc(100% + 8px);z-index:30;min-width:220px;max-width:min(360px,calc(100vw - 32px));padding:6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface);box-shadow:var(--shadow-lg);transition:opacity .16s var(--ease-out),transform .16s var(--ease-out)}.pop.right{right:0;transform-origin:top right}.pop.left{left:0;transform-origin:top left}@starting-style{.pop{opacity:0;transform:translateY(-4px) scale(.97)}}.menu-item{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0 12px;border-radius:10px;color:var(--ink);font-size:.8125rem;font-weight:600;text-align:left}.menu-item.danger{background:transparent;color:var(--danger)}.menu-item:active{background:var(--petrol-050)}@media (hover: hover) and (pointer: fine){.menu-item:hover{background:var(--petrol-050)}.menu-item.danger:hover{background:var(--danger-050)}}@media (pointer: coarse){.menu-item{min-height:44px}}.stat-tile{position:relative;display:flex;flex-direction:column;gap:10px;min-width:0;padding:18px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);color:var(--ink);text-align:left}button.stat-tile{width:100%;min-height:44px;cursor:pointer;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out)}button.stat-tile:active{transform:scale(.98)}@media (hover: hover) and (pointer: fine){button.stat-tile:hover{box-shadow:var(--shadow);transform:translateY(-2px)}}.stat-tile-head{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.8125rem;font-weight:600}.stat-tile-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:12px;background:var(--petrol-050);color:var(--petrol)}.stat-tile-value{font-size:clamp(1.5rem,3vw,2rem);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.04em;line-height:1.1}.stat-tile-note{color:var(--muted);font-size:.75rem}.stat-tile.hot{border-color:transparent;background:radial-gradient(120% 90% at 100% 0%,color-mix(in srgb,var(--gold-300) 38%,transparent),transparent 60%),linear-gradient(145deg,var(--petrol) 0%,var(--petrol-700) 100%);box-shadow:0 18px 36px -18px color-mix(in srgb,var(--petrol-700) 70%,transparent);color:#fff}.stat-tile.hot .stat-tile-head,.stat-tile.hot .stat-tile-note{color:#fff}.stat-tile.hot .stat-tile-icon{background:#ffffff29;color:#fff}.kpi-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--card-gap);margin-bottom:var(--card-gap)}.kpi-row.three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width: 1100px){.kpi-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 767px){.kpi-row,.kpi-row.three{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-row>:last-child:nth-child(odd){grid-column:1 / -1}}.ui-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;color:var(--muted);font-size:.8125rem;text-align:center}.ui-empty-icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:6px;border-radius:50%;background:var(--petrol-050);color:var(--petrol)}.ui-empty strong{color:var(--ink);font-size:.9375rem}.ui-empty p{margin:0}.ui-toggle{position:relative;flex:none;width:44px;height:26px;border-radius:var(--radius-pill);background:var(--petrol-300);transition:background-color .2s var(--ease-out)}.ui-toggle:disabled{opacity:.6;cursor:not-allowed}.modal:focus,.sheet:focus{outline:none}.ui-toggle:after{content:"";position:absolute;top:-9px;right:-4px;bottom:-9px;left:-4px}.ui-toggle i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0b2d3238;transition:transform .2s var(--ease-out)}.ui-toggle[aria-checked=true]{background:var(--petrol)}.ui-toggle[aria-checked=true] i{transform:translate(18px)}.tc-layout{--tc-cell: color-mix(in srgb, var(--petrol-050) 60%, #ffffff);--tc-chip: color-mix(in srgb, var(--petrol) 12%, #ffffff);display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:var(--card-gap);align-items:start}.tc-layout>*{min-width:0}.tc-side{display:flex;flex-direction:column;gap:var(--card-gap)}.tc-card{padding:22px}.tc-head,.tc-day-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.tc-title{font-size:1.375rem;font-weight:var(--fw-bold);letter-spacing:-.02em;overflow-wrap:anywhere}.tc-title.small{margin-bottom:14px;font-size:var(--fs-card-title)}.tc-nav-row{display:flex;flex:none;align-items:center;gap:8px}.tc-nav{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--petrol-050);color:var(--petrol-700);transition:background-color .2s var(--ease-out)}.tc-nav:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}@media (hover: hover) and (pointer: fine){.tc-nav:hover{background:var(--petrol-100)}}@media (pointer: coarse),(max-width: 720px){.tc-nav{width:44px;height:44px}}.tc-week,.tc-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.tc-week span{padding-bottom:8px;color:var(--muted);font-size:var(--fs-small);font-weight:var(--fw-medium);text-align:center}.tc-gridwrap{margin:-4px;padding:4px;overflow:hidden}.tc-grid.from-right{animation:tc-slide-right var(--m-slide) var(--ease-out)}.tc-grid.from-left{animation:tc-slide-left var(--m-slide) var(--ease-out)}@keyframes tc-slide-right{0%{opacity:0;transform:translate(40px)}}@keyframes tc-slide-left{0%{opacity:0;transform:translate(-40px)}}.tc-cell{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;min-height:56px;padding:6px;border:0;border-radius:14px;background:var(--tc-cell);color:var(--ink);font:inherit;text-align:left;transition:background-color .2s var(--ease-out),box-shadow .2s var(--ease-out)}button.tc-cell{cursor:pointer}.tc-cell.out{background:transparent;opacity:.45}.tc-cell.sel{background:var(--surface);box-shadow:0 0 0 2px var(--petrol)}.tc-cell:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}@media (hover: hover) and (pointer: fine){button.tc-cell:hover{box-shadow:0 0 0 2px var(--petrol-300)}button.tc-cell.sel:hover{box-shadow:0 0 0 2px var(--petrol)}}.tc-num{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:var(--fs-label);font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.tc-cell.today .tc-num{background:var(--gold);color:var(--petrol-700);font-weight:var(--fw-bold)}.tc-cell.holiday:after{content:"";position:absolute;top:9px;right:9px;width:6px;height:6px;border-radius:50%;background:var(--info)}.tc-chips{display:flex;flex-direction:column;gap:2px;min-width:0}.tc-chip{display:block;padding:1px 6px;overflow:hidden;border-radius:6px;background:var(--tc-chip);color:var(--petrol-700);font-size:.6875rem;font-weight:var(--fw-medium);line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.tc-more{padding-left:4px;overflow:hidden;color:var(--muted);font-size:.6875rem;text-overflow:ellipsis;white-space:nowrap}.tc-dots{display:none;justify-content:center;gap:3px}.tc-dots span{width:5px;height:5px;border-radius:50%;background:var(--petrol)}.tc-day,.tc-up{padding:22px}.tc-today-tag{flex:none;padding:3px 10px;border-radius:var(--radius-pill);background:var(--gold-050);color:var(--pill-pending-fg);font-size:var(--fs-small);font-weight:var(--fw-bold)}.tc-holiday{display:flex;align-items:center;gap:8px;margin:-4px 0 14px;padding:8px 12px;border-radius:12px;background:var(--info-050);color:var(--info);font-size:var(--fs-label);font-weight:var(--fw-medium)}.tc-holiday svg{flex:none}.tc-people,.tc-upnext{display:grid;gap:8px;margin:0;padding:0;list-style:none}.tc-people li{display:flex;align-items:center;gap:12px;min-width:0;padding:10px;border-radius:14px;background:var(--tc-cell);animation:tc-in .4s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 50ms)}@keyframes tc-in{0%{opacity:0;transform:translateY(8px)}}.tc-avatar{display:grid;flex:none;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--petrol-050);color:var(--petrol);font-size:var(--fs-small);font-weight:var(--fw-bold)}.tc-person{display:flex;flex:1;flex-direction:column;min-width:0}.tc-person strong{font-size:var(--fs-body);overflow-wrap:anywhere}.tc-person small{color:var(--muted);font-size:var(--fs-small);overflow-wrap:anywhere}.tc-upnext li>button{display:flex;align-items:center;gap:12px;width:100%;min-width:0;min-height:44px;padding:8px 10px 8px 8px;border-radius:14px;background:var(--surface-2);text-align:left;transition:background-color .2s var(--ease-out)}.tc-upnext li>button:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}@media (hover: hover) and (pointer: fine){.tc-upnext li>button:hover{background:var(--petrol-050)}}.tc-none{margin:0;color:var(--muted);font-size:var(--fs-label)}@media (max-width: 1100px){.tc-layout{grid-template-columns:minmax(0,1fr)}.tc-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media (max-width: 720px){.tc-card{padding:14px 10px}.tc-day,.tc-up{padding:16px}.tc-head{margin-bottom:12px;padding:0 4px}.tc-title{font-size:var(--fs-card-title)}.tc-side{grid-template-columns:minmax(0,1fr)}.tc-week,.tc-grid{gap:3px}.tc-cell{align-items:center;min-height:54px;padding:4px 2px}.tc-chips{display:none}.tc-dots{display:flex}.tc-cell.holiday:after{top:5px;right:5px}}.ap-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:var(--card-gap);align-items:start}.ap-layout>*{min-width:0}.ap-list-card,.ap-detail{padding:22px}.ap-list-head{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-bottom:14px}.ap-list-head .seg{gap:0}.ap-list-head .seg button{padding:0 8px}.ap-search{width:100%}.ap-search:focus-within{box-shadow:var(--ring)}.ap-search input:focus-visible{box-shadow:none}.ap-note{margin:0 0 10px;color:var(--muted);font-size:var(--fs-small)}.ap-stale,.ap-alert,.ap-saved{display:flex;align-items:center;gap:8px;font-size:var(--fs-label)}.ap-stale{flex-wrap:wrap;margin:0 0 var(--card-gap);padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:var(--pill-pending);color:var(--pill-pending-fg)}.ap-stale span{flex:1 1 auto}.ap-alert{align-items:flex-start;margin-bottom:12px}.ap-alert .connection-error{flex:1 1 auto;min-width:0;margin:0;overflow-wrap:anywhere}.ap-saved{margin:12px 0 0;color:var(--pill-approved-fg);font-weight:var(--fw-medium)}.ap-rows{display:flex;flex-direction:column;gap:6px;max-height:640px;margin:0;padding:2px 6px 2px 2px;overflow-y:auto;list-style:none}.ap-row{position:relative;isolation:isolate;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:62px;padding:10px 12px;border:1.5px solid transparent;border-radius:16px;color:var(--ink);text-align:left;animation:ap-in .4s var(--ease-out) both;animation-delay:calc(var(--i, 0) * 40ms)}.ap-row:before,.ap-row:after{content:"";position:absolute;top:-1.5px;right:-1.5px;bottom:-1.5px;left:-1.5px;border-radius:inherit;opacity:0;pointer-events:none;transition:opacity .2s var(--ease-out)}.ap-row:before{z-index:-1;background:var(--petrol-050)}.ap-row:after{border:1.5px solid var(--petrol)}@keyframes ap-in{0%{opacity:0;transform:translateY(8px)}}.ap-row:focus-visible{outline:2px solid var(--petrol);outline-offset:2px;box-shadow:none}.ap-row.on:before,.ap-row.on:after{opacity:1}@media (hover: hover) and (pointer: fine){.ap-row:hover:before{opacity:1}}.ap-avatar{display:grid;flex:none;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--petrol-050);color:var(--petrol);font-size:var(--fs-label);font-weight:var(--fw-bold)}.ap-row.on .ap-avatar{background:var(--surface)}.ap-row-text{display:flex;flex-direction:column;gap:2px;min-width:0}.ap-row-text strong,.ap-row-text small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-row-text strong{font-size:var(--fs-body);font-weight:var(--fw-medium)}.ap-row-text small{color:var(--muted);font-size:var(--fs-small)}.ap-row-text .ap-row-cert{display:flex;align-items:center;gap:4px;font-weight:var(--fw-medium)}.ap-row-cert span{overflow:hidden;text-overflow:ellipsis}.ap-row-text .ap-row-cert.needed{color:var(--pill-pending-fg)}.ap-row-text .ap-row-cert.provided{color:var(--pill-approved-fg)}.ap-row-side{display:flex;align-items:center;gap:12px}.ap-row-side b{font-size:var(--fs-label);font-variant-numeric:tabular-nums;font-weight:var(--fw-medium);white-space:nowrap}.ap-paper{position:relative;padding:26px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);animation:ap-paper-in .5s var(--ease-out) both}@keyframes ap-paper-in{0%{opacity:0;transform:translateY(12px) rotate(-.4deg)}}.ap-paper-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-bottom:18px;border-bottom:1px dashed var(--line)}.ap-who{display:flex;align-items:center;gap:12px;min-width:0}.ap-who-text{display:flex;flex-direction:column;min-width:0}.ap-who-text strong{font-weight:var(--fw-medium);overflow-wrap:anywhere}.ap-who-text small,.ap-parties small,.ap-block small{color:var(--muted);font-size:var(--fs-small)}.ap-who-text small{overflow-wrap:anywhere}.ap-doc{display:flex;flex:none;flex-direction:column;align-items:flex-end;gap:6px}.ap-doc h2,.ap-doc-solo{color:var(--muted);font-size:var(--fs-small);font-weight:var(--fw-medium);letter-spacing:1px;text-transform:uppercase}.ap-doc-solo{margin-bottom:14px}.ap-parties{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:16px;padding:18px 0}.ap-parties>div{display:flex;flex-direction:column;gap:2px}.ap-parties strong{font-weight:var(--fw-medium);overflow-wrap:anywhere}.ap-parties span{color:var(--muted);font-size:var(--fs-label)}.ap-block{display:flex;flex-direction:column;gap:4px;padding:14px 0;border-top:1px solid var(--line)}.ap-block p{margin:0;font-size:var(--fs-body);overflow-wrap:anywhere}.ap-trail{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;font-size:var(--fs-label);list-style:none;overflow-wrap:anywhere}.ap-paper .form-grid{grid-template-columns:minmax(0,1fr);margin:14px 0 0}.ap-paper .certificate-notice,.ap-paper .certificate-missing{margin:0 0 12px;font-size:var(--fs-small);line-height:1.35}.ap-paper .muted{margin:0 0 12px;color:var(--muted);font-size:var(--fs-label)}.ap-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:18px}.ap-sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:var(--canvas);animation:ap-sheet-in .24s var(--ease-drawer) both}@keyframes ap-sheet-in{0%{opacity:0;transform:translate(24px)}}.ap-sheet-bar{flex:none;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top,0px));border-bottom:1px solid var(--line);background:var(--surface)}.ap-sheet-body{flex:1;padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px));overflow-y:auto;overscroll-behavior:contain}@media (max-width: 900px){.ap-layout{grid-template-columns:minmax(0,1fr)}.ap-rows{max-height:360px}}@media (max-width: 767px){.search.ap-search{min-height:44px}}@media (max-width: 720px){.ap-list-card{padding:14px 10px}.ap-rows{max-height:none;padding:2px}.ap-row{gap:12px;padding:10px 8px}.ap-row-side{flex-direction:column;align-items:flex-end;gap:4px}.ap-paper{padding:18px 16px}.ap-paper-head{flex-direction:column;gap:12px}.ap-doc{flex-direction:row;align-items:center;justify-content:space-between;width:100%}.ap-actions{flex-direction:column-reverse}.ap-actions>button{width:100%;min-height:44px}}@media (prefers-reduced-motion: reduce){.ap-row,.ap-paper,.ap-sheet{animation:none}}.my-leave .ml-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:var(--card-gap);align-items:start}.my-leave .ml-layout>*{min-width:0}.ml-table,.ml-feed{padding:22px 20px 18px}.ml-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px}.ml-toolbar .seg{max-width:100%}.ml-search{display:flex;align-items:center;gap:8px;flex:0 1 260px;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted)}.ml-search:focus-within{border-color:var(--petrol);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}.ml-search input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--fs-body)}.ml-table .rr-table{margin-top:14px}.ml-table .rr-type,.ml-table .rr-name{white-space:normal}.ml-table .rr-days{justify-self:end;text-align:right;font-variant-numeric:tabular-nums}@media (min-width: 761px){.ml-table .rr{gap:18px;grid-template-columns:minmax(0,1.5fr) minmax(0,1.2fr) 4.5rem minmax(0,.8fr) minmax(0,1.6fr)}}.ml-table .rr-status{white-space:normal;line-height:1.3}.ml-table .rr-note{display:flex;margin-top:3px;font-size:var(--fs-small);font-weight:600}.ml-feed h2{margin:0 0 14px;font-size:var(--fs-card-title);letter-spacing:-.03em}.ml-feed .timeline{position:relative;margin:0;padding:0;list-style:none}.ml-feed .timeline:before{content:"";position:absolute;top:10px;bottom:10px;left:5px;width:1.5px;background:repeating-linear-gradient(to bottom,var(--line) 0 4px,transparent 4px 8px)}.ml-feed .tl-item{position:relative;display:flex;padding:8px 0 8px 26px}.ml-feed .tl-dot{position:absolute;left:0;top:11px;width:12px;height:12px;border-radius:50%;border:3px solid var(--surface);background:var(--muted);box-shadow:0 0 0 1px var(--line)}.ml-feed .tl-dot.submitted{background:var(--info)}.ml-feed .tl-dot.approved{background:var(--ok)}.ml-feed .tl-dot.rejected{background:var(--danger)}.ml-feed .tl-txt{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.3}.ml-feed .tl-txt strong{font-size:var(--fs-body);font-weight:600;overflow-wrap:anywhere}.ml-feed .tl-txt small{color:var(--muted);font-size:var(--fs-small)}@media (max-width: 760px){.ml-table .rr{grid-template-areas:"type type" "dates days" "status status";grid-template-columns:minmax(0,1fr) auto}.ml-table .rr-status{justify-self:start}}@media (max-width: 1100px){.my-leave .ml-layout{grid-template-columns:minmax(0,1fr)}}@media (max-width: 720px){.my-leave .ml-layout{gap:16px}.ml-table,.ml-feed{padding:18px 16px 16px}.ml-toolbar{flex-direction:column;align-items:stretch}.ml-toolbar .seg button{min-height:44px}.ml-search{flex:none;width:100%}}@media (max-width: 767px){.ml-search input{font-size:max(16px,1em)}}.pp-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 16px;margin-bottom:var(--card-gap)}.pp-toolbar .seg{max-width:100%}.pp-filters{display:flex;flex:1 1 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.pp-search{display:flex;align-items:center;gap:8px;flex:0 1 260px;min-width:0;min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-2);color:var(--muted)}.pp-search:focus-within{border-color:var(--petrol);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 35%,transparent)}.pp-search input{flex:1 1 auto;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:var(--fs-body)}.pp-search input:focus-visible{box-shadow:none}.pp-select{min-height:44px;width:min(100%,240px);padding:0 14px;border-radius:var(--radius-pill);background:var(--surface-2);font-size:var(--fs-body);text-overflow:ellipsis}.pp-tag{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:24px;padding:3px 10px;border-radius:var(--radius-pill);background:var(--petrol-050);color:var(--petrol-700);font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.25;text-align:center;overflow-wrap:anywhere}.pp-tag.red{background:var(--pill-rejected);color:var(--pill-rejected-fg)}.pp-tag.amber{background:var(--pill-pending);color:var(--pill-pending-fg)}.pp-bar{display:block;width:100%;height:8px;overflow:hidden;border-radius:var(--radius-pill);background:var(--petrol-050)}.pp-bar i{display:block;height:100%;border-radius:inherit;background:var(--petrol)}.pp-bar i.low{background:var(--warn)}.pp-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:var(--card-gap)}.pp-grid>.ui-empty{grid-column:1 / -1}.pp-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:24px 16px 18px;text-align:center}.pp-avatar{width:56px;height:56px;margin-bottom:8px;color:#fff;font-size:var(--fs-lead);font-weight:var(--fw-bold);letter-spacing:.02em}.pp-open{max-width:100%;color:var(--ink);font-size:var(--fs-lead);font-weight:var(--fw-medium);line-height:1.3;overflow-wrap:anywhere}.pp-open:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius)}.pp-open:focus-visible{outline:none}.pp-open:focus-visible:after{outline:2px solid var(--petrol);outline-offset:2px}.pp-name{margin:0;max-width:100%;font-size:var(--fs-lead);font-weight:var(--fw-medium);overflow-wrap:anywhere}.pp-sub{max-width:100%;margin:0;color:var(--muted);font-size:var(--fs-label);overflow-wrap:anywhere}.pp-total{display:flex;flex-direction:column;align-items:center;gap:2px;margin:10px 0 8px}.pp-total strong{color:var(--petrol-700);font-size:1.75rem;font-variant-numeric:tabular-nums;font-weight:var(--fw-bold);letter-spacing:-.04em;line-height:1}.pp-total>span{color:var(--muted);font-size:var(--fs-small)}.pp-card>.pp-tag{margin-top:10px}.pp-tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;max-width:100%;margin-top:10px}.pp-tags .status{white-space:normal}.pp-balances{position:relative;z-index:1;margin-top:14px}@media (hover: hover) and (pointer: fine){.pp-card:has(.pp-open):hover{border-color:var(--petrol-100);box-shadow:var(--shadow)}}.pp-wide{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-bottom:var(--card-gap)}.pp-wide .pp-avatar{margin-bottom:0}.pp-wide-id{display:flex;flex:1 1 220px;flex-direction:column;gap:3px;min-width:0}.pp-wide .pp-total{align-items:flex-end;margin:0}.pp-inline{display:flex;flex-direction:column;gap:22px}.pp-away{margin-bottom:var(--card-gap);padding:18px 20px}.pp-away-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.pp-away-head h2{margin:0;font-size:var(--fs-card-title);letter-spacing:-.03em}.pp-away-row{display:flex;flex-wrap:wrap;gap:8px}.pp-fav{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:76px;max-width:120px;padding:10px 8px;border-radius:18px;color:var(--ink);font-size:var(--fs-small);font-weight:var(--fw-medium);transition:background-color .2s var(--ease-out)}.pp-fav>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pp-fav .pp-avatar{width:48px;height:48px;margin:0;font-size:var(--fs-body)}.pp-fav:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.pp-fav.on{background:var(--petrol-050)}.pp-fav.on .pp-avatar{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--gold)}@media (hover: hover) and (pointer: fine){.pp-fav:hover{background:var(--petrol-050)}}.pp-away-none{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted);font-size:var(--fs-body)}.po-scrim{position:fixed;z-index:40;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#071e225c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transition:opacity .2s var(--ease-out)}@starting-style{.po-scrim{opacity:0}}.po-sheet{--po-enter-y: 16px;--po-enter-scale: .98;position:relative;display:flex;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);transition:opacity .28s var(--ease-out),transform .28s var(--ease-out)}@starting-style{.po-sheet{opacity:0;transform:translateY(var(--po-enter-y)) scale(var(--po-enter-scale))}}.po-sheet:focus{outline:none}.po-head{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:14px;padding:20px 20px 16px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.po-avatar{margin:0}.po-id{min-width:0}.po-id h2{margin:0;font-size:1.25rem;font-weight:var(--fw-bold);letter-spacing:-.03em;line-height:1.2;overflow-wrap:anywhere}.po-id p{margin:4px 0 0;color:var(--muted);font-size:var(--fs-card-sub);overflow-wrap:anywhere}.po-status{grid-column:3}.po-close{display:grid;grid-column:4;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--petrol-050);color:var(--petrol-700);transition:background-color .2s var(--ease-out)}.po-close:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}@media (hover: hover) and (pointer: fine){.po-close:hover{background:var(--petrol-100)}}.po-body{display:flex;flex-direction:column;gap:22px;padding:20px 24px 28px}.po-section h3{margin:0 0 12px;color:var(--muted);font-size:var(--fs-small);letter-spacing:.06em;text-transform:uppercase}.po-lead{margin:0;font-size:var(--fs-lead)}.po-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.po-actions:empty{display:none}.po-foot{display:flex;flex-wrap:wrap;gap:10px;padding:16px 24px 24px;border-top:1px solid var(--line)}.po-org .org-chart{margin-top:4px}.pp-types{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:14px;margin-bottom:16px}.pp-type{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:16px 12px;text-align:center}.pp-type .ring-value strong{max-width:72%;overflow:hidden;font-size:1.125rem;text-overflow:ellipsis;white-space:nowrap}.pp-type .type-chip{min-width:0;max-width:100%}.pp-type .type-chip>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.pp-type-amount{color:var(--ink);font-size:var(--fs-label);font-variant-numeric:tabular-nums;font-weight:var(--fw-medium)}.pp-type-tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;margin-top:4px}.pp-table .thead,.pp-table .trow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) 104px 76px 56px 72px 96px;gap:8px;width:100%;min-width:0;padding-inline:0}.pp-table .thead>span,.pp-table .trow>span,.pp-table .thead>span.num:last-child,.pp-table .trow>span.num:last-child{flex:none;min-width:0;overflow-wrap:anywhere}.pp-table .thead{font-size:.6875rem;letter-spacing:.03em}.pp-table .thead>span{overflow-wrap:normal}@media (prefers-reduced-motion: reduce){.po-sheet{--po-enter-y: 0px;--po-enter-scale: 1}.po-scrim,.po-sheet{transition-duration:var(--m-reduced)!important}}:root[data-motion=reduce] .po-sheet{--po-enter-y: 0px;--po-enter-scale: 1}:root[data-motion=reduce] :is(.po-scrim,.po-sheet){transition-duration:var(--m-reduced)!important}@media (pointer: coarse),(max-width: 720px){.po-scrim{-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width: 720px){.pp-toolbar{flex-direction:column;align-items:stretch}.pp-toolbar .seg button{min-height:44px}.pp-filters{flex-direction:column;align-items:stretch;justify-content:flex-start}.pp-search{flex:none;width:100%}.pp-select{width:100%}.po-scrim{align-items:stretch;padding:0}.po-sheet{--po-enter-y: 24px;--po-enter-scale: 1;width:100%;max-height:none;border-radius:0}.po-head{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:6px 12px;padding:calc(14px + env(safe-area-inset-top,0px)) 12px 14px 16px}.po-head .po-avatar{width:44px;height:44px;font-size:var(--fs-body)}.po-status{grid-column:2;grid-row:2;justify-self:start}.po-close{grid-column:3;grid-row:1}.po-body{padding:16px 16px calc(24px + env(safe-area-inset-bottom,0px))}.po-foot{flex-direction:column-reverse;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px))}.po-foot>button{width:100%;min-height:44px}.pp-types{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}}@media (max-width: 860px){.pp-table{margin-inline:0;padding-inline:16px;border-radius:var(--radius)}.pp-table .thead{display:none}.pp-table .trow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;width:100%;padding:14px 0}.pp-table .trow>span,.pp-table .trow>span.num:last-child{flex:none;min-width:0;text-align:left;overflow-wrap:anywhere}.pp-table .trow>span:before{content:attr(data-label);display:block;color:var(--muted);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase}.pp-table .trow>span:first-child{grid-column:1 / -1;font-weight:var(--fw-medium)}}@media (max-width: 767px){.pp-search input,.pp-select{font-size:max(16px,1em)}}:root{--radius-dialog: 24px}.small{font-size:var(--fs-small)}.overline{margin:0 0 8px;color:var(--muted);font-size:var(--fs-small);font-weight:750;letter-spacing:.12em;text-transform:uppercase}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;margin-left:6px;border-radius:var(--radius-pill);background:var(--petrol-050);color:var(--petrol);font-size:var(--fs-small);font-weight:var(--fw-bold);vertical-align:middle}.count.amber{background:var(--gold-050);color:var(--pill-pending-fg)}.tabs{display:inline-flex;gap:2px;max-width:100%;margin-bottom:18px;padding:4px;overflow-x:auto;border-radius:var(--radius-pill);background:var(--petrol-050);scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs button{display:inline-flex;flex:none;align-items:center;gap:6px;padding:7px 14px;border:0;border-radius:var(--radius-pill);background:transparent;color:color-mix(in srgb,var(--ink) 80%,var(--petrol-050));font-size:var(--fs-label);font-weight:var(--fw-medium);white-space:nowrap;transition:background-color .2s var(--ease-out),color .2s var(--ease-out),box-shadow .2s var(--ease-out)}.tabs button.selected{background:var(--surface);color:var(--petrol);box-shadow:var(--shadow-sm)}@media (hover: hover) and (pointer: fine){.tabs button:not(.selected):hover{color:var(--petrol)}}.table{overflow-x:auto;-webkit-overflow-scrolling:touch}.card.table{padding:0;margin-inline:0;overflow-x:auto;overflow-y:hidden}:is(.card,form,p)+.card.table{margin-top:var(--card-gap)}.card>.table{margin-inline:0;padding-inline:0;border:1px solid var(--line);border-radius:16px;overflow-y:hidden}.thead,.trow{display:flex;align-items:center;gap:12px;width:max-content;min-width:100%;padding:10px 16px;text-align:left;background:transparent}.thead{min-height:44px;background:var(--surface-2);color:var(--muted);font-size:var(--fs-small);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:.04em}.trow{min-height:44px;border-top:1px solid var(--line);color:var(--ink);font-size:var(--fs-label);font-variant-numeric:tabular-nums;line-height:1.4}.thead>span,.trow>span{flex:1 1 130px;min-width:130px}.thead>span:last-child,.trow>span:last-child,.trow>button.edit-employee{flex:0 0 auto;min-width:0}.thead>.num,.trow>.num{text-align:right;font-variant-numeric:tabular-nums}.thead>span.num:last-child,.trow>span.num:last-child{flex:0 0 96px;min-width:96px}@media (hover: hover) and (pointer: fine){.trow:hover{background:var(--surface-2)}}.grid-table>.thead,.grid-table>.trow{display:grid;grid-template-columns:var(--cols);align-items:center;gap:12px;width:100%;min-width:var(--min)}.grid-table>.thead>span,.grid-table>.trow>span{min-width:0;overflow-wrap:anywhere}.audit{--cols: 150px 180px 200px minmax(0, 1fr);--min: 640px}.holidays{--cols: minmax(170px, 220px) minmax(0, 1fr) 96px 150px;--min: 560px}.hr-table{--cols: minmax(130px, 1.1fr) minmax(110px, 1fr) minmax(120px, 1fr) minmax(204px, 1.4fr) 56px minmax(204px, 1.4fr) minmax(110px, 1fr) 120px;--min: 1150px}.cert-table{--cols: minmax(120px, 1.1fr) minmax(110px, 1fr) minmax(104px, .9fr) minmax(150px, 1.2fr) minmax(120px, 1fr) minmax(104px, .9fr) minmax(96px, .8fr) 260px;--min: 1120px}.identity-table{--cols: minmax(190px, 1.1fr) minmax(200px, 1.3fr) minmax(200px, 1.2fr) 112px 120px;--min: 860px}.sage-table{--cols: minmax(140px, 1fr) minmax(260px, 2.2fr) 120px 112px 200px;--min: 880px}.change-table{--cols: minmax(130px, 1fr) minmax(130px, 1fr) minmax(170px, 1.3fr) minmax(150px, 1fr) 340px;--min: 900px}.import-table{--cols: 72px minmax(150px, 1fr) 120px 112px 112px 104px minmax(220px, 2fr);--min: 960px}.holidays .edit-employee{white-space:nowrap}.table .approval-actions{flex-wrap:wrap}.cell-note{display:block}.cell-note.spaced{margin-top:6px}.audit-filter-summary{margin:-6px 0 14px;color:var(--muted);font-size:var(--fs-small)}.action{font-weight:600;color:var(--petrol-700)}.table .status,.modal .status,.settings .status,.leave-type .status{gap:6px;padding:4px 10px;font-size:var(--fs-small);font-weight:var(--fw-medium);line-height:1.2}.leave-type .status{max-width:100%;align-items:flex-start;white-space:normal}.leave-type .quiet{padding-inline:0}.table .status:before,.modal .status:before,.settings .status:before,.leave-type .status:before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:currentColor}.sheet{border-radius:var(--radius-dialog)}.usage-modal .usage-summary{display:flex;gap:24px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}.usage-summary span{display:flex;flex-direction:column;gap:3px;font-size:var(--fs-small);color:var(--muted)}.usage-summary b{font-size:1.375rem;color:var(--petrol-700);letter-spacing:-.03em}.usage-list{display:grid;gap:2px}.usage-row{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--line);font-size:var(--fs-small)}.usage-row>span{flex:1;min-width:0}.usage-row.usage-heading{color:var(--muted);font-size:var(--fs-small);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.08em}.field-help{display:block;flex:1 1 auto;color:var(--muted);font-size:var(--fs-small);font-weight:400;line-height:1.4}.field-help:empty{display:none}.field-help small{display:block;font-size:inherit}.field-help small+small{margin-top:2px}.field-value{display:flex;align-items:center;min-height:var(--control-h);color:var(--ink);font-size:var(--fs-label);font-weight:650;overflow-wrap:anywhere}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--card-gap)}.leave-type{position:relative}.leave-type .type-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;font-size:var(--fs-small);font-weight:var(--fw-bold);margin-bottom:12px}.leave-type h3{font-size:var(--fs-lead)}.leave-type>p{margin:4px 0 14px;color:var(--muted);font-size:var(--fs-small)}.leave-type>button:not(.quiet){position:absolute;top:16px;right:16px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--muted)}@media (hover: hover) and (pointer: fine){.leave-type>button:not(.quiet):hover{background:var(--surface-2)}}.leave-type>div{display:flex;gap:18px;padding:12px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.leave-type>div span{display:flex;flex-direction:column-reverse;gap:2px;font-size:var(--fs-small);color:var(--muted)}.leave-type>div b{font-size:var(--fs-small);color:var(--petrol-700)}.leave-type>div b.paid{color:var(--ok)}.leave-type footer{display:flex;gap:8px;margin-top:12px}.leave-type footer button{flex:1;min-height:40px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--fs-label);font-weight:var(--fw-medium);color:var(--petrol)}.leave-type footer button:first-child{border-color:var(--petrol);background:var(--petrol);color:#fff}.settings{max-width:640px}.settings-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}.settings-icon.danger-icon{background:var(--danger-050);color:var(--danger)}.settings-heading p{margin-top:2px;color:var(--muted);font-size:var(--fs-card-sub)}.info{display:flex;align-items:flex-start;gap:8px;margin-bottom:18px;padding:11px 12px;border-radius:var(--radius-sm);background:var(--gold-050);color:var(--pill-pending-fg);font-size:var(--fs-small);line-height:1.4}.info svg{flex:none;margin-top:1px}.settings h4{margin:20px 0 4px}.settings>p{color:var(--muted);font-size:var(--fs-card-sub);margin-bottom:14px}.saved{margin-left:12px;color:var(--ok);font-size:var(--fs-small);font-weight:600}.install-log{margin-top:14px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);color:var(--ink);font-size:var(--fs-small);white-space:pre-wrap;word-break:break-word}.settings .danger{margin-left:10px}.control-list{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.control{display:flex;align-items:center;gap:14px;padding:12px 4px;cursor:pointer}.control+.control{border-top:1px solid var(--line)}.control-txt{flex:1;min-width:0;font-size:var(--fs-body);font-weight:var(--fw-medium);overflow-wrap:anywhere}.change-list{margin:6px 0 0;padding-left:16px;overflow-wrap:anywhere}.modal.import-modal{width:min(960px,100%)}.apply-details>.check{flex-direction:row;justify-content:flex-start}@media (max-width: 767px){.sheet{border-radius:0}.leave-type footer button{min-height:44px}}.emp-card{padding:22px 20px 18px}.emp-card>.pp-toolbar{margin-bottom:16px}.emp-table{overflow:hidden;border:1px solid var(--line);border-radius:16px}.emp-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1.7fr) minmax(0,1.2fr) minmax(0,1.3fr) minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.9fr) 6rem;gap:10px 14px;align-items:center;min-height:60px;padding:8px 16px;border-top:1px solid var(--line);color:var(--ink);font-size:var(--fs-label);transition:background-color .2s var(--ease-out)}.emp-row>span{min-width:0;overflow-wrap:anywhere}.emp-head{min-height:48px;border-top:0;background:var(--surface-2);color:var(--muted);font-size:var(--fs-small);font-weight:var(--fw-medium)}.emp-head>span:last-child{text-align:right}@media (hover: hover) and (pointer: fine){.emp-row:not(.emp-head):hover{background:var(--surface-2)}}.emp-person{display:flex;align-items:center;gap:12px}.emp-avatar{width:36px;height:36px;color:#fff;font-size:var(--fs-small);font-weight:var(--fw-bold);letter-spacing:.02em}.emp-id{display:flex;flex-direction:column;gap:2px;min-width:0}.emp-name{align-self:flex-start;max-width:100%;color:var(--ink);font-size:var(--fs-body);font-weight:var(--fw-medium);text-align:left;overflow-wrap:anywhere}.emp-name:focus-visible{outline:2px solid var(--petrol);outline-offset:2px;border-radius:4px}@media (hover: hover) and (pointer: fine){.emp-name:hover{color:var(--petrol);text-decoration:underline}}.emp-id small,.emp-state small{color:var(--muted);font-size:var(--fs-small)}.incomplete-flag{display:inline-flex;flex:none;color:var(--warn)}.emp-state{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.emp-status{padding:5px 10px;font-size:var(--fs-small)}.emp-status:before{content:"";width:6px;height:6px;margin-right:6px;border-radius:50%;background:currentColor}.emp-actions{display:flex;justify-content:flex-end}.emp-edit{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--petrol);font-size:var(--fs-label);font-weight:var(--fw-medium);white-space:nowrap}@media (hover: hover) and (pointer: fine){.emp-edit:hover{background:var(--petrol-050)}}.emp-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:12px 18px;margin:0 0 12px;padding:14px 16px;border-radius:var(--radius-sm);background:var(--surface-2)}.emp-details>div{display:grid;gap:2px;min-width:0}.emp-details dt{color:var(--muted);font-size:var(--fs-small)}.emp-details dd{margin:0;color:var(--ink);font-size:var(--fs-body);font-weight:var(--fw-medium);overflow-wrap:anywhere}@media (max-width: 1280px){.emp-table{border:0;border-radius:0}.emp-head{display:none}.emp-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;padding:14px 2px}.emp-row>span:before{content:attr(data-label);display:block;color:var(--muted);font-size:var(--fs-small);letter-spacing:.04em;text-transform:uppercase}.emp-row>.emp-person,.emp-row>.emp-state,.emp-row>.emp-actions{grid-column:1 / -1}.emp-row>.emp-person:before,.emp-row>.emp-state:before,.emp-row>.emp-actions:before{content:none}.emp-row>[data-label=Email]{grid-column:1 / -1}.emp-person{order:0}.emp-state{order:1;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px}.emp-actions{order:3;justify-content:flex-start}.emp-row>span[data-label]{order:2}}@media (max-width: 720px){.emp-card{padding:18px 16px 16px}.emp-name,.emp-edit{min-height:44px}.emp-edit{justify-content:center;width:100%}.emp-actions{justify-content:stretch}}@media (pointer: coarse){.emp-name,.emp-edit{min-height:44px}}