@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";:root{--brand: #1E3A8A;--brand-600: #1D4ED8;--brand-700: #172554;--ink: #0F172A;--muted: #64748B;--line: #E2E8F0}*,*:before,*:after{box-sizing:border-box;-webkit-font-smoothing:antialiased}body{margin:0;font-family:IBM Plex Sans,IBM Plex Sans Arabic,system-ui,sans-serif;color:var(--ink);background:radial-gradient(140% 120% at 50% -10%,#f7fafc,#eef2f6 55%,#e6ebf1);min-height:100dvh}input::placeholder{color:#94a3b8}.wc-input:focus{border-color:var(--brand)!important;box-shadow:0 0 0 4px #1e3a8a24!important;outline:none}.wc-input-confirm:focus{box-shadow:0 0 0 4px #1e3a8a24!important;outline:none}.wc-btn-primary:hover:not(:disabled){background:var(--brand-600)!important}.wc-btn-back:hover{background:#f8fafc!important}.wc-btn-card:hover{border-color:#cbd5e1!important;box-shadow:0 6px 16px -10px #0f172a4d!important}.wc-scroll::-webkit-scrollbar{width:0;height:0}@keyframes wcFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes wcToast{0%{opacity:0;transform:translate(-50%,10px)}12%{opacity:1;transform:translate(-50%)}88%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,10px)}}.wc-fade{animation:wcFade .2s ease both}.wc-toast{animation:wcToast 1.8s ease forwards}[dir=rtl] .wc-chevron{transform:scaleX(-1)}.leave-root{--lv-bg: #f6f8f9;--lv-surface: #ffffff;--lv-ink: #16232b;--lv-muted: #5b6b76;--lv-accent: #1e3a8a;--lv-accent-weak: #e9ebf3;--lv-hairline: #e3e8ec;--lv-track: #eef1f4;--lv-draft-fg: #5b6b76;--lv-draft-bg: #eef1f4;--lv-confirm-fg: #8a5b00;--lv-confirm-bg: #fdf0d5;--lv-validate2-fg: #8a4b00;--lv-validate2-bg: #fbe3c4;--lv-validate1-fg: #1a5a8a;--lv-validate1-bg: #deeaf5;--lv-validate-fg: #1e6b3a;--lv-validate-bg: #dcefe1;--lv-refuse-fg: #9a2a2a;--lv-refuse-bg: #f7dede;--lv-radius: 14px;--lv-radius-sm: 9px;--lv-gap: 14px;color:var(--lv-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Noto Kufi Arabic,Helvetica Neue,Arial,sans-serif;line-height:1.5}.screen{padding-block:8px 24px;padding-inline:16px;max-inline-size:640px;margin-inline:auto}.screen__title{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin-block:4px 16px;text-align:start}.stack{display:flex;flex-direction:column;gap:var(--lv-gap)}.card{background:var(--lv-surface);border:1px solid var(--lv-hairline);border-radius:var(--lv-radius);padding:16px}.card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.card__title{font-size:1rem;font-weight:600;margin:0;text-align:start}.balance{display:flex;align-items:baseline;gap:8px;margin-block-start:10px}.balance__number{font-size:2.1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--lv-accent);line-height:1}.balance__unit{font-size:.85rem;color:var(--lv-muted)}.balance__secondary{margin:6px 0 0;font-size:.8rem;color:var(--lv-muted)}.badge{font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:999px}.badge--unlimited{color:var(--lv-accent);background:var(--lv-accent-weak)}.meter{margin-block:14px 12px;block-size:8px;border-radius:999px;background:var(--lv-track);overflow:hidden}.meter__fill{display:block;block-size:100%;border-radius:999px;background:linear-gradient(90deg,var(--lv-accent),#1d4ed8);transition:inline-size .24s ease}.stats{display:flex;gap:24px;margin:0}.stats__item dt{font-size:.72rem;color:var(--lv-muted);text-transform:uppercase;letter-spacing:.04em}.stats__item dd{margin:2px 0 0;font-weight:600;font-variant-numeric:tabular-nums}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.row{background:var(--lv-surface);border:1px solid var(--lv-hairline);border-radius:var(--lv-radius-sm);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.row__main{display:flex;flex-direction:column;gap:3px;min-inline-size:0}.row__type{font-weight:600}.row__dates,.row__duration{font-size:.82rem;color:var(--lv-muted);font-variant-numeric:tabular-nums}.row__approver{font-size:.82rem;color:var(--lv-muted)}.list__footer{display:flex;justify-content:center;margin-block-start:16px}.list__more-error{color:var(--lv-refuse-fg);font-size:.85rem;margin-block-start:10px;text-align:center}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.chip__dot{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;opacity:.9}.chip--draft{color:var(--lv-draft-fg);background:var(--lv-draft-bg)}.chip--confirm{color:var(--lv-confirm-fg);background:var(--lv-confirm-bg)}.chip--validate2{color:var(--lv-validate2-fg);background:var(--lv-validate2-bg)}.chip--validate1{color:var(--lv-validate1-fg);background:var(--lv-validate1-bg)}.chip--validate{color:var(--lv-validate-fg);background:var(--lv-validate-bg)}.chip--refuse{color:var(--lv-refuse-fg);background:var(--lv-refuse-bg)}.form{display:flex;flex-direction:column;gap:18px}.field{display:flex;flex-direction:column;gap:6px}.field-row{display:flex;gap:12px}.field-row .field{flex:1;min-inline-size:0}@media (max-width: 600px),(pointer: coarse){.field-row{flex-direction:column;gap:14px}.field-row input.input{padding-block:5px;padding-inline:10px}}.field__label{font-size:.85rem;font-weight:600;text-align:start}.field__hint{font-size:.78rem;color:var(--lv-muted);margin:0 0 4px}.field__hint--duration{font-size:.85rem;font-weight:600;color:var(--lv-accent);margin:-8px 0 4px}.field__error{font-size:.78rem;color:var(--lv-refuse-fg);margin:0}.field--error .input{border-color:var(--lv-refuse-fg)}.input{inline-size:100%;min-inline-size:0;box-sizing:border-box;font:inherit;color:var(--lv-ink);background:var(--lv-surface);border:1px solid var(--lv-hairline);border-radius:var(--lv-radius-sm);padding:11px 12px;text-align:start}.input:focus-visible{outline:2px solid var(--lv-accent);outline-offset:1px;border-color:var(--lv-accent)}.input--area{resize:vertical;min-block-size:72px}.segmented{display:inline-flex;gap:4px;background:var(--lv-track);padding:4px;border-radius:999px}.segmented__btn{font:inherit;font-size:.85rem;font-weight:600;color:var(--lv-muted);background:transparent;border:0;border-radius:999px;padding:8px 16px;cursor:pointer}.segmented__btn.is-active{color:var(--lv-accent);background:var(--lv-surface);box-shadow:0 1px 2px #00000014}.segmented__btn:focus-visible{outline:2px solid var(--lv-accent);outline-offset:1px}.file-chip{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--lv-track);border-radius:var(--lv-radius-sm);padding:10px 12px}.file-chip__name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.form__actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.form__note{font-size:.78rem;color:var(--lv-muted);text-align:center;margin:0}.btn{font:inherit;font-weight:600;border-radius:999px;padding:12px 18px;cursor:pointer;border:1px solid transparent}.btn:focus-visible{outline:2px solid var(--lv-accent);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{color:#fff;background:var(--lv-accent)}.btn--ghost{color:var(--lv-accent);background:transparent;border-color:var(--lv-hairline)}.btn--sm{padding:7px 12px;font-size:.8rem}.btn--file{display:inline-flex;align-items:center;justify-content:center;inline-size:fit-content}.state{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:40px;text-align:center}.state__text{color:var(--lv-muted);margin:0;max-inline-size:34ch}.state__spinner{inline-size:26px;block-size:26px;border-radius:50%;border:3px solid var(--lv-track);border-block-start-color:var(--lv-accent);animation:lv-spin .7s linear infinite}.card--skeleton{display:flex;flex-direction:column;gap:12px}.skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--lv-track),#f4f6f8,var(--lv-track));background-size:200% 100%;animation:lv-shimmer 1.2s ease-in-out infinite}.skeleton--line{block-size:14px}.skeleton--number{block-size:30px;inline-size:40%}.skeleton--bar{block-size:8px;inline-size:100%}@keyframes lv-spin{to{transform:rotate(360deg)}}@keyframes lv-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.state__spinner,.skeleton,.meter__fill{animation:none;transition:none}}.row--button{inline-size:100%;font:inherit;color:inherit;background:var(--lv-surface);cursor:pointer;text-align:start}.row--button:hover{border-color:var(--lv-accent)}.row--button:focus-visible{outline:2px solid var(--lv-accent);outline-offset:2px}.meta{display:flex;flex-direction:column;gap:10px;margin-block-start:14px}.meta__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.meta__label{color:var(--lv-muted);font-size:.82rem}.meta__value{font-weight:600;text-align:end;font-variant-numeric:tabular-nums}.meta__reason{font-weight:500;font-variant-numeric:normal}.confirm-q{margin-block:14px 0;font-weight:600}.field--refuse{margin-block-start:14px}.action-bar{display:flex;gap:10px;margin-block-start:18px}.action-bar .btn{flex:1}.btn--danger{color:#fff;background:var(--lv-refuse-fg)}.notice{border-radius:var(--lv-radius-sm);padding:12px 14px;font-size:.88rem;margin-block-start:14px}.notice--info{color:var(--lv-validate1-fg);background:var(--lv-validate1-bg)}.notice--error{color:var(--lv-refuse-fg);background:var(--lv-refuse-bg)}.payslip-root{--ps-bg: #f6f8f9;--ps-surface: #ffffff;--ps-ink: #16232b;--ps-muted: #5b6b76;--ps-accent: #1a56a8;--ps-accent-weak: #e3ecf7;--ps-hairline: #e3e8ec;--ps-track: #eef1f4;--ps-danger: #9a2a2a;--ps-danger-bg: #f7dede;--ps-success: #1e6b3a;--ps-success-bg: #dcefe1;--ps-done-fg: #1e6b3a;--ps-done-bg: #dcefe1;--ps-paid-fg: #1a5a8a;--ps-paid-bg: #deeaf5;--ps-verify-fg: #8a5b00;--ps-verify-bg: #fdf0d5;--ps-draft-fg: #5b6b76;--ps-draft-bg: #eef1f4;--ps-cancel-fg: #9a2a2a;--ps-cancel-bg: #f7dede;--ps-radius: 14px;--ps-radius-sm: 9px;--ps-gap: 14px;color:var(--ps-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Noto Kufi Arabic,Helvetica Neue,Arial,sans-serif;line-height:1.5}.payslip-root .screen{padding-block:8px 24px;padding-inline:16px;max-inline-size:640px;margin-inline:auto}.payslip-root .screen__title{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin-block:4px 16px;text-align:start}.payslip-root .stack{display:flex;flex-direction:column;gap:var(--ps-gap)}.payslip-root .card{background:var(--ps-surface);border:1px solid var(--ps-hairline);border-radius:var(--ps-radius);padding:16px}.payslip-root .card__title{font-size:1rem;font-weight:600;margin:0 0 10px;text-align:start}.payslip-root .list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.payslip-root .row{background:var(--ps-surface);border:1px solid var(--ps-hairline);border-radius:var(--ps-radius-sm);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.payslip-root .row--button{inline-size:100%;font:inherit;color:inherit;cursor:pointer;text-align:start}.payslip-root .row--button:hover{border-color:var(--ps-accent)}.payslip-root .row--button:focus-visible{outline:2px solid var(--ps-accent);outline-offset:2px}.payslip-root .row__main{display:flex;flex-direction:column;gap:3px;min-inline-size:0}.payslip-root .row__period{font-weight:600;font-size:.95rem}.payslip-root .row__number{font-size:.8rem;color:var(--ps-muted);font-variant-numeric:tabular-nums}.payslip-root .row__net{font-size:.82rem;color:var(--ps-muted);font-variant-numeric:tabular-nums}.payslip-root .list__footer{display:flex;justify-content:center;margin-block-start:16px}.payslip-root .list__more-error{color:var(--ps-danger);font-size:.85rem;margin-block-start:10px;text-align:center}.payslip-root .chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.payslip-root .chip__dot{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;opacity:.9}.payslip-root .chip--done{color:var(--ps-done-fg);background:var(--ps-done-bg)}.payslip-root .chip--paid{color:var(--ps-paid-fg);background:var(--ps-paid-bg)}.payslip-root .chip--verify{color:var(--ps-verify-fg);background:var(--ps-verify-bg)}.payslip-root .chip--draft{color:var(--ps-draft-fg);background:var(--ps-draft-bg)}.payslip-root .chip--cancel{color:var(--ps-cancel-fg);background:var(--ps-cancel-bg)}.payslip-root .meta{display:flex;flex-direction:column;gap:10px;margin-block-start:4px}.payslip-root .meta__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.payslip-root .meta__label{color:var(--ps-muted);font-size:.82rem}.payslip-root .meta__value{font-weight:600;text-align:end;font-variant-numeric:tabular-nums}.payslip-root .meta__value--net{font-size:1.15rem;color:var(--ps-accent)}.payslip-root .lines{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:1px}.payslip-root .line-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:9px;border-block-end:1px solid var(--ps-hairline);font-size:.88rem}.payslip-root .line-row:last-child{border-block-end:none}.payslip-root .line-row__name{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payslip-root .line-row__amount{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}.payslip-root .pdf-btn{display:flex;align-items:center;justify-content:center;gap:8px;inline-size:100%;padding:12px;border-radius:var(--ps-radius-sm);border:1.5px solid #1e3a8a;background:transparent;color:#1e3a8a;font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;margin-block-start:16px}.payslip-root .pdf-btn:hover{background:#e9ebf3}.payslip-root .pdf-btn:focus-visible{outline:2px solid #1e3a8a;outline-offset:2px}.payslip-root .stepup{display:flex;flex-direction:column;align-items:center;padding:40px 24px 32px;text-align:center;max-inline-size:400px;margin-inline:auto}.payslip-root .stepup__icon{inline-size:56px;block-size:56px;border-radius:16px;background:#e9ebf3;color:#1e3a8a;display:flex;align-items:center;justify-content:center;margin-block-end:20px}.payslip-root .stepup__title{font-size:1.25rem;font-weight:700;margin:0 0 8px}.payslip-root .stepup__body{font-size:.9rem;color:var(--ps-muted);margin:0 0 24px;max-inline-size:30ch}.payslip-root .stepup__form{inline-size:100%;display:flex;flex-direction:column;gap:14px}.payslip-root .stepup__field{display:flex;flex-direction:column;gap:6px;text-align:start}.payslip-root .stepup__label{font-size:.85rem;font-weight:600}.payslip-root .stepup__pw-wrap{position:relative}.payslip-root .stepup__input{inline-size:100%;box-sizing:border-box;font:inherit;font-size:1rem;color:var(--ps-ink);background:var(--ps-surface);border:1.5px solid var(--ps-hairline);border-radius:var(--ps-radius-sm);padding:13px 48px 13px 14px;text-align:start}.payslip-root .stepup__input:focus-visible{outline:2px solid var(--ps-accent);outline-offset:1px;border-color:var(--ps-accent)}.payslip-root .stepup__eye{position:absolute;top:50%;inset-inline-end:12px;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:var(--ps-muted);display:inline-flex}.payslip-root .stepup__eye:focus-visible{outline:2px solid var(--ps-accent);border-radius:4px}.payslip-root .stepup__error{font-size:.82rem;color:var(--ps-danger);text-align:start;min-block-size:1.2em}.payslip-root .stepup__locked{font-size:.85rem;color:#8a5b00;background:#fdf0d5;border-radius:var(--ps-radius-sm);padding:10px 12px;text-align:start}.payslip-root .stepup__footnote{display:flex;align-items:center;gap:8px;inline-size:100%;margin-block-start:16px;font-size:.78rem;color:var(--ps-muted);text-align:start}.payslip-root .stepup__footnote svg{flex:none;color:var(--ps-muted)}.payslip-root .btn{font:inherit;font-weight:600;border-radius:999px;padding:12px 18px;cursor:pointer;border:1px solid transparent}.payslip-root .btn:focus-visible{outline:2px solid var(--ps-accent);outline-offset:2px}.payslip-root .btn:disabled{opacity:.5;cursor:not-allowed}.payslip-root .btn--primary{color:#fff;background:#1e3a8a;inline-size:100%}.payslip-root .btn--ghost{color:var(--ps-accent);background:transparent;border-color:var(--ps-hairline)}.payslip-root .btn--back{display:inline-flex;align-items:center;gap:6px;padding:8px 0;font-size:.88rem;color:var(--ps-accent);background:none;border:none;cursor:pointer;font:inherit;font-weight:600}.payslip-root .btn--back:focus-visible{outline:2px solid var(--ps-accent);border-radius:4px}.payslip-root .state{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:40px;text-align:center}.payslip-root .state__text{color:var(--ps-muted);margin:0;max-inline-size:34ch}.payslip-root .state__spinner{inline-size:26px;block-size:26px;border-radius:50%;border:3px solid var(--ps-track);border-block-start-color:var(--ps-accent);animation:ps-spin .7s linear infinite}.payslip-root .skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--ps-track),#f4f6f8,var(--ps-track));background-size:200% 100%;animation:ps-shimmer 1.2s ease-in-out infinite}.payslip-root .skeleton--line{block-size:14px}.payslip-root .skeleton--number{block-size:20px;inline-size:40%}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes ps-spin{to{transform:rotate(360deg)}}@keyframes ps-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.payslip-root .state__spinner,.payslip-root .skeleton{animation:none}}.profile-root{--pr-brand: var(--brand, #1E3A8A);--pr-ink: var(--ink, #0F172A);--pr-muted: var(--muted, #64748B);--pr-line: var(--line, #E2E8F0);--pr-surface: var(--surface, #F8FAFC);--pr-radius: 12px}.profile-root .pr-avatar{width:72px;height:72px;border-radius:50%;background:var(--pr-brand);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;flex-shrink:0}.profile-root .pr-header{display:flex;flex-direction:column;align-items:center;gap:12px;padding:28px 24px 20px;text-align:center}.profile-root .pr-name{font-size:22px;font-weight:700;color:var(--pr-ink);letter-spacing:-.01em;margin:0}.profile-root .pr-subtitle{font-size:14px;color:var(--pr-muted);margin:0}.profile-root .pr-card{margin:0 16px 14px;border:1px solid var(--pr-line);border-radius:var(--pr-radius);overflow:hidden}.profile-root .pr-card__title{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--pr-muted);padding:14px 16px 10px;margin:0;border-block-end:1px solid var(--pr-line);background:var(--pr-surface)}.profile-root .pr-field{display:flex;flex-direction:column;padding:12px 16px;border-block-end:1px solid var(--pr-line)}.profile-root .pr-field:last-child{border-block-end:none}.profile-root .pr-field__label{font-size:11.5px;font-weight:600;color:var(--pr-muted);margin-block-end:2px}.profile-root .pr-field__value{font-size:15px;color:var(--pr-ink)}.profile-root .pr-field__value--empty{color:var(--pr-muted)}.profile-root .pr-skeleton{border-radius:6px;background:linear-gradient(90deg,var(--pr-line) 25%,var(--pr-surface) 50%,var(--pr-line) 75%);background-size:200% 100%;animation:pr-shimmer 1.4s infinite}@keyframes pr-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.profile-root .pr-skeleton{animation:none;background:var(--pr-line)}}.profile-root .pr-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;color:var(--pr-muted);font-size:14px}.profile-root .pr-state__btn{margin-block-start:4px;padding:8px 20px;border-radius:8px;border:1px solid var(--pr-line);background:#fff;color:var(--pr-ink);font-size:14px;font-weight:500;cursor:pointer}.joining-root{--jd-bg: #f6f8f9;--jd-surface: #ffffff;--jd-ink: #16232b;--jd-muted: #5b6b76;--jd-accent: #1e3a8a;--jd-accent-weak: #e9ebf3;--jd-hairline: #e3e8ec;--jd-track: #eef1f4;--jd-draft-fg: #5b6b76;--jd-draft-bg: #eef1f4;--jd-submitted-fg: #8a5b00;--jd-submitted-bg: #fdf0d5;--jd-approved1-fg: #1a5a8a;--jd-approved1-bg: #deeaf5;--jd-approved2-fg: #1e6b3a;--jd-approved2-bg: #dcefe1;--jd-canceled-fg: #9a2a2a;--jd-canceled-bg: #f7dede;--jd-radius: 14px;--jd-radius-sm: 9px;--jd-gap: 14px;color:var(--jd-ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans Arabic,Noto Kufi Arabic,Helvetica Neue,Arial,sans-serif;line-height:1.5}.joining-screen{padding-block:8px 24px;padding-inline:16px;max-inline-size:640px;margin-inline:auto}.joining-screen__title{font-size:1.4rem;font-weight:700;letter-spacing:-.01em;margin-block:4px 16px;text-align:start}.joining-stack{display:flex;flex-direction:column;gap:var(--jd-gap)}.joining-card{background:var(--jd-surface);border:1px solid var(--jd-hairline);border-radius:var(--jd-radius);padding:16px}.joining-card__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.joining-card__title{font-size:1rem;font-weight:600;margin:0;text-align:start}.joining-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.joining-row{background:var(--jd-surface);border:1px solid var(--jd-hairline);border-radius:var(--jd-radius-sm);padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.joining-row__main{display:flex;flex-direction:column;gap:3px;min-inline-size:0}.joining-row__type{font-weight:600}.joining-row__dates,.joining-row__duration{font-size:.82rem;color:var(--jd-muted);font-variant-numeric:tabular-nums}.joining-row__cancelable{display:inline-block;inline-size:6px;block-size:6px;border-radius:50%;background:var(--jd-submitted-fg);margin-block-start:2px}.joining-list__footer{display:flex;justify-content:center;margin-block-start:16px}.joining-list__more-error{color:var(--jd-canceled-fg);font-size:.85rem;margin-block-start:10px;text-align:center}.joining-row--button{inline-size:100%;font:inherit;color:inherit;background:var(--jd-surface);cursor:pointer;text-align:start}.joining-row--button:hover{border-color:var(--jd-accent)}.joining-row--button:focus-visible{outline:2px solid var(--jd-accent);outline-offset:2px}.joining-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.joining-chip__dot{inline-size:6px;block-size:6px;border-radius:50%;background:currentColor;opacity:.9}.joining-chip--draft{color:var(--jd-draft-fg);background:var(--jd-draft-bg)}.joining-chip--submitted{color:var(--jd-submitted-fg);background:var(--jd-submitted-bg)}.joining-chip--approved1{color:var(--jd-approved1-fg);background:var(--jd-approved1-bg)}.joining-chip--approved2{color:var(--jd-approved2-fg);background:var(--jd-approved2-bg)}.joining-chip--canceled{color:var(--jd-canceled-fg);background:var(--jd-canceled-bg)}.joining-form{display:flex;flex-direction:column;gap:18px}.joining-field{display:flex;flex-direction:column;gap:6px}.joining-field__label{font-size:.85rem;font-weight:600;text-align:start}.joining-field__error{font-size:.78rem;color:var(--jd-canceled-fg);margin:0}.joining-field--error .joining-input{border-color:var(--jd-canceled-fg)}.joining-input{inline-size:100%;box-sizing:border-box;font:inherit;color:var(--jd-ink);background:var(--jd-surface);border:1px solid var(--jd-hairline);border-radius:var(--jd-radius-sm);padding:11px 12px;text-align:start}.joining-input:focus-visible{outline:2px solid var(--jd-accent);outline-offset:1px;border-color:var(--jd-accent)}.joining-duration{font-size:.95rem;font-weight:600;color:var(--jd-accent);font-variant-numeric:tabular-nums}.joining-readonly-value{font-size:.95rem;color:var(--jd-ink)}.joining-form__actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.joining-form__success-title{font-size:1.1rem;font-weight:700;margin-block:0 6px}.joining-form__success-hint{color:var(--jd-muted);margin-block:0 12px}.joining-form__success-id{font-size:.82rem;color:var(--jd-muted);font-variant-numeric:tabular-nums;margin:0}.joining-meta{display:flex;flex-direction:column;gap:10px;margin-block-start:14px}.joining-meta__row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.joining-meta__label{color:var(--jd-muted);font-size:.82rem}.joining-meta__value{font-weight:600;text-align:end;font-variant-numeric:tabular-nums}.joining-meta__unavailable{font-weight:500;color:var(--jd-muted);font-style:italic}.joining-confirm-q{margin-block:14px 0;font-weight:600}.joining-action-bar{display:flex;gap:10px;margin-block-start:18px}.joining-action-bar .joining-btn{flex:1}.joining-btn{font:inherit;font-weight:600;border-radius:999px;padding:12px 18px;cursor:pointer;border:1px solid transparent}.joining-btn:focus-visible{outline:2px solid var(--jd-accent);outline-offset:2px}.joining-btn:disabled{opacity:.5;cursor:not-allowed}.joining-btn--primary{color:#fff;background:var(--jd-accent)}.joining-btn--ghost{color:var(--jd-accent);background:transparent;border-color:var(--jd-hairline)}.joining-btn--danger{color:#fff;background:var(--jd-canceled-fg)}.joining-btn--sm{padding:7px 12px;font-size:.8rem}.joining-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding-block:40px;text-align:center}.joining-state__text{color:var(--jd-muted);margin:0;max-inline-size:34ch}.joining-state__spinner{inline-size:26px;block-size:26px;border-radius:50%;border:3px solid var(--jd-track);border-block-start-color:var(--jd-accent);animation:jd-spin .7s linear infinite}.joining-card--skeleton{display:flex;flex-direction:column;gap:12px}.joining-skeleton{display:block;border-radius:6px;background:linear-gradient(90deg,var(--jd-track),#f4f6f8,var(--jd-track));background-size:200% 100%;animation:jd-shimmer 1.2s ease-in-out infinite}.joining-skeleton--line{block-size:14px}.joining-skeleton--number{block-size:30px;inline-size:40%}.joining-skeleton--bar{block-size:8px;inline-size:100%}.joining-notice{border-radius:var(--jd-radius-sm);padding:12px 14px;font-size:.88rem;margin-block-start:14px}.joining-notice--info{color:var(--jd-approved1-fg);background:var(--jd-approved1-bg)}.joining-notice--error{color:var(--jd-canceled-fg);background:var(--jd-canceled-bg)}@keyframes jd-spin{to{transform:rotate(360deg)}}@keyframes jd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.joining-state__spinner,.joining-skeleton{animation:none}}