@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans+Thai:wght@400;500;600;700&display=swap";:root{--color-primary:#0f2557;--color-primary-light:#1b3f9e;--color-primary-dark:#0a1a40;--color-accent:#2563eb;--color-accent-light:#60a5fa;--color-accent-dark:#1d4ed8;--color-accent-bg:#2563eb1a;--color-accent-border:#2563eb4d;--color-success:#047857;--color-success-bg:#0478571c;--color-success-border:#0478574d;--color-warning:#b45309;--color-warning-bg:#f59e0b29;--color-warning-border:#b453094d;--color-danger:#b91c1c;--color-danger-bg:#dc262617;--color-danger-border:#b91c1c4d;--color-info:#6d28d9;--color-info-bg:#7c3aed1c;--color-info-border:#6d28d94d;--color-text:#334155;--color-text-heading:#0b1b3a;--color-text-muted:#5b6b85;--color-text-inverse:#fff;--color-bg:#f3f6fc;--color-bg-card:#fff;--color-bg-elevated:#fff;--color-border:#d3dcec;--color-border-light:#e7ecf5;--color-separator:#e7ecf5;--color-fill:#475f8c17;--color-fill-hover:#475f8c29;--color-code-bg:#e7ecf5;--gradient-hero:linear-gradient(120deg, #0f2557 0%, #1b3f9e 55%, #2563eb 100%);--gradient-cta:linear-gradient(180deg, #3b82f6 0%, #2563eb 100%);--material-bar:#ffffffd1;--material-bar-solid:#fff;--material-edge:#0f25571a;--scrim:#08122873;--shadow-xs:0 1px 2px #0f25570f;--shadow-sm:0 1px 3px #0f255714, 0 1px 2px #0f25570d;--shadow-md:0 8px 20px -6px #0f255729;--shadow-lg:0 16px 36px -10px #0f255738;--shadow-xl:0 28px 64px -16px #0f255752;--shadow-cta:0 6px 16px -4px #2563eb80;--font-sans:"Inter", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-heading:"Inter", "Noto Sans Thai", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", "JetBrains Mono", Consolas, monospace;--text-hero:clamp(1.625rem, 1.25rem + 1.6vw, 2.25rem);--text-large-title:clamp(1.625rem, 1.35rem + 1vw, 2rem);--text-title:1.25rem;--text-headline:1.0625rem;--text-body:.9375rem;--text-footnote:.8125rem;--text-caption:.75rem;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--spacing-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--radius-full:9999px;--ease:cubic-bezier(.25, .1, .25, 1);--transition-fast:.15s var(--ease);--transition-base:.25s var(--ease);--transition-slow:.4s var(--ease);--sidebar-width:264px;--rail-width:80px;--topbar-height:56px;--tabbar-height:60px;--content-width:1120px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=dark]{--color-primary:#dbe6ff;--color-primary-light:#b6caf5;--color-primary-dark:#fff;--color-accent:#5b9bff;--color-accent-light:#93c0ff;--color-accent-dark:#7fb0ff;--color-accent-bg:#5b9bff29;--color-accent-border:#5b9bff66;--color-success:#34d399;--color-success-bg:#34d39926;--color-success-border:#34d39959;--color-warning:#fbbf24;--color-warning-bg:#fbbf2429;--color-warning-border:#fbbf2461;--color-danger:#f87171;--color-danger-bg:#f8717129;--color-danger-border:#f8717166;--color-info:#a78bfa;--color-info-bg:#a78bfa2e;--color-info-border:#a78bfa66;--color-text:#c3cde0;--color-text-heading:#eef2fa;--color-text-muted:#8f9db8;--color-text-inverse:#0b1220;--color-bg:#0a101e;--color-bg-card:#121b2e;--color-bg-elevated:#1a2540;--color-border:#2a3858;--color-border-light:#1f2a45;--color-separator:#1f2a45;--color-fill:#8ca5d71f;--color-fill-hover:#8ca5d733;--color-code-bg:#1f2a45;--gradient-hero:linear-gradient(120deg, #0b1a3d 0%, #15357f 55%, #1d4ed8 100%);--gradient-cta:linear-gradient(180deg, #5b9bff 0%, #3b82f6 100%);--material-bar:#121b2ed1;--material-bar-solid:#121b2e;--material-edge:#a0b9eb24;--scrim:#020610a6;--shadow-xs:0 1px 2px #0006;--shadow-sm:0 1px 3px #00000080;--shadow-md:0 8px 20px -6px #0009;--shadow-lg:0 16px 36px -10px #000000a6;--shadow-xl:0 28px 64px -16px #000000bf;--shadow-cta:0 6px 16px -4px #3b82f673;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#2a3858}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#3d4f78}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-synthesis:none}body{min-height:100svh;margin:0}img,svg{max-width:100%;display:block}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}input,textarea,select{font:inherit;color:inherit}html{background:var(--color-bg)}body{font:var(--text-body) / 1.55 var(--font-sans);letter-spacing:-.011em;color:var(--color-text);background:var(--color-bg)}#root{flex-direction:column;width:100%;min-height:100svh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-heading);line-height:1.3}h1{font-size:var(--text-large-title);letter-spacing:-.022em;font-weight:700}h2{font-size:var(--text-title);letter-spacing:-.016em;font-weight:600}h3{font-size:var(--text-headline);letter-spacing:-.014em;font-weight:600}h4{font-size:var(--text-headline);font-weight:600}h5{font-size:var(--text-body);font-weight:600}p{margin:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}code{font-family:var(--font-mono);font-size:var(--text-footnote);border-radius:var(--radius-sm);color:var(--color-text-heading);background:var(--color-code-bg);padding:2px 6px}.text-muted{font-size:var(--text-body);color:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.tone--default{--tone:var(--color-text-muted);--tone-bg:var(--color-fill)}.tone--primary{--tone:var(--color-accent);--tone-bg:var(--color-accent-bg)}.tone--success{--tone:var(--color-success);--tone-bg:var(--color-success-bg)}.tone--warning{--tone:var(--color-warning);--tone-bg:var(--color-warning-bg)}.tone--danger{--tone:var(--color-danger);--tone-bg:var(--color-danger-bg)}.tone--info{--tone:var(--color-info);--tone-bg:var(--color-info-bg)}.alert{border-radius:var(--radius-md);background:var(--tone-bg);color:var(--tone);font-size:var(--text-body);overflow-wrap:anywhere;padding:12px 14px;line-height:1.5}.alert.tone--warning{color:var(--color-text-heading)}.avatar{border-radius:var(--radius-full);background:var(--color-accent-bg);color:var(--color-accent);transition:background var(--transition-fast), color var(--transition-fast);flex-shrink:0;place-items:center;font-weight:700;display:grid}.avatar--md{width:34px;height:34px;font-size:var(--text-footnote)}.avatar--lg{width:44px;height:44px;font-size:var(--text-headline)}.back-link{min-height:44px;font-size:var(--text-body);color:var(--color-accent);justify-self:start;align-items:center;gap:2px;margin-left:-6px;text-decoration:none;display:inline-flex}.back-link:hover{text-decoration:underline}.badge{font-size:var(--text-caption);border-radius:var(--radius-full);white-space:nowrap;background:var(--tone-bg);color:var(--tone);align-items:center;gap:4px;padding:2px 10px;font-weight:600;line-height:1.5;display:inline-flex}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);font-family:var(--font-sans);border-radius:var(--radius-md);transition:background var(--transition-fast), color var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;font-weight:600;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn--block{width:100%}.btn--sm{font-size:var(--text-footnote);height:34px;padding:0 14px}.btn--md{font-size:var(--text-body);height:44px;padding:0 20px}.btn--lg{font-size:var(--text-headline);height:52px;padding:0 28px}@media (pointer:coarse){.btn--sm{min-height:44px}}.btn--primary{color:#fff;background:var(--gradient-cta);box-shadow:var(--shadow-cta);border:1px solid #0000}.btn--primary:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 8px 20px -4px #2563eb8c}[data-theme=dark] .btn--primary{color:#04112b}.btn--secondary{color:var(--color-accent);background:var(--color-accent-bg);border:1px solid #0000}.btn--secondary:hover:not(:disabled){background:var(--color-accent-border)}.btn--outline{color:var(--color-text-heading);background:var(--color-bg-card);border:1px solid var(--color-border)}.btn--outline:hover:not(:disabled){border-color:var(--color-accent-border);background:var(--color-accent-bg)}.btn--ghost{color:var(--color-text);background:0 0;border:1px solid #0000}.btn--ghost:hover:not(:disabled){background:var(--color-fill);color:var(--color-text-heading)}.btn--inverse{color:#0f2557;background:#fff;border:1px solid #0000;box-shadow:0 6px 16px -6px #0006}.btn--inverse:hover:not(:disabled){background:#eaf1ff}.btn--glass{color:#fff;background:#ffffff29;border:1px solid #ffffff61}.btn--glass:hover:not(:disabled){background:#ffffff42}.btn--inverse:focus-visible,.btn--glass:focus-visible{outline-color:#fff}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite btn-spin}@keyframes btn-spin{to{transform:rotate(360deg)}}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card--hoverable:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card--pad-none{padding:0}.card--pad-sm{padding:var(--spacing-md)}.card--pad-md{padding:var(--spacing-lg)}.card--pad-lg{padding:var(--spacing-xl)}.card__header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-separator)}.card__body{padding:var(--spacing-lg)}@media (width<=767px){.card--pad-lg{padding:var(--spacing-lg) var(--spacing-md)}}.choice-cards{border:0;min-width:0;margin:0;padding:0}.choice-cards__legend{font-size:var(--text-footnote);color:var(--color-text-heading);margin-bottom:8px;padding:0;font-weight:600}.choice-cards__grid{gap:var(--spacing-sm);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.choice-card{min-height:64px;padding:0 var(--spacing-md);border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-muted);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast);align-items:center;gap:12px;display:flex;position:relative}.choice-card:hover{border-color:var(--color-accent-border)}.choice-card--checked{border-color:var(--color-accent);background:var(--color-accent-bg);color:var(--color-accent)}.choice-card__label{color:var(--color-text-heading);font-weight:600}.choice-card__input{opacity:0;cursor:pointer;position:absolute;inset:0}.choice-card:has(.choice-card__input:focus-visible){outline:2px solid var(--color-accent);outline-offset:2px}.confirm-dialog__overlay{z-index:100;padding:var(--spacing-md);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:confirm-dialog-fade .18s var(--ease);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-dialog{width:100%;max-width:400px;padding:var(--spacing-lg);background:var(--color-bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:confirm-dialog-pop .22s var(--ease)}.confirm-dialog__title{font-size:var(--text-headline);color:var(--color-text-heading);overflow-wrap:anywhere;margin:0}.confirm-dialog__message{margin:var(--spacing-sm) 0 0;color:var(--color-text)}.confirm-dialog__error{margin:var(--spacing-md) 0 0;border-radius:var(--radius-md);background:var(--color-danger-bg);color:var(--color-danger);font-size:var(--text-body);padding:10px 12px}.confirm-dialog__actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-wrap:wrap;display:flex}.confirm-dialog__danger,.confirm-dialog__danger:hover:not(:disabled){background:var(--color-danger);border-color:var(--color-danger);color:#fff}[data-theme=dark] .confirm-dialog__danger,[data-theme=dark] .confirm-dialog__danger:hover:not(:disabled){color:#000}@keyframes confirm-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-dialog-pop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.empty-state{padding:var(--spacing-2xl) var(--spacing-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:56px;height:56px;margin-bottom:var(--spacing-md);border-radius:var(--radius-full);background:var(--color-accent-bg);color:var(--color-accent);place-items:center;display:grid}.empty-state__title{font-size:var(--text-headline);color:var(--color-text-heading);font-weight:600}.empty-state__desc{font-size:var(--text-body);color:var(--color-text-muted);margin-top:var(--spacing-xs);max-width:340px}.empty-state__action{margin-top:var(--spacing-lg)}.empty-state__action a.btn{text-decoration:none}.file-upload{gap:var(--spacing-md);flex-direction:column;display:flex}.file-upload__type-select{font-size:14px;font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-heading);cursor:pointer;box-sizing:border-box;width:100%;padding:10px 14px}.file-upload__type-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-bg);outline:none}.file-upload__area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--color-bg)}.file-upload__area:hover:not(.file-upload__area--disabled),.file-upload__area--active{border-color:var(--color-accent);background:var(--color-accent-bg)}.file-upload__area--disabled{opacity:.5;cursor:not-allowed}.file-upload__input{display:none}.file-upload__icon{margin-bottom:var(--spacing-sm);font-size:36px}.file-upload__text{color:var(--color-text);font-size:14px;font-weight:500}.file-upload__hint{color:var(--color-text-muted);margin-top:4px;font-size:12px}.filter-bar{gap:var(--spacing-sm);margin-inline:calc(var(--spacing-md) * -1);padding:4px var(--spacing-md);scrollbar-width:none;display:flex;overflow-x:auto}.filter-bar::-webkit-scrollbar{display:none}.filter-bar__pill{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);min-height:40px;font-size:var(--text-body);color:var(--color-text-heading);box-shadow:var(--shadow-xs);transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);flex-shrink:0;align-items:center;gap:8px;padding:0 16px;font-weight:500;text-decoration:none;display:inline-flex}.filter-bar__pill:hover{border-color:var(--color-accent-border);background:var(--color-accent-bg)}.filter-bar__dot{border-radius:var(--radius-full);background:var(--tone);width:8px;height:8px}.filter-bar__pill--active,.filter-bar__pill--active:hover{border-color:var(--color-accent);background:var(--color-accent);color:#fff}[data-theme=dark] .filter-bar__pill--active,[data-theme=dark] .filter-bar__pill--active:hover{color:#04112b}.filter-bar__pill--active .filter-bar__dot{background:currentColor}.filter-bar__count{border-radius:var(--radius-full);background:var(--color-fill);min-width:22px;font-size:var(--text-caption);font-variant-numeric:tabular-nums;text-align:center;color:var(--color-text-muted);padding:0 6px;font-weight:600;line-height:20px}.filter-bar__pill--active .filter-bar__count{color:inherit;background:#ffffff3d}@media (pointer:coarse){.filter-bar__pill{min-height:44px}}.icon-chip{border-radius:var(--radius-md);background:var(--tone-bg);color:var(--tone);flex-shrink:0;place-items:center;display:grid}.icon-chip--sm{border-radius:10px;width:32px;height:32px}.icon-chip--md{width:42px;height:42px}.icon-chip--lg{border-radius:16px;width:52px;height:52px}.input-group{flex-direction:column;gap:6px;display:flex}.input-group__label{font-size:var(--text-footnote);color:var(--color-text-heading);font-weight:600}.input-group__wrapper{position:relative}.input-group__icon{color:var(--color-text-muted);font-size:16px;display:flex;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-group__field{width:100%;font-size:var(--text-body);font-family:var(--font-sans);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);color:var(--color-text-heading);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-sizing:border-box;padding:11px 14px}.input-group__field--with-icon{padding-left:40px}.input-group__field::placeholder{color:var(--color-text-muted)}.input-group__field:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-bg);outline:none}.input-group--error .input-group__field{border-color:var(--color-danger)}.input-group--error .input-group__field:focus{box-shadow:0 0 0 4px var(--color-danger-bg)}.input-group__error{font-size:var(--text-caption);color:var(--color-danger)}@media (width<=640px){.input-group__field{font-size:16px}}.list-card{margin:0;padding:0;list-style:none}.list-card>li+li .list-row{border-top:1px solid var(--color-separator)}.list-card>li:first-child .list-row{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.list-card>li:last-child .list-row{border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.list-row{align-items:center;gap:var(--spacing-md);min-height:68px;padding:12px var(--spacing-lg);color:var(--color-text);transition:background var(--transition-fast);text-decoration:none;display:flex}.list-row:hover{background:var(--color-accent-bg)}.list-row:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.list-row__main{flex:1;gap:2px;min-width:0;display:grid}.list-row__title{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.list-row__title--muted{color:var(--color-text-muted);font-weight:400}.list-row__meta{white-space:nowrap;font-size:var(--text-footnote);color:var(--color-text-muted);align-items:center;gap:6px;display:flex;overflow:hidden}.list-row__side{align-items:center;gap:var(--spacing-sm);font-size:var(--text-body);color:var(--color-accent);flex-shrink:0;font-weight:600;display:flex}.list-row__chevron{color:var(--color-text-muted);opacity:.55;transition:transform var(--transition-fast), opacity var(--transition-fast)}.list-row:hover .list-row__chevron{opacity:1;transform:translate(2px)}@media (width<=767px){.list-row{padding:12px var(--spacing-md);gap:12px}}@media (width<=479px){.list-row__chevron{display:none}}.notice{max-width:560px}.notice__title{font-size:var(--text-headline);margin:0}.notice__message{margin:var(--spacing-sm) 0 0;color:var(--color-text)}.notice__actions{margin-top:var(--spacing-md)}.pager{justify-content:center;align-items:center;gap:var(--spacing-md);display:flex}.search-field{align-items:center;display:flex;position:relative}.search-field__icon{color:var(--color-text-muted);pointer-events:none;position:absolute;left:14px}.search-field__input{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-card);width:100%;height:48px;color:var(--color-text-heading);font-size:var(--text-body);box-shadow:var(--shadow-xs);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:0 44px}.search-field__input::placeholder{color:var(--color-text-muted)}.search-field__input:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-bg);outline:none}.search-field__input::-webkit-search-cancel-button{display:none}.search-field__clear{border-radius:var(--radius-full);width:36px;height:36px;color:var(--color-text-muted);place-items:center;display:grid;position:absolute;right:6px}.search-field__clear:hover{background:var(--color-fill);color:var(--color-text-heading)}@media (width<=767px){.search-field__input{font-size:16px}}.segmented{border-radius:var(--radius-md);background:var(--color-fill);padding:2px;display:inline-flex}.segmented__option{border-radius:calc(var(--radius-md) - 2px);min-height:32px;font-size:var(--text-footnote);color:var(--color-text);transition:background var(--transition-fast), color var(--transition-fast);padding:0 12px;font-weight:500}.segmented__option[aria-pressed=true]{background:var(--color-bg-card);color:var(--color-text-heading);box-shadow:var(--shadow-xs)}[data-theme=dark] .segmented__option[aria-pressed=true]{background:var(--color-bg-elevated)}@media (pointer:coarse){.segmented__option{min-height:40px}}.stat-grid{gap:var(--spacing-md);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.stat-card{padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-bg-card);box-shadow:var(--shadow-sm);color:var(--color-text);transition:transform var(--transition-base), box-shadow var(--transition-base);gap:2px;text-decoration:none;display:grid;position:relative}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.stat-card__top{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.stat-card__arrow{color:var(--tone);opacity:.45;transition:opacity var(--transition-fast), transform var(--transition-fast)}.stat-card:hover .stat-card__arrow,.stat-card:focus-visible .stat-card__arrow{opacity:1;transform:translate(3px)}.stat-card__value{font-family:var(--font-heading);letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--color-text-heading);font-size:2.25rem;font-weight:700;line-height:1.1}.stat-card__label{font-size:var(--text-footnote);color:var(--color-text-muted);font-weight:500;line-height:1.35}.stat-card__bar{height:6px;margin-top:var(--spacing-md);border-radius:var(--radius-full);background:var(--tone-bg);display:block;overflow:hidden}.stat-card__bar-fill{border-radius:inherit;background:var(--tone);height:100%;transition:width var(--transition-slow);display:block}@media (width<=1023px){.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=479px){.stat-grid{gap:var(--spacing-sm)}.stat-card{padding:var(--spacing-md)}.stat-card__top{margin-bottom:var(--spacing-sm)}.stat-card__value{font-size:1.875rem}}.timeline{flex-direction:column;gap:0;display:flex}.timeline__step{gap:var(--spacing-md);min-height:64px;display:flex}.timeline__step:last-child{min-height:auto}.timeline__marker{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.timeline__dot{z-index:1;width:28px;height:28px;transition:all var(--transition-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.timeline__step--completed .timeline__dot{background:var(--color-success);color:#fff}.timeline__step--current .timeline__dot{background:var(--color-accent);color:#fff;box-shadow:0 0 0 4px var(--color-accent-bg)}.timeline__step--pending .timeline__dot{background:var(--color-border);color:var(--color-text-muted)}.timeline__pulse{background:#fff;border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-ring}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.timeline__line{background:var(--color-border);flex:1;width:2px;min-height:20px;margin:4px 0}.timeline__step--completed .timeline__line{background:var(--color-success)}.timeline__step--current .timeline__line{background:linear-gradient(to bottom, var(--color-accent), var(--color-border))}.timeline__content{padding-bottom:var(--spacing-lg);flex:1}.timeline__step:last-child .timeline__content{padding-bottom:0}.timeline__label{color:var(--color-text-heading);margin-top:4px;font-size:14px;font-weight:500}.timeline__step--pending .timeline__label{color:var(--color-text-muted)}.timeline__date{color:var(--color-text-muted);margin-top:2px;font-size:12px}.timeline__note{color:var(--color-text);background:var(--color-border-light);border-radius:var(--radius-md);margin-top:6px;padding:8px 12px;font-size:13px}.account-menu{flex-shrink:0;position:relative}.account-menu__trigger{border-radius:var(--radius-md);text-align:left;align-items:center;gap:12px;display:flex}.account-menu--avatar .account-menu__trigger{border-radius:var(--radius-full);justify-content:center;width:44px;height:44px}.account-menu--card .account-menu__trigger{background:var(--color-fill);width:100%;transition:background var(--transition-fast);padding:10px}.account-menu--card .account-menu__trigger:hover,.account-menu--card .account-menu__trigger[aria-expanded=true]{background:var(--color-fill-hover)}.account-menu__trigger:hover .avatar,.account-menu__trigger[aria-expanded=true] .avatar{background:var(--color-accent-bg);color:var(--color-accent)}.account-menu__summary{flex:1;min-width:0;line-height:1.3;display:grid}.account-menu__summary-name{color:var(--color-text-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.account-menu__summary-sub{font-size:var(--text-caption);color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-menu__summary-icon{color:var(--color-text-muted);flex-shrink:0}@media (width>=768px) and (width<=1023px){.account-menu--card .account-menu__trigger{background:0 0;justify-content:center;padding:6px}.account-menu--card .account-menu__summary{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.account-menu--card .account-menu__summary-icon{display:none}}.account-menu__panel{z-index:400;gap:var(--spacing-md);width:min(336px,100vw - 32px);padding:var(--spacing-md);background:var(--color-bg-elevated);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), 0 0 0 1px var(--material-edge);animation:account-menu-in .16s var(--ease);display:grid;position:absolute}.account-menu__panel--bottom-end{transform-origin:100% 0;top:calc(100% + 6px);right:0}.account-menu__panel--top-start{transform-origin:0 100%;bottom:calc(100% + 8px);left:0}@keyframes account-menu-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.account-menu__who{align-items:center;gap:var(--spacing-md);min-width:0;display:flex}.account-menu__who-text{min-width:0}.account-menu__name{color:var(--color-text-heading);overflow-wrap:anywhere;font-weight:600}.account-menu__muted{font-size:var(--text-footnote);color:var(--color-text-muted);overflow-wrap:anywhere;display:block}.account-menu__facts{gap:var(--spacing-sm);padding:var(--spacing-md) 0;border-block:1px solid var(--color-separator);margin:0;display:grid}.account-menu__facts dt{font-size:var(--text-caption);color:var(--color-text-muted)}.account-menu__facts dd{color:var(--color-text-heading);overflow-wrap:anywhere;margin:0}.account-menu__forwarder{align-items:center;gap:var(--spacing-sm);display:flex}.account-menu__logo{border-radius:var(--radius-sm);object-fit:contain;width:20px;height:20px}.account-menu__item{min-height:44px;margin-inline:calc(var(--spacing-sm) * -1);padding:0 var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-text-heading);text-align:left;transition:background var(--transition-fast);align-items:center;gap:12px;font-weight:500;text-decoration:none;display:flex}.account-menu__item:hover{background:var(--color-fill)}.account-menu__item--danger{color:var(--color-danger)}.account-menu__item--danger:hover{background:var(--color-danger-bg)}.account-menu__setting{justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.account-menu__setting-label{font-size:var(--text-footnote);color:var(--color-text-muted)}.brand{color:var(--color-text-heading);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand__mark{filter:drop-shadow(0 4px 8px #2563eb59);flex-shrink:0}.brand__text{line-height:1.15;display:grid}.brand__name{font-family:var(--font-heading);font-size:var(--text-headline);letter-spacing:-.02em;font-weight:700}.brand__sub{font-size:var(--text-caption);color:var(--color-text-muted)}.brand--compact .brand__text{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.sidebar{z-index:200;gap:var(--spacing-lg);width:var(--sidebar-width);height:100svh;padding:var(--spacing-lg) var(--spacing-md);background:var(--color-bg-card);border-right:1px solid var(--color-separator);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0}.sidebar .brand{padding:0 var(--spacing-sm)}.sidebar__nav{gap:4px;display:grid}.sidebar__link{min-height:48px;padding:0 var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-muted);transition:background var(--transition-fast), color var(--transition-fast);align-items:center;gap:14px;font-weight:500;text-decoration:none;display:flex}.sidebar__link:hover{background:var(--color-fill);color:var(--color-text-heading)}.sidebar__link.active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:600}.sidebar__account{margin-top:auto}@media (width<=1023px){.sidebar{width:var(--rail-width);padding-inline:var(--spacing-sm);align-items:center}.sidebar .brand{padding:0}.sidebar .brand__text,.sidebar__label{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.sidebar__cta{width:52px;padding:0}.sidebar__nav{width:100%}.sidebar__link{justify-content:center;padding:0}}@media (width<=767px){.sidebar{display:none}}.tabbar{display:none}@media (width<=767px){.tabbar{z-index:300;padding-bottom:env(safe-area-inset-bottom);background:var(--material-bar-solid);border-top:1px solid var(--material-edge);align-items:flex-end;display:flex;position:fixed;inset:auto 0 0;box-shadow:0 -6px 20px -10px #0f255740}.tabbar__link{height:var(--tabbar-height);color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.6875rem;font-weight:600;text-decoration:none;display:flex}.tabbar__link.active{color:var(--color-accent)}.tabbar__fab{width:58px;height:58px;margin:0 var(--spacing-sm) calc(var(--tabbar-height) - 40px);border-radius:var(--radius-full);background:var(--gradient-cta);box-shadow:var(--shadow-cta);color:#fff;transition:transform var(--transition-fast);flex-shrink:0;place-items:center;text-decoration:none;display:grid}.tabbar__fab:active{transform:scale(.94)}[data-theme=dark] .tabbar__fab{color:#04112b}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (width<=767px) and (prefers-reduced-transparency:no-preference){.tabbar{background:var(--material-bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px)}}}.shell{min-height:100svh;display:flex}.shell__skip{z-index:500;border-radius:var(--radius-full);background:var(--color-accent);color:#fff;padding:8px 16px;position:absolute;top:8px;left:8px;transform:translateY(-200%)}.shell__skip:focus{transform:none}.shell__body{flex-direction:column;flex:1;min-width:0;display:flex}.shell__main{width:100%;max-width:var(--content-width);padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-3xl);flex:1;margin:0 auto}.shell__main:focus{outline:none}.topbar{display:none}@media (width<=1023px){.shell__main{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-3xl)}}@media (width<=767px){.topbar{z-index:300;height:var(--topbar-height);padding:0 var(--spacing-md);background:var(--material-bar-solid);border-bottom:1px solid var(--material-edge);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar .brand__mark{width:30px;height:30px}.topbar .brand__sub{display:none}.shell__main{padding:var(--spacing-md) var(--spacing-md) calc(var(--tabbar-height) + env(safe-area-inset-bottom) + var(--spacing-xl))}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){@media (width<=767px) and (prefers-reduced-transparency:no-preference){.topbar{background:var(--material-bar);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px)}}}.page{gap:var(--spacing-xl);display:grid}.page--narrow{gap:var(--spacing-lg);max-width:680px}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.page-header__text{min-width:0}@media (width<=767px){.page-header__action--desktop{display:none}}.page-header__title{font-size:var(--text-large-title);overflow-wrap:anywhere;margin:0}.page-header__subtitle{margin:var(--spacing-xs) 0 0;max-width:560px;font-size:var(--text-headline);color:var(--color-text-muted);overflow-wrap:anywhere}.section{gap:var(--spacing-sm);display:grid}.section__head{justify-content:space-between;align-items:baseline;gap:var(--spacing-md);padding-inline:var(--spacing-xs);display:flex}.section__head h2{margin:0}.section__see-all{font-size:var(--text-body);color:var(--color-accent);text-decoration:none}.section__see-all:hover{text-decoration:underline}.hero{justify-content:space-between;align-items:flex-end;gap:var(--spacing-lg);padding:var(--spacing-xl);border-radius:var(--radius-xl);background:var(--gradient-hero);box-shadow:var(--shadow-lg);color:#fff;flex-wrap:wrap;display:flex;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:50%;position:absolute}.hero:before{background:radial-gradient(circle at 35% 35%,#ffffff42,#fff0 68%);width:340px;height:340px;top:-120px;right:-60px}.hero:after{background:radial-gradient(circle,#60a5fa59,#60a5fa00 70%);width:280px;height:280px;bottom:-140px;left:32%}.hero__body,.hero__actions{z-index:1;position:relative}.hero__body{gap:var(--spacing-sm);min-width:0;max-width:560px;display:grid}.hero__eyebrow{font-size:var(--text-footnote);color:#ffffffd9;overflow-wrap:anywhere;align-items:center;gap:8px;font-weight:600;display:flex}.hero__title{font-size:var(--text-hero);letter-spacing:-.03em;color:#fff;overflow-wrap:anywhere;margin:0;font-weight:800}.hero__message{font-size:var(--text-headline);color:#ffffffe6}.hero__actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}@media (width<=767px){.hero{padding:var(--spacing-lg) var(--spacing-md);border-radius:var(--radius-lg)}.hero__actions{width:100%}.hero__actions>*{flex:auto}}.company-facts{margin:0}.company-facts__row{gap:var(--spacing-xs) var(--spacing-lg);padding:var(--spacing-md) var(--spacing-lg);grid-template-columns:minmax(0,11rem) minmax(0,1fr);display:grid}.company-facts__row+.company-facts__row{border-top:1px solid var(--color-separator)}.company-facts__row dt{font-size:var(--text-body);color:var(--color-text-muted)}.company-facts__row dd{font-size:var(--text-body);color:var(--color-text-heading);overflow-wrap:anywhere;margin:0}.company-facts__secondary{font-size:var(--text-footnote);color:var(--color-text-muted);margin-top:2px;display:block}.company-facts__row dd.company-facts__empty{color:var(--color-text-muted)}@media (width<=640px){.company-facts__row{padding:var(--spacing-md);grid-template-columns:minmax(0,1fr)}}.change-password{gap:24px;max-width:480px;display:grid}.change-password__intro{color:var(--color-text-muted);margin:8px 0 0}.change-password__form{gap:16px;display:grid}.change-password__rules{color:var(--color-text-muted);gap:4px;margin:-4px 0 0;padding:0;font-size:13px;list-style:none;display:grid}.change-password__rule{align-items:center;gap:8px;display:flex}.change-password__rule--met{color:var(--color-success)}.change-password__form-error{border:1px solid var(--color-danger-border);background:var(--color-danger-bg);color:var(--color-danger);border-radius:8px;margin:0;padding:10px 12px;font-size:14px}.dashboard__columns{align-items:start;gap:var(--spacing-lg);grid-template-columns:minmax(0,3fr) minmax(0,2fr);grid-template-areas:"recent attention";display:grid}.dashboard__attention{grid-area:attention;min-width:0}.dashboard__recent{grid-area:recent;min-width:0}.dashboard__caught-up{align-items:center;gap:var(--spacing-md);color:var(--color-text);display:flex}@media (width<=1023px){.dashboard__columns{grid-template-columns:minmax(0,1fr);grid-template-areas:"attention""recent"}}.lots-toolbar{gap:var(--spacing-sm);display:grid}@media (width>=1024px){.lots-toolbar{align-items:center;gap:var(--spacing-md);grid-template-columns:minmax(260px,340px) minmax(0,1fr)}}.lot-form{gap:var(--spacing-md);display:grid}.lot-form__label{font-size:var(--text-footnote);color:var(--color-text-heading);margin-bottom:6px;font-weight:600;display:block}.lot-form__hint{color:var(--color-text-muted);margin:6px 0 0;font-size:13px}.lot-form__hint--error{color:var(--color-danger)}.lot-form__count{float:right}.lot-form__textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card);width:100%;min-height:96px;color:var(--color-text-heading);font:inherit;resize:vertical;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:11px 14px}.lot-form__textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 4px var(--color-accent-bg);outline:none}.lot-form__actions{justify-content:flex-end;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.lot-files{gap:var(--spacing-md);display:grid}.lot-files__title{margin:0;font-size:18px}.lot-files__drop{padding:var(--spacing-lg);border:2px dashed var(--color-accent-border);background:var(--color-accent-bg);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast);justify-items:center;gap:4px;display:grid;position:relative}.lot-files__drop:hover,.lot-files__drop--active{border-color:var(--color-accent);background:var(--color-accent-border)}.lot-files__drop:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.lot-files__drop--busy{opacity:.6;cursor:progress}.lot-files__input{opacity:0;width:1px;height:1px;position:absolute}.lot-files__drop-icon{background:var(--color-bg-card);width:52px;height:52px;color:var(--color-accent);box-shadow:var(--shadow-sm);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.lot-files__drop-text{color:var(--color-text-heading);font-weight:500}.lot-files__drop-hint{color:var(--color-text-muted);font-size:13px}.lot-files__progress{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);font-size:13px;display:flex}.lot-files__bar{border-radius:var(--radius-full);background:var(--color-border-light);flex:1;height:6px;overflow:hidden}.lot-files__bar-fill{background:var(--color-accent);height:100%;transition:width var(--transition-fast)}.lot-files__rejects{margin:6px 0 0;padding-left:18px}.lot-files__list{margin:0;padding:0;list-style:none}.lot-files__item{align-items:center;gap:var(--spacing-sm);padding:10px 0;display:flex}.lot-files__item+.lot-files__item{border-top:1px solid var(--color-border)}.lot-files__main{flex:1;gap:2px;min-width:0;display:grid}.lot-files__open{max-width:100%;font:inherit;color:var(--color-accent);text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border:0;justify-self:start;padding:0;font-weight:500;overflow:hidden}.lot-files__open:hover{text-decoration:underline}.lot-files__name{overflow-wrap:anywhere;font-weight:500}.lot-files__meta{color:var(--color-text-muted);font-size:13px}.lot-files__warning-head{justify-content:space-between;align-items:center;gap:var(--spacing-sm);display:flex}.lot__header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-bg-card);box-shadow:var(--shadow-sm);display:flex}.lot__heading{flex:160px;min-width:0}.lot__title{font-size:var(--text-large-title);overflow-wrap:break-word;margin:0}.lot__sub{font-size:var(--text-footnote);color:var(--color-text-muted);align-items:center;gap:6px;margin-top:2px;display:flex}.lot__layout{align-items:start;gap:var(--spacing-lg);grid-template-columns:minmax(0,2fr) minmax(0,3fr);display:grid}.lot__details{min-width:0}@media (width<=1023px){.lot__layout{grid-template-columns:minmax(0,1fr)}}@media (width<=479px){.lot__header{padding:var(--spacing-md);flex-wrap:wrap}.lot__title{font-size:1.375rem}}.lot__facts{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr);margin:0;display:grid}.lot__facts dt{color:var(--color-text-muted);font-size:13px}.lot__facts dd{color:var(--color-text-heading);margin:4px 0 0}.lot__note{margin-top:var(--spacing-lg)}.lot__note-title{color:var(--color-text-muted);margin:0 0 4px;font-size:13px;font-weight:400}.lot__note-text{color:var(--color-text-heading);white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.lot__note-text--empty{color:var(--color-text-muted)}.lot__actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);flex-direction:column-reverse;display:flex}