:root{--c-primary:#2563eb;--c-primary-hover:#1d4ed8;--c-primary-active:#1e40af;--c-primary-soft:#eff6ff;--c-on-primary:#fff;--c-success:#16a34a;--c-success-soft:#f0fdf4;--c-danger:#dc2626;--c-danger-soft:#fef2f2;--c-warning:#b45309;--c-warning-soft:#fffbeb;--c-bg:#f4f6fa;--c-surface:#fff;--c-surface-alt:#f8fafc;--c-border:#e2e8f0;--c-border-strong:#cbd5e1;--c-text:#1f2933;--c-text-muted:#64748b;--c-text-faint:#94a3b8;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.375rem;--fs-2xl:1.75rem;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 4px 16px #0f172a14;--ring:0 0 0 3px #2563eb59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--fs-md);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--c-text);margin:0;font-weight:600;line-height:1.25}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0}a{color:var(--c-primary)}code{font-family:var(--font-mono);background:var(--c-surface-alt);border-radius:4px;padding:2px 6px;font-size:.9em}:focus-visible{box-shadow:var(--ring);border-radius:var(--radius-sm);outline:none}.page{width:100%;max-width:640px;padding:var(--sp-6) var(--sp-4) var(--sp-10);margin:0 auto}.page--narrow{max-width:420px}.page__title{margin-bottom:var(--sp-5)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--sp-6)}.navbar{align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:10;flex-wrap:wrap;display:flex;position:sticky;top:0}.navbar__brand{font-weight:700;font-size:var(--fs-md);color:var(--c-primary);margin-right:var(--sp-2);white-space:nowrap}.navbar__links{gap:var(--sp-1);flex-basis:100%;order:2;display:flex;overflow-x:auto}@media (width>=640px){.navbar{flex-wrap:nowrap}.navbar__links{flex-basis:auto;order:0;overflow-x:visible}}.nav-link{color:var(--c-text-muted);font-weight:500;font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);white-space:nowrap;text-decoration:none}.nav-link:hover{background:var(--c-surface-alt);color:var(--c-text)}.nav-link--active{color:var(--c-primary);background:var(--c-primary-soft)}.navbar__spacer{margin-left:auto}.lang-select{font-family:inherit;font-size:var(--fs-sm);color:var(--c-text);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);padding:var(--sp-1) var(--sp-2);cursor:pointer}.ctx-select-wrap{align-items:center;gap:var(--sp-1);border-left:2px solid var(--c-primary);padding-left:var(--sp-2);display:inline-flex}.ctx-select-wrap__label{font-size:var(--fs-xs);color:var(--c-text-muted);white-space:nowrap}.ctx-spinner{border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.7s linear infinite spin;display:inline-block}.btn{justify-content:center;align-items:center;gap:var(--sp-2);font-family:inherit;font-size:var(--fs-sm);padding:var(--sp-3) var(--sp-5);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;font-weight:600;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--primary{background:var(--c-primary);color:var(--c-on-primary)}.btn--primary:not(:disabled):hover{background:var(--c-primary-hover)}.btn--primary:not(:disabled):active{background:var(--c-primary-active)}.btn--success{background:var(--c-success);color:#fff}.btn--success:not(:disabled):hover{background:#15803d}.btn--secondary{background:var(--c-surface);color:var(--c-text);border-color:var(--c-border-strong)}.btn--secondary:not(:disabled):hover{background:var(--c-surface-alt)}.btn--ghost{color:var(--c-text-muted);background:0 0;border-color:#0000}.btn--ghost:not(:disabled):hover{background:var(--c-surface-alt);color:var(--c-text)}.btn--block{width:100%}.btn-row{gap:var(--sp-2);flex-wrap:wrap;display:flex}.btn-row__spacer{margin-left:auto}.field{margin-bottom:var(--sp-4);display:block}.label{font-size:var(--fs-sm);color:var(--c-text);margin-bottom:var(--sp-2);font-weight:600;display:block}.label__hint{color:var(--c-text-muted);font-weight:400}.input{width:100%;font-family:inherit;font-size:var(--fs-md);color:var(--c-text);background:var(--c-surface);padding:var(--sp-3);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm)}.input::placeholder{color:var(--c-text-faint)}.input:focus{border-color:var(--c-primary);box-shadow:var(--ring);outline:none}.input:disabled{background:var(--c-surface-alt);color:var(--c-text-muted);cursor:not-allowed}.input--error{border-color:var(--c-danger)}.input--error:focus{box-shadow:0 0 0 3px #dc26264d}.field-error{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--c-danger)}.alert{padding:var(--sp-3) var(--sp-4);border-radius:var(--radius-sm);font-size:var(--fs-sm);margin-bottom:var(--sp-4);border:1px solid #0000}.alert--error{background:var(--c-danger-soft);color:var(--c-danger);border-color:#dc262640}.alert--success{background:var(--c-success-soft);color:var(--c-success);border-color:#16a34a40}.alert--info{background:var(--c-primary-soft);color:var(--c-primary-hover);border-color:#2563eb33}.state{align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4);color:var(--c-text-muted);flex-direction:column;display:flex}.spinner{border:3px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2s}}.table-wrap{border:1px solid var(--c-border);border-radius:var(--radius-md);background:var(--c-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{padding:var(--sp-3);text-align:left;border-bottom:1px solid var(--c-border)}.table th{background:var(--c-surface-alt);color:var(--c-text-muted);white-space:nowrap;font-weight:600}.table tbody tr:last-child td{border-bottom:none}.table .num{text-align:right;font-variant-numeric:tabular-nums}.table .total-row td{color:var(--c-text);border-top:2px solid var(--c-border-strong);font-weight:700}@media (width<=559px){.table--responsive thead{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.table--responsive,.table--responsive tbody,.table--responsive tr,.table--responsive td{width:100%;display:block}.table--responsive tr{padding:var(--sp-2) var(--sp-3);border-bottom:1px solid var(--c-border)}.table--responsive tbody tr:last-child{border-bottom:none}.table--responsive td{justify-content:space-between;align-items:center;gap:var(--sp-4);padding:var(--sp-1) 0;text-align:right;border-bottom:none;display:flex}.table--responsive td:before{content:attr(data-label);color:var(--c-text-muted);text-align:left;font-weight:600}}.summary-list{border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-2) var(--sp-4);background:var(--c-surface)}.summary-item{padding:var(--sp-3) 0;border-bottom:1px solid var(--c-border);flex-direction:column;gap:2px;display:flex}.summary-item__head{justify-content:space-between;align-items:baseline;gap:var(--sp-4);display:flex}.summary-item__label{font-weight:600}.summary-item__amount{font-variant-numeric:tabular-nums;white-space:nowrap}.summary-item__detail{font-size:var(--fs-sm);color:var(--c-text-muted);font-variant-numeric:tabular-nums}.summary-total{justify-content:space-between;align-items:baseline;gap:var(--sp-4);margin-top:var(--sp-2);padding-top:var(--sp-3);border-top:2px solid var(--c-border-strong);font-weight:700;font-size:var(--fs-md);display:flex}.summary-total__amount{font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--c-primary)}.kv{border-collapse:collapse}.kv th{text-align:left;color:var(--c-text-muted);padding:var(--sp-2) var(--sp-6) var(--sp-2) 0;vertical-align:top;white-space:nowrap;font-weight:600}.kv td{padding:var(--sp-2) 0;color:var(--c-text)}.badge{font-size:var(--fs-xs);padding:2px var(--sp-2);border-radius:var(--radius-pill);white-space:nowrap;font-weight:600;display:inline-block}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--pending{background:var(--c-warning-soft);color:var(--c-warning)}.stepper{gap:var(--sp-1);margin-bottom:var(--sp-6);display:flex}.stepper__item{flex:1;align-items:center;min-width:0;display:flex}.stepper__bar{border-radius:var(--radius-pill);background:var(--c-border);flex:1;height:4px;transition:background .2s}.stepper__bar--done{background:#93c5fd}.stepper__bar--current{background:var(--c-primary)}.stepper__label{margin-left:var(--sp-1);font-size:var(--fs-xs);color:var(--c-text-faint);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.stepper__label--current{color:var(--c-primary);font-weight:600}.option-list{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.option{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;font-family:inherit;font-size:var(--fs-sm);text-align:left;padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border:1px solid var(--c-border-strong);border-radius:var(--radius-sm);color:var(--c-text);cursor:pointer;transition:border-color .15s,background .15s;display:flex}.option:not(:disabled):hover{border-color:var(--c-primary)}.option--selected{border-color:var(--c-primary);background:var(--c-primary-soft);box-shadow:inset 0 0 0 1px var(--c-primary)}.option:disabled{background:var(--c-surface-alt);color:var(--c-text-faint);cursor:not-allowed}.option__meta{font-size:var(--fs-xs);color:var(--c-text-muted)}.option__remaining{color:var(--c-warning);margin-right:var(--sp-2)}.panel{margin-bottom:var(--sp-4);padding:var(--sp-4);background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--radius-md)}.page--login-outer{max-width:960px}.login-card{max-width:420px;margin:0 auto}.landing{margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--c-border);max-width:900px;margin-left:auto;margin-right:auto}.landing__hero{text-align:center;margin-bottom:var(--sp-8)}.landing__headline{font-size:var(--fs-2xl);color:var(--c-primary);margin-bottom:var(--sp-3)}.landing__sub{font-size:var(--fs-md);color:var(--c-text-muted);max-width:560px;margin:0 auto;line-height:1.6}.landing__block{margin-bottom:var(--sp-8)}.landing__section-title{font-size:var(--fs-lg);color:var(--c-text);margin-bottom:var(--sp-4);text-align:center}.landing__grid{gap:var(--sp-3);grid-template-columns:1fr;display:grid}@media (width>=560px){.landing__grid{grid-template-columns:1fr 1fr}}.landing-card{align-items:flex-start;gap:var(--sp-3);background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-md);padding:var(--sp-4);box-shadow:var(--shadow-sm);display:flex}.landing-card__icon{flex-shrink:0;font-size:1.6rem;line-height:1}.landing-card__title{font-weight:600;font-size:var(--fs-sm);color:var(--c-text);margin-bottom:var(--sp-1)}.landing-card__desc{font-size:var(--fs-sm);color:var(--c-text-muted);line-height:1.5}.landing__features{gap:var(--sp-2);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=560px){.landing__features{grid-template-columns:1fr 1fr}.landing__features li:last-child:nth-child(odd){grid-column:1/-1}}.landing__feature{align-items:flex-start;gap:var(--sp-2);font-size:var(--fs-sm);color:var(--c-text);background:var(--c-surface-alt);border:1px solid var(--c-border);border-radius:var(--radius-sm);padding:var(--sp-3);line-height:1.5;display:flex}.landing__feature-icon{flex-shrink:0;font-size:1.3rem;line-height:1.4}.landing__cta{text-align:center;font-size:var(--fs-sm);color:var(--c-text-muted);margin-top:var(--sp-4);padding-top:var(--sp-6);border-top:1px solid var(--c-border)}.muted{color:var(--c-text-muted)}.italic{font-style:italic}.text-sm{font-size:var(--fs-sm)}.mb-2{margin-bottom:var(--sp-2)}.mb-4{margin-bottom:var(--sp-4)}.mt-4,.stack>*+*{margin-top:var(--sp-4)}