:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--canvas: #e7f2e8;--surface: #f8fbf8;--surface-strong: #ffffff;--soft-green: #b4d1b8;--mid-green: #6f9f7b;--deep-green: #376b4c;--ink-green: #173e2b;--text: #173e2b;--text-muted: #4b6657;--border: #b4d1b8;--warning-bg: #fff5df;--warning-text: #6d4b0f;--error-bg: #fff0ed;--error-text: #8c2f24;--focus: #245c3d;--radius-card: 12px;--radius-control: 8px}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--canvas)}body{min-width:320px;min-height:100vh;margin:0;background:var(--canvas);color:var(--text);font-size:16px;line-height:1.5}button,input{font:inherit}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 14px;border-radius:var(--radius-control);background:var(--ink-green);color:var(--surface-strong);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 18px;border:1px solid transparent;border-radius:var(--radius-control);font-weight:700;text-decoration:none;cursor:pointer;transition:transform .15s ease,background-color .15s ease,border-color .15s ease}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0) scale(.98)}.button:disabled{opacity:.58;cursor:not-allowed;transform:none}.button>span{display:inline-flex;align-items:center;justify-content:center;gap:8px}.button--primary{background:var(--deep-green);color:var(--surface-strong)}.button--primary:hover{background:var(--ink-green)}.button--secondary{border-color:var(--deep-green);background:var(--surface-strong);color:var(--ink-green)}.button--ghost{background:transparent;color:var(--ink-green)}.button--ghost:hover{background:var(--canvas)}.button--full{width:100%}.button__spinner,.app-loading svg{animation:spin .9s linear infinite}.section-label{margin:0 0 8px;color:var(--deep-green);font-size:14px;font-weight:800;letter-spacing:.06em}.auth-page{min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr)}.auth-story{min-height:100dvh;display:flex;flex-direction:column;padding:40px clamp(32px,6vw,88px);background:var(--ink-green);color:var(--surface-strong)}.auth-logo{width:148px;height:auto;padding:8px 10px;border-radius:var(--radius-control);background:var(--surface-strong)}.auth-story__content{max-width:610px;margin:auto 0}.auth-story .section-label{color:var(--soft-green)}.auth-story h1{max-width:12ch;margin:0;font-size:clamp(40px,5vw,68px);line-height:1.12;letter-spacing:-.035em}.auth-story__content>p:not(.section-label){max-width:48ch;margin:24px 0 0;color:#d8e8da;font-size:18px;line-height:1.7}.auth-features{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px}.auth-features div{display:inline-flex;align-items:center;gap:8px;color:#e7f2e8;font-weight:700}.auth-story__footer{margin:24px 0 0;color:var(--soft-green);font-size:14px}.auth-panel{min-height:100dvh;display:grid;place-items:center;padding:32px;background:var(--surface)}.auth-form-wrap{width:min(100%,430px)}.auth-form-wrap h2{margin:0;color:var(--ink-green);font-size:clamp(30px,3vw,40px);line-height:1.2;letter-spacing:-.02em}.auth-intro,.auth-success>p:last-child{margin:14px 0 0;color:var(--text-muted);line-height:1.65}.form-stack{display:grid;gap:20px;margin-top:28px}.field{display:grid;gap:8px}.field__label-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.field__label{color:var(--ink-green);font-size:14px;font-weight:800}.field-action{color:var(--deep-green);font-size:14px;font-weight:700}.field input{width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--text)}.field input::placeholder{color:#6d8175}.field input:focus{border-color:var(--deep-green);outline:3px solid rgba(55,107,76,.18)}.field__hint{margin:0;color:var(--text-muted);font-size:14px}.inline-alert{padding:12px 14px;border-radius:var(--radius-control);background:var(--error-bg);color:var(--error-text);font-size:14px;font-weight:650}.auth-help{margin:20px 0 0;color:var(--text-muted);font-size:14px}.auth-footer{margin-top:28px;padding-top:20px;border-top:1px solid var(--border)}.auth-back-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:0;background:transparent;color:var(--deep-green);font-weight:750;text-decoration:none;cursor:pointer}.auth-action-icon,.state-card__icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:20px;border-radius:var(--radius-card);background:var(--canvas);color:var(--deep-green)}.auth-action-icon--warning,.state-card__icon--warning{background:var(--warning-bg);color:var(--warning-text)}.auth-account{display:flex;align-items:center;gap:10px;margin-top:20px;padding:12px 14px;border-radius:var(--radius-control);background:var(--canvas);color:var(--ink-green);font-weight:700}.center-page{min-height:100dvh;display:grid;place-items:center;padding:24px}.state-card{width:min(100%,620px);padding:clamp(24px,5vw,48px);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong)}.state-card h1{margin:0;font-size:clamp(28px,4vw,40px);line-height:1.2}.state-card>p:not(.section-label){color:var(--text-muted);line-height:1.65}.code-sample{display:grid;grid-template-columns:auto 1fr;gap:8px 12px;margin-top:24px;padding:16px;border-radius:var(--radius-control);background:var(--canvas);color:var(--ink-green);overflow-wrap:anywhere}.code-sample svg{grid-row:1 / span 2}.app-loading{display:flex;align-items:center;gap:12px;color:var(--ink-green);font-weight:750}.portal-header{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:#f8fbf8f5}.portal-header__inner{width:min(100%,1440px);min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:12px 32px}.portal-brand{min-width:0;display:flex;align-items:center;gap:12px;text-decoration:none}.portal-brand__logo{width:48px;height:48px;flex:0 0 auto;display:grid;place-items:center;overflow:hidden;border-radius:var(--radius-control);background:var(--surface-strong)}.portal-brand__logo img{width:100%;height:100%;object-fit:contain}.portal-brand__text{min-width:0;display:grid;line-height:1.2}.portal-brand__text strong{white-space:nowrap}.portal-brand__text small{margin-top:4px;color:var(--text-muted)}.portal-header__actions{display:flex;align-items:center;gap:14px}.home-link{min-height:44px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border-radius:var(--radius-control);color:var(--ink-green);font-weight:750;text-decoration:none}.home-link:hover{background:var(--canvas)}.account-summary{display:flex;align-items:center;gap:10px;padding-left:14px;border-left:1px solid var(--border)}.account-summary__name{max-width:180px;overflow:hidden;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.role-badge,.module-status{display:inline-flex;align-items:center;min-height:28px;padding:3px 9px;border-radius:var(--radius-control);font-size:14px;font-weight:800;white-space:nowrap}.role-badge{background:var(--soft-green);color:var(--ink-green)}.portal-main{width:min(100%,1440px);margin:0 auto;padding:48px 32px 56px}.portal-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:32px}.portal-intro h1{max-width:20ch;margin:0;font-size:clamp(34px,4vw,52px);line-height:1.15;letter-spacing:-.028em}.portal-intro>div:first-child>p:last-child{max-width:64ch;margin:14px 0 0;color:var(--text-muted);font-size:17px}.portal-intro__summary{flex:0 0 auto;display:grid;justify-items:end;line-height:1.1}.portal-intro__summary strong{font-size:44px;letter-spacing:-.04em}.portal-intro__summary span{margin-top:5px;color:var(--text-muted);font-size:14px;font-weight:750}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.module-card{min-height:300px;display:flex;flex-direction:column;padding:22px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong);color:var(--text);text-decoration:none;transition:transform .16s ease,border-color .16s ease,background-color .16s ease}.module-card:hover{border-color:var(--mid-green);background:var(--surface);transform:translateY(-2px)}.module-card:active{transform:scale(.99)}.module-card__topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.module-card__number{color:var(--mid-green);font-size:14px;font-variant-numeric:tabular-nums;font-weight:800}.module-status--template{background:var(--canvas);color:var(--deep-green)}.module-status--new{background:var(--soft-green);color:var(--ink-green)}.module-card__icon{width:54px;height:54px;display:grid;place-items:center;margin-top:34px;border-radius:var(--radius-card);background:var(--canvas);color:var(--deep-green)}.module-card__content{margin-top:22px}.module-card h2{margin:0;font-size:21px;line-height:1.28;letter-spacing:-.012em}.module-card p{margin:10px 0 0;color:var(--text-muted);font-size:15px;line-height:1.6}.module-card__action{display:inline-flex;align-items:center;gap:6px;margin-top:auto;padding-top:24px;color:var(--deep-green);font-size:14px;font-weight:800}.portal-note{margin:20px 0 0;color:var(--text-muted);font-size:14px}.module-page{max-width:980px}.back-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:28px;color:var(--deep-green);font-weight:800;text-decoration:none}.module-overview{padding:clamp(26px,5vw,52px);border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong)}.module-overview__icon{width:64px;height:64px;display:grid;place-items:center;margin-bottom:20px;border-radius:var(--radius-card);background:var(--canvas);color:var(--deep-green)}.module-overview h1{margin:18px 0 0;font-size:clamp(34px,5vw,52px);line-height:1.15;letter-spacing:-.025em}.module-overview>p{max-width:62ch;margin:14px 0 0;color:var(--text-muted);font-size:17px}.module-notice{display:flex;gap:14px;margin-top:34px;padding:18px;border-radius:var(--radius-card);background:var(--canvas)}.module-notice>svg{flex:0 0 auto;margin-top:2px;color:var(--deep-green)}.module-notice strong{display:block}.module-notice p{margin:5px 0 0;color:var(--text-muted);font-size:15px}.system-banner,.offline-banner{position:fixed;right:20px;bottom:20px;z-index:40;border-radius:var(--radius-card);color:var(--surface-strong)}.system-banner{width:min(calc(100vw - 40px),520px);display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:14px;background:var(--ink-green)}.system-banner strong,.system-banner p{display:block;margin:0}.system-banner p{color:#d8e8da;font-size:14px}.system-banner__action,.system-banner__close{min-height:40px;border:0;border-radius:var(--radius-control);cursor:pointer}.system-banner__action{padding:0 14px;background:var(--surface-strong);color:var(--ink-green);font-weight:800}.system-banner__close{width:40px;display:grid;place-items:center;background:transparent;color:var(--surface-strong)}.offline-banner{display:flex;align-items:center;gap:9px;max-width:min(calc(100vw - 40px),560px);padding:12px 14px;background:var(--ink-green);font-size:14px}@media(max-width:1100px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-summary__name,.home-link span{display:none}}@media(max-width:820px){.auth-page{grid-template-columns:1fr}.auth-story{min-height:auto;padding:28px 24px 34px}.auth-story__content{margin:50px 0 20px}.auth-story h1{max-width:15ch;font-size:clamp(34px,9vw,48px)}.auth-story__footer{display:none}.auth-panel{min-height:auto;padding:48px 24px}.portal-brand__text small,.role-badge{display:none}.portal-header__inner{padding:10px 20px}.portal-main{padding:36px 20px 48px}}@media(max-width:620px){.portal-header__inner{min-height:68px;gap:12px}.portal-brand__logo{width:44px;height:44px}.portal-brand__text strong{max-width:170px;overflow:hidden;text-overflow:ellipsis}.home-link,.account-summary{display:none}.portal-header__actions{margin-left:auto}.portal-header .button{min-width:44px;padding:0 12px}.portal-header .button span{font-size:0;gap:0}.portal-header .button svg{width:19px;height:19px}.portal-intro{align-items:start}.portal-intro__summary{display:none}.module-grid{grid-template-columns:1fr}.module-card{min-height:272px}.system-banner{grid-template-columns:auto 1fr auto}.system-banner__action{grid-column:2 / 4}}:root{--background: var(--canvas);--surface-subtle: #f3f8f3;--text-soft: var(--text-muted);--text-faint: #708478;--primary: var(--deep-green);--primary-hover: var(--ink-green);--primary-soft: #e3efe5;--border-strong: var(--mid-green);--danger: var(--error-text);--danger-soft: var(--error-bg);--warning: var(--warning-text);--warning-soft: var(--warning-bg);--info-soft: #edf4f7;--radius: var(--radius-control);--sidebar-width: 248px}.warehouse-hr-module input,.warehouse-hr-module select,.warehouse-hr-module textarea{width:100%;min-height:44px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--text);padding:10px 12px;transition:border-color .16s ease,box-shadow .16s ease}.warehouse-hr-module textarea{resize:vertical}.warehouse-hr-module input:hover,.warehouse-hr-module select:hover,.warehouse-hr-module textarea:hover{border-color:var(--border-strong)}.warehouse-hr-module input:focus,.warehouse-hr-module select:focus,.warehouse-hr-module textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);outline:none}.warehouse-hr-module{min-height:calc(100vh - 73px);background:var(--canvas)}.module-nav-bar{position:sticky;top:73px;z-index:25;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface-strong) 96%,transparent)}.module-nav-bar__inner{width:min(1480px,100%);min-height:66px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin:0 auto;padding:8px clamp(24px,4vw,58px)}.module-nav-bar__title{display:flex;flex-direction:column;color:var(--ink-green);text-decoration:none;white-space:nowrap}.module-nav-bar__title span{font-weight:800}.module-nav-bar__title small{color:var(--text-muted);font-size:12px}.module-nav{display:flex;align-items:center;justify-content:center;gap:4px}.module-nav__item{min-height:44px;display:inline-flex;align-items:center;gap:8px;border-radius:var(--radius-control);padding:8px 12px;color:var(--text-muted);font-size:14px;font-weight:700;text-decoration:none}.module-nav__item:hover{background:var(--canvas);color:var(--ink-green)}.module-nav__item.is-active{background:var(--soft-green);color:var(--ink-green)}.realtime-status{display:inline-flex;align-items:center;gap:7px;border-radius:var(--radius-control);background:var(--canvas);padding:8px 10px;color:var(--text-muted);font-size:12px;font-weight:700;white-space:nowrap}.realtime-status--connected{background:var(--primary-soft);color:var(--deep-green)}.realtime-status--connecting svg{animation:pulse 1.2s ease-in-out infinite}.warehouse-hr-content{min-height:calc(100vh - 139px)}.hr-overview-header{min-height:108px}.hr-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.hr-service-card{min-height:430px;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong);padding:clamp(24px,3vw,36px)}.hr-service-card--active{border-color:var(--mid-green)}.hr-service-card__icon,.payment-status-panel__icon{width:52px;height:52px;display:grid;place-items:center;margin-bottom:24px;border-radius:var(--radius-control);background:var(--primary-soft);color:var(--deep-green)}.hr-service-card h2{margin:18px 0 8px;color:var(--ink-green);font-size:24px}.hr-service-card>p{max-width:58ch;color:var(--text-muted)}.hr-service-card ul{display:grid;gap:8px;margin:4px 0 28px;padding-left:20px;color:var(--text-muted)}.hr-service-card .button{margin-top:auto}.hr-service-card__notice{display:flex;align-items:flex-start;gap:10px;margin:8px 0 28px;border-radius:var(--radius-control);background:var(--warning-bg);padding:13px 14px;color:var(--warning-text)}.hr-service-card__notice svg{flex:0 0 auto;margin-top:2px}.payment-status-page .back-link{margin-bottom:24px}.payment-status-panel{max-width:760px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong);padding:clamp(28px,5vw,52px)}.payment-status-panel>p:not(.eyebrow){max-width:64ch;color:var(--text-muted);line-height:1.7}.payment-status-panel__rule{display:flex;align-items:flex-start;gap:12px;margin-top:28px;border-radius:var(--radius-control);background:var(--primary-soft);padding:16px;color:var(--deep-green)}.payment-status-panel__rule svg{flex:0 0 auto}.payment-status-panel__rule strong,.payment-status-panel__rule span{display:block}.payment-status-panel__rule span{margin-top:4px;color:var(--text-muted)}@media(max-width:980px){.module-nav-bar__inner{grid-template-columns:1fr auto}.module-nav{grid-column:1 / -1;grid-row:2;justify-content:flex-start;overflow-x:auto;padding-bottom:2px}.module-nav__item{flex:0 0 auto}}@media(max-width:720px){.warehouse-hr-module{min-height:calc(100vh - 69px)}.module-nav-bar{top:69px}.module-nav-bar__inner{gap:8px 16px;padding:8px 16px}.module-nav__item span{font-size:13px}.realtime-status span{display:none}.hr-service-grid{grid-template-columns:1fr}.hr-service-card{min-height:390px}}.form-stack{display:flex;flex-direction:column;gap:22px}.form-grid{display:grid;gap:18px}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.field{display:flex;min-width:0;flex-direction:column;gap:7px}.field__label-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.field__label{font-size:.9rem;font-weight:700}.field__optional{color:var(--text-faint);font-weight:500}.field__hint,.field__error{margin:0;font-size:.82rem}.field__hint{color:var(--text-faint)}.field__error{color:var(--danger)}.inline-alert,.inline-notice{border-radius:var(--radius);padding:12px 14px;font-size:.9rem}.inline-alert{border:1px solid color-mix(in srgb,var(--danger) 25%,transparent);background:var(--danger-soft);color:var(--danger)}.inline-notice{background:var(--warning-soft);color:var(--warning)}.switch-row{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--border);border-radius:var(--radius);padding:14px;cursor:pointer}.switch-row input{width:19px;min-height:19px;margin:2px 0 0;accent-color:var(--primary)}.switch-row span{display:flex;flex-direction:column;gap:2px}.switch-row small{color:var(--text-soft)}.rate-effective-panel{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(180px,.75fr);align-items:end;gap:18px;border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));border-radius:var(--radius);background:var(--warning-soft);padding:15px}.rate-effective-panel__heading{display:flex;align-items:flex-start;gap:11px}.rate-effective-panel__heading>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius);background:color-mix(in srgb,var(--warning) 12%,var(--surface));color:var(--warning)}.rate-effective-panel__heading strong,.rate-effective-panel__heading small{display:block}.rate-effective-panel__heading small{margin-top:3px;color:color-mix(in srgb,var(--warning) 78%,var(--text));line-height:1.5}.form-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:4px}.form-actions p{margin:0;color:var(--text-faint);font-size:.84rem}.payment-type-fieldset{min-width:0;margin:0;border:0;padding:0}.payment-type-fieldset legend{margin-bottom:8px;font-size:.9rem;font-weight:700}.payment-type-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-type-option{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:14px;cursor:pointer}.payment-type-option:hover{border-color:var(--border-strong);background:var(--surface-subtle)}.payment-type-option.is-selected{border-color:var(--primary);background:var(--primary-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--primary) 10%,transparent)}.payment-type-option--fixed.is-selected{border-color:var(--warning);background:var(--warning-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--warning) 10%,transparent)}.payment-type-option input{position:absolute;width:1px;min-height:1px;opacity:0;pointer-events:none}.payment-type-option__icon{width:36px;height:36px;display:grid;place-items:center;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary)}.payment-type-option--fixed .payment-type-option__icon{background:color-mix(in srgb,var(--warning) 13%,var(--surface));color:var(--warning)}.payment-type-option strong,.payment-type-option small{display:block}.payment-type-option small{margin-top:3px;color:var(--text-soft);line-height:1.45}.fixed-payment-note{min-height:76px;display:flex;align-items:center;gap:11px;border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));border-radius:var(--radius);background:var(--warning-soft);color:var(--warning);padding:13px 14px}.fixed-payment-note strong,.fixed-payment-note small{display:block}.fixed-payment-note small{margin-top:2px;color:color-mix(in srgb,var(--warning) 72%,var(--text))}.fixed-amount-entry{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:13px;border:1px solid color-mix(in srgb,var(--warning) 25%,var(--border));border-radius:var(--radius);background:var(--warning-soft);padding:15px}.fixed-amount-entry__icon{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius);background:var(--surface);color:var(--warning)}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:var(--sidebar-width);display:flex;flex-direction:column;border-right:1px solid var(--border);background:var(--surface);padding:24px 16px 18px}.brand-block{display:flex;align-items:flex-start;flex-direction:column;gap:7px;padding:2px 8px 28px}.brand-logo--sidebar{width:176px}.brand-block span{color:var(--text-faint);font-size:.72rem;font-weight:700;letter-spacing:.08em}.sidebar__nav{display:flex;flex:1;flex-direction:column;gap:5px}.nav-item{display:flex;min-height:44px;align-items:center;gap:11px;border-radius:var(--radius);padding:10px 12px;color:var(--text-soft);font-weight:650;text-decoration:none}.nav-item:hover{background:var(--background);color:var(--text)}.nav-item.is-active{background:var(--primary-soft);color:var(--primary)}.sidebar__footer{display:flex;flex-direction:column;gap:12px}.realtime-pill{display:flex;align-items:center;gap:8px;border-radius:var(--radius);background:var(--background);padding:9px 10px;color:var(--text-soft);font-size:.78rem}.realtime-pill--connected{background:var(--primary-soft);color:var(--primary)}.realtime-pill--connecting svg{animation:pulse 1.2s ease-in-out infinite}.profile-summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border-top:1px solid var(--border);padding:16px 4px 0}.profile-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--text);color:var(--surface);font-weight:750}.profile-summary strong{display:block;max-width:120px;overflow:hidden;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.profile-summary span{display:block;color:var(--text-faint);font-size:.75rem}.main-content{min-height:100vh;margin-left:var(--sidebar-width)}.mobile-nav{display:none}.page-container{width:min(1480px,100%);margin:0 auto;padding:38px clamp(24px,4vw,58px) 64px}.page-header{min-height:122px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.page-header>div:first-child{max-width:720px}.page-header>div>p:last-child{margin-bottom:0;color:var(--text-soft)}.page-header__action{padding-top:22px}.surface{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:clamp(18px,2.5vw,28px)}.entry-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:24px}.entry-form-surface{padding:clamp(24px,3vw,38px)}.section-heading{border-top:1px solid var(--border);padding-top:22px}.section-heading:first-child{border-top:0;padding-top:0}.section-heading>div{display:flex;align-items:flex-start;gap:13px}.section-heading>div>span{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--primary-soft);color:var(--primary);font-size:.78rem;font-weight:800}.section-heading h2{margin:2px 0 3px}.section-heading p{margin:0;color:var(--text-faint);font-size:.85rem}.entry-summary{position:sticky;top:24px;border-radius:12px;background:#1f322d;color:#f4f5f0;padding:25px}.entry-summary__header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid hsl(160 12% 28%);padding-bottom:18px}.entry-summary__header .eyebrow{margin:0;color:#9fd1c0}.status-dot{width:9px;height:9px;border-radius:50%;background:#e4a944}.status-dot--success{background:#60c7a2}.entry-summary dl{margin:8px 0 22px}.entry-summary dl div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid hsl(160 12% 25%);padding:14px 0}.entry-summary dt{display:flex;align-items:center;gap:8px;color:#a5b6b0}.entry-summary dd{margin:0;font-weight:700;text-align:right}.entry-summary__total{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.entry-summary__total span{color:#abbab5}.entry-summary__total strong{font-size:1.8rem;letter-spacing:-.03em}.preview-note{margin:15px 0 0;color:#aec2bb;font-size:.8rem}.preview-note--warning{color:#ebc37a}.tabs{display:flex;gap:4px;margin-bottom:14px}.tabs button{min-height:42px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:var(--radius);background:transparent;color:var(--text-soft);padding:8px 13px;font-weight:700;cursor:pointer}.tabs button:hover{background:color-mix(in srgb,var(--surface) 65%,transparent);color:var(--text)}.tabs button.is-active{background:var(--surface);color:var(--primary)}.toolbar,.search-and-summary{display:flex;align-items:center;gap:12px;margin-bottom:22px}.toolbar{flex-wrap:wrap}.toolbar>select{width:auto;min-width:155px}.search-field{min-width:260px;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:0 11px;color:var(--text-faint)}.search-field:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent)}.search-field input{min-height:42px;border:0;box-shadow:none;padding-left:0}.search-field input:focus{box-shadow:none}.data-table-wrap{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{border-bottom:1px solid var(--border-strong);padding:11px 12px;color:var(--text-faint);font-size:.76rem;font-weight:750;letter-spacing:.04em;text-align:left;text-transform:uppercase;white-space:nowrap}.data-table td{border-bottom:1px solid var(--border);padding:13px 12px;vertical-align:middle}.data-table tbody tr:hover{background:var(--surface-subtle)}.data-table tr:last-child td{border-bottom:0}.data-table .numeric,.row-actions{text-align:right;white-space:nowrap}.primary-cell{display:flex;align-items:center;gap:10px}.primary-cell strong,.primary-cell small,.cell-subtitle{display:block}.primary-cell small,.cell-subtitle{color:var(--text-faint);font-size:.78rem}.avatar-small,.location-icon{display:grid;place-items:center;flex:0 0 auto;border-radius:var(--radius);background:var(--primary-soft);color:var(--primary)}.avatar-small{width:34px;height:34px}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:4px 9px;font-size:.76rem;font-weight:750;white-space:nowrap}.badge--success,.badge--insert{background:var(--primary-soft);color:var(--primary)}.badge--muted{background:var(--background);color:var(--text-soft)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--info{background:var(--info-soft);color:#206297}.badge--hourly{background:var(--primary-soft);color:var(--primary)}.badge--fixed{background:var(--warning-soft);color:#8b510e}.badge--inline{display:table;margin-top:6px}.payment-display{display:flex;align-items:center;gap:9px}.employee-row--fixed td,.time-entry-row--fixed td{background:color-mix(in srgb,var(--warning-soft) 58%,var(--surface))}.employee-row--fixed:hover td,.time-entry-row--fixed:hover td{background:color-mix(in srgb,var(--warning-soft) 78%,var(--surface))}.location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.location-card{min-height:190px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);padding:18px}.location-card header{display:flex;align-items:center;justify-content:space-between}.location-icon{width:40px;height:40px}.location-card h3{margin:24px 0 4px;font-size:1.08rem}.location-card p{color:var(--text-soft)}.location-card .button{align-self:flex-start;margin-top:auto}.manager-list{display:flex;flex-direction:column;gap:14px}.manager-card{border:1px solid var(--border);border-radius:var(--radius);padding:18px}.manager-card>header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px}.manager-card h3{margin:0 0 2px}.manager-card header p{margin:0;color:var(--text-soft);font-size:.84rem}.assignment-area,.admin-access-note{margin:16px 0;border-radius:var(--radius);background:var(--surface-subtle);padding:14px}.admin-access-note{display:flex;align-items:center;gap:9px;color:var(--primary)}.assignment-tags{display:flex;flex-wrap:wrap;gap:8px}.assignment-tag{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);border-radius:999px;background:var(--surface);padding:6px 8px 6px 10px;font-size:.84rem}.assignment-tag button{width:24px;height:24px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--text-faint);cursor:pointer}.assignment-tag button:hover{background:var(--danger-soft);color:var(--danger)}.assignment-add{display:flex;gap:8px;margin-top:12px}.assignment-add select{max-width:310px}.manager-card>footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid var(--border);padding-top:14px}.manager-card>footer>div:first-child{display:flex;align-items:center;gap:8px;color:var(--text-faint);font-size:.82rem}.filters-grid{display:grid;grid-template-columns:repeat(5,minmax(130px,1fr));gap:12px;margin-bottom:16px}.filters-grid--history{grid-template-columns:repeat(5,minmax(120px,1fr))}.filters-grid label{display:flex;flex-direction:column;gap:6px}.filters-grid label>span{color:var(--text-soft);font-size:.8rem;font-weight:700}.search-and-summary{justify-content:space-between;border-top:1px solid var(--border);padding-top:18px}.table-summary{display:flex;align-items:center;gap:16px;font-variant-numeric:tabular-nums}.table-summary span{color:var(--text-soft)}.table-summary strong{color:var(--primary);font-size:1.05rem}.date-cell{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}.is-void{color:var(--text-faint)}.is-void td:not(.row-actions){text-decoration-color:color-mix(in srgb,var(--text-faint) 40%,transparent)}.edit-preview{display:flex;justify-content:flex-end;gap:22px;border-radius:var(--radius);background:var(--background);padding:12px 14px}.edit-preview span{display:inline-flex;align-items:center;gap:6px}.edit-preview--fixed{background:var(--warning-soft)}.preview-notes{max-width:180px;overflow-wrap:anywhere;white-space:pre-wrap}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--border);padding-top:20px}.modal-actions--split{justify-content:space-between}.modal-actions--split>div{display:flex;gap:10px}.history-search{margin:0 0 20px auto}.history-list{display:flex;flex-direction:column}.history-item{border-top:1px solid var(--border)}.history-item:first-child{border-top:0}.history-item>summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:13px;padding:16px 4px;cursor:pointer;list-style:none}.history-item>summary::-webkit-details-marker{display:none}.history-item>summary:hover{background:var(--surface-subtle)}.history-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:var(--radius);background:var(--info-soft);color:#206297}.history-icon--insert{background:var(--primary-soft);color:var(--primary)}.history-icon--void{background:var(--danger-soft);color:var(--danger)}.history-main>span{display:flex;align-items:center;gap:8px}.history-main small,.history-meta small{display:block;color:var(--text-faint)}.history-meta{text-align:right}.history-meta strong{font-size:.85rem}.history-chevron{color:var(--text-faint);transition:transform .18s ease}.history-item[open] .history-chevron{transform:rotate(180deg)}.history-detail{margin:0 4px 18px 52px;border-radius:var(--radius);background:var(--background);padding:16px}.change-header,.change-row{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(150px,1fr) 24px minmax(150px,1fr);gap:10px;align-items:start}.change-header{padding:0 8px 8px;color:var(--text-faint);font-size:.76rem}.change-row{border-top:1px solid var(--border);padding:10px 8px;font-size:.85rem;word-break:break-word}.change-row>span:nth-child(2){color:var(--danger)}.change-row>span:nth-child(4){color:var(--primary)}.raw-history{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.raw-history details{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:10px}.raw-history summary{cursor:pointer;color:var(--text-soft);font-size:.82rem}.raw-history pre{max-height:280px;overflow:auto;margin:10px 0 0;white-space:pre-wrap;font-size:.76rem}.state{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-soft);padding:34px;text-align:center}.state svg{color:var(--text-faint)}.state h3{margin:13px 0 5px;color:var(--text)}.state p{max-width:50ch;margin-bottom:17px}.state--error{min-height:180px;flex-direction:row;gap:15px;justify-content:flex-start;background:var(--danger-soft);color:var(--danger);text-align:left}.state--error h3{color:var(--danger)}.loading-list{display:flex;flex-direction:column;gap:10px}.loading-row{height:58px;border-radius:var(--radius);background:linear-gradient(90deg,var(--background),var(--surface-subtle),var(--background));background-size:220% 100%;animation:shimmer 1.4s ease infinite}.modal-open{overflow:hidden}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#161d1b80;padding:20px}.modal{width:min(580px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:12px;background:var(--surface)}.modal--wide{width:min(880px,100%)}.modal__header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:var(--surface);padding:20px 22px}.modal__header h2{margin-bottom:4px}.modal__header p{margin:0;color:var(--text-soft);font-size:.85rem}.modal__body{padding:22px}.icon-button{flex:0 0 44px;width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);color:var(--text);cursor:pointer}.icon-button:hover{border-color:var(--mid-green);background:var(--primary-soft);color:var(--deep-green)}.toast-region{position:fixed;right:18px;bottom:18px;z-index:150;display:flex;width:min(380px,calc(100vw - 36px));flex-direction:column;gap:8px}.toast{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:1px solid hsl(164 20% 31%);border-radius:var(--radius);background:#1f332d;color:#fff;padding:12px 13px;box-shadow:0 12px 30px #0f1a172e}.toast>svg{color:#80d1b5}.toast button{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#b0bfba;cursor:pointer}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media(max-width:1100px){.entry-layout{grid-template-columns:minmax(0,1fr) 290px}.filters-grid,.filters-grid--history{grid-template-columns:repeat(3,minmax(140px,1fr))}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){:root{--sidebar-width: 210px}.entry-layout{grid-template-columns:1fr}.entry-summary{position:static}.login-page{grid-template-columns:1fr}.login-story{min-height:auto;padding:28px}.login-story__content{padding:58px 0 40px}.login-story__content h1{font-size:2.65rem}.login-story__footer{display:none}.login-panel{padding:50px 24px}}@media(max-width:720px){body{font-size:14px}.sidebar{display:none}.main-content{margin-left:0;padding-bottom:74px}.mobile-nav{position:fixed;inset:auto 0 0;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--border);background:var(--surface);padding:6px max(5px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}.mobile-nav__item{min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;border-radius:var(--radius);color:var(--text-faint);font-size:.7rem;font-weight:650;text-decoration:none}.mobile-nav__item.is-active{background:var(--primary-soft);color:var(--primary)}.page-container{padding:24px 14px 32px}.page-header{min-height:0;flex-direction:column;margin-bottom:24px}.page-header__action{width:100%;padding-top:0}.page-header__action .button{width:100%}.surface{border-radius:var(--radius);padding:14px}.form-grid--2,.form-grid--3,.filters-grid,.filters-grid--history{grid-template-columns:1fr}.rate-effective-panel{grid-template-columns:1fr;align-items:stretch}.payment-type-options{grid-template-columns:1fr}.form-actions{align-items:stretch;flex-direction:column}.form-actions .button{width:100%}.entry-summary{padding:20px}.tabs{overflow-x:auto}.tabs button{flex:1 0 auto}.toolbar,.search-and-summary{align-items:stretch;flex-direction:column}.toolbar>select,.search-field{width:100%;min-width:0}.table-summary{justify-content:space-between}.responsive-table thead{display:none}.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{display:block;width:100%}.responsive-table tr{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:10px}.responsive-table td{display:grid;grid-template-columns:96px 1fr;align-items:center;border-bottom:1px solid var(--border);padding:9px 4px;text-align:right}.responsive-table td:before{content:attr(data-label);color:var(--text-faint);font-size:.76rem;font-weight:700;text-align:left}.responsive-table td:last-child{border-bottom:0}.responsive-table .numeric,.responsive-table .row-actions{text-align:right}.responsive-table .primary-cell{justify-content:flex-end}.responsive-table .row-actions .button{justify-self:end}.location-grid{grid-template-columns:1fr}.assignment-add{flex-direction:column}.assignment-add select{max-width:none}.manager-card>footer{align-items:stretch;flex-direction:column}.history-item>summary{grid-template-columns:auto 1fr auto}.history-meta{grid-column:2;text-align:left}.history-chevron{grid-column:3;grid-row:1 / span 2}.history-detail{margin-left:0;padding:12px}.change-header{display:none}.change-row{grid-template-columns:1fr;gap:4px}.change-row>span:nth-child(3){display:none}.change-row>span:nth-child(2):before{content:"修改前：";color:var(--text-faint)}.change-row>span:nth-child(4):before{content:"修改后：";color:var(--text-faint)}.raw-history{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:94vh;border-radius:14px 14px 0 0}.modal-actions,.modal-actions--split{align-items:stretch;flex-direction:column-reverse}.modal-actions--split>div{flex-direction:column-reverse}.modal-actions .button{width:100%}.edit-preview{align-items:flex-end;flex-direction:column;gap:5px}.pwa-prompt{right:12px;bottom:82px;width:calc(100vw - 24px);grid-template-columns:auto 1fr}.pwa-prompt__actions{grid-column:1 / -1;justify-content:flex-end}.offline-banner{bottom:67px}}@media(max-width:480px){.login-story__content h1{font-size:2.15rem}.login-features{display:grid;grid-template-columns:1fr 1fr}.login-features div:last-child{grid-column:span 2}.login-form-wrap h2{font-size:1.65rem}.tabs button{padding-inline:10px}.table-summary{flex-wrap:wrap;gap:8px 14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.payment-access-panel{max-width:680px;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong);padding:clamp(28px,5vw,52px)}.payment-access-panel>p:not(.eyebrow){max-width:60ch;color:var(--text-muted);line-height:1.7}.payment-access-panel .button{margin-top:18px}.payment-status-panel__icon--warning{background:var(--warning-bg);color:var(--warning-text)}.payment-page-header{min-height:142px}.payment-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.payment-summary-card{min-width:0;border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface-strong);padding:20px}.payment-summary-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--text-muted);font-size:14px;font-weight:700}.payment-summary-card__header svg{color:var(--mid-green)}.payment-summary-card strong{display:block;margin:14px 0 5px;color:var(--ink-green);font-size:clamp(22px,2.1vw,30px);font-variant-numeric:tabular-nums;letter-spacing:-.03em;overflow-wrap:anywhere}.payment-summary-card small{color:var(--text-faint);font-size:13px}.payment-summary-card--income .payment-summary-card__header svg{color:var(--deep-green)}.payment-summary-card--outgoing .payment-summary-card__header svg,.payment-summary-card--payroll .payment-summary-card__header svg{color:var(--warning-text)}.payment-filters{margin-bottom:20px;padding:18px}.payment-preset-row{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.payment-preset-row button{min-height:40px;border:0;border-radius:var(--radius-control);background:transparent;padding:8px 13px;color:var(--text-muted);font-weight:700;cursor:pointer}.payment-preset-row button:hover{background:var(--canvas);color:var(--ink-green)}.payment-preset-row button.is-active{background:var(--soft-green);color:var(--ink-green)}.payment-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(150px,.7fr)) minmax(240px,1.4fr);gap:12px}.payment-filter-grid label{display:flex;min-width:0;flex-direction:column;gap:6px}.payment-filter-grid label>span:first-child{color:var(--text-muted);font-size:13px;font-weight:700}.payment-search-label .search-field{min-width:0;margin:0}.payment-action-error{margin-bottom:20px}.payment-data-grid{display:grid;gap:20px}.payment-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.payment-section-header h2{margin:0}.payment-trend{overflow:hidden}.payment-trend__legend{display:flex;gap:14px;color:var(--text-muted);font-size:13px}.payment-trend__legend span{display:inline-flex;align-items:center;gap:6px}.payment-trend__legend i{width:10px;height:10px;display:block;border-radius:3px}.payment-trend__legend .is-income,.payment-trend__bar.is-income{background:var(--deep-green)}.payment-trend__legend .is-outgoing,.payment-trend__bar.is-outgoing{background:var(--soft-green)}.payment-trend__empty{min-height:180px;display:grid;place-items:center;color:var(--text-faint)}.payment-trend__chart{height:230px;display:flex;align-items:stretch;gap:clamp(8px,2vw,24px);margin-top:22px;overflow-x:auto;padding:0 4px 4px}.payment-trend__month{min-width:38px;display:grid;grid-template-rows:1fr auto;flex:1 0 38px;gap:8px;color:var(--text-faint);font-size:12px;text-align:center}.payment-trend__bars{min-height:180px;display:flex;align-items:flex-end;justify-content:center;gap:4px;border-bottom:1px solid var(--border)}.payment-trend__bar{width:min(15px,38%);height:var(--bar-height);min-height:3px;display:block;border-radius:4px 4px 0 0}.payment-records__header{margin-bottom:20px}.payment-records__actions{display:flex;align-items:center;gap:12px}.payment-records__actions>span{color:var(--text-muted);font-size:14px;white-space:nowrap}.badge--payment-income{background:var(--primary-soft);color:var(--deep-green)}.badge--payment-expense,.badge--payment-payroll{background:var(--warning-bg);color:var(--warning-text)}.payment-amount{font-weight:800}.payment-amount--income{color:var(--deep-green)}.payment-amount--expense,.payment-amount--payroll{color:var(--warning-text)}.payment-note-cell{max-width:260px;color:var(--text-muted);overflow-wrap:anywhere}.payment-entry-types{min-width:0;margin:0;border:0;padding:0}.payment-entry-types legend{margin-bottom:8px;font-size:14px;font-weight:700}.payment-entry-types__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.payment-entry-type{position:relative;min-height:92px;display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);padding:14px;color:var(--text-muted);cursor:pointer}.payment-entry-type:hover{border-color:var(--mid-green)}.payment-entry-type.is-selected{border-color:var(--deep-green);background:var(--primary-soft);color:var(--deep-green)}.payment-entry-type input{position:absolute;width:1px;min-height:1px;opacity:0}.payment-entry-type strong,.payment-entry-type small{display:block}.payment-entry-type small{margin-top:4px;color:var(--text-muted);font-size:12px;line-height:1.4}.currency-input{display:flex;align-items:center;border:1px solid var(--border);border-radius:var(--radius-control);background:var(--surface-strong);padding-left:11px;color:var(--text-faint)}.currency-input:focus-within{border-color:var(--deep-green);box-shadow:0 0 0 3px color-mix(in srgb,var(--deep-green) 12%,transparent)}.currency-input input,.currency-input input:hover,.currency-input input:focus{border:0;box-shadow:none}.payment-undo{position:fixed;right:20px;bottom:20px;z-index:145;width:min(460px,calc(100vw - 40px));display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--soft-green);border-radius:var(--radius-control);background:var(--ink-green);padding:12px 14px 12px 18px;color:var(--surface-strong)}.payment-undo .button--ghost{color:var(--surface-strong)}.payment-undo .button--ghost:hover{background:color-mix(in srgb,var(--surface-strong) 12%,transparent)}@media(max-width:1100px){.payment-summary-grid,.payment-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.payment-page-header{min-height:0}.payment-summary-grid,.payment-filter-grid,.payment-entry-types__grid{grid-template-columns:1fr}.payment-summary-card{padding:18px}.payment-section-header,.payment-records__actions{align-items:stretch;flex-direction:column}.payment-records__actions{gap:8px}.payment-records__actions .button{width:100%}.payment-table .payment-note-cell{max-width:none}.payment-undo{right:12px;bottom:12px;width:calc(100vw - 24px)}}.transport-module,.transport-content{min-width:0}.transport-module input,.transport-module select,.transport-module textarea{width:100%;min-height:42px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;padding:9px 11px;transition:border-color .15s ease,box-shadow .15s ease}.transport-module textarea{min-height:88px;resize:vertical}.transport-module input:hover,.transport-module select:hover,.transport-module textarea:hover{border-color:var(--border-strong)}.transport-module input:focus,.transport-module select:focus,.transport-module textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 12%,transparent);outline:none}.transport-module-state{display:inline-flex;align-items:center;gap:7px;color:var(--text-faint);font-size:.8rem;font-weight:700;white-space:nowrap}.transport-page-header{min-height:112px}.transport-readiness-note{display:flex;align-items:flex-start;gap:13px;margin-bottom:18px;padding:16px 18px;background:var(--primary-soft)}.transport-readiness-note svg{flex:0 0 auto;color:var(--primary);margin-top:2px}.transport-readiness-note strong{display:block;color:var(--text)}.transport-readiness-note p{margin:3px 0 0;color:var(--text-soft);font-size:.9rem}.transport-filters{display:grid;grid-template-columns:minmax(260px,1.8fr) repeat(3,minmax(150px,.7fr));gap:14px;align-items:end;margin-bottom:20px}.transport-filters>label{display:flex;min-width:0;flex-direction:column;gap:7px}.transport-filters>label>span:first-child{font-size:.8rem;font-weight:750;color:var(--text-soft)}.transport-filters .search-field{min-width:0}.transport-records{padding:0;overflow:hidden}.transport-records-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px 12px}.transport-records-header h2{margin:2px 0 0}.transport-records-header>span{color:var(--text-faint);font-size:.85rem;font-weight:700}.transport-table td strong,.transport-table td small{display:block}.transport-table td small{margin-top:4px;color:var(--text-faint)}.transport-cn-link{border:0;background:transparent;color:var(--primary);cursor:pointer;font:inherit;font-weight:800;padding:5px 0;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--primary) 35%,transparent);text-underline-offset:3px}.transport-cn-link:hover{text-decoration-color:currentColor}.transport-cn-link:focus-visible{border-radius:4px;outline:3px solid color-mix(in srgb,var(--primary) 25%,transparent)}.transport-freight-cell{min-width:138px}.transport-freight-cell span{display:block;color:var(--text-soft);font-size:.8rem}.transport-freight-cell strong{display:inline;color:var(--text);font-variant-numeric:tabular-nums}.transport-note-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge--transport-draft{background:var(--background);color:var(--text-soft)}.badge--transport-created{background:var(--info-soft);color:#206297}.badge--transport-pickup_received,.badge--transport-dispatched{background:var(--warning-soft);color:#8b510e}.badge--transport-delivered,.badge--transport-signed{background:var(--primary-soft);color:var(--primary)}.badge--transport-cancelled{background:var(--danger-soft);color:var(--danger)}.transport-editor-page{padding-top:28px}.transport-form{display:flex;flex-direction:column;gap:20px}.transport-form-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-bottom:4px}.transport-form-header>div:first-child{max-width:760px}.transport-form-header h1{margin:5px 0 8px}.transport-form-header p:last-child{margin:0;color:var(--text-soft)}.transport-back-button{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--text-soft);cursor:pointer;font:inherit;font-weight:700;margin-bottom:16px;padding:0}.transport-back-button:hover{color:var(--primary)}.transport-back-button:focus-visible{outline:3px solid color-mix(in srgb,var(--primary) 25%,transparent);outline-offset:4px}.transport-form-actions,.transport-form-footer{display:flex;align-items:center;gap:10px}.transport-form-footer{justify-content:flex-end;padding:2px 0 12px}.transport-form-section{display:flex;flex-direction:column;gap:20px}.transport-section-heading{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px}.transport-section-heading--actions{grid-template-columns:auto 1fr auto}.transport-section-heading h2{margin:0;font-size:1.05rem}.transport-section-heading p{margin:3px 0 0;color:var(--text-faint);font-size:.85rem}.transport-section-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:9px;background:var(--primary-soft);color:var(--primary)}.transport-party-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.transport-party{display:flex;min-width:0;flex-direction:column;gap:18px;border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:clamp(18px,2.5vw,28px)}.transport-party-search{position:relative;display:flex;align-items:center;gap:9px;border-radius:var(--radius);background:var(--background);color:var(--text-faint);padding:0 11px}.transport-party-search>input{border:0;background:transparent;box-shadow:none;padding-left:0}.transport-party-search>input:focus{box-shadow:none}.transport-party-suggestions{position:absolute;z-index:20;top:calc(100% + 6px);right:0;left:0;max-height:300px;overflow-y:auto;border:1px solid var(--border-strong);border-radius:10px;background:var(--surface);box-shadow:0 14px 32px #17261d24;padding:6px}.transport-party-suggestions>p{margin:0;padding:11px;color:var(--text-soft);font-size:.85rem}.transport-party-suggestions button{display:flex;width:100%;flex-direction:column;gap:3px;border:0;border-radius:7px;background:transparent;color:var(--text);cursor:pointer;padding:10px;text-align:left}.transport-party-suggestions button:hover,.transport-party-suggestions button:focus-visible,.transport-party-suggestions button.is-active{background:var(--primary-soft);outline:none}.transport-party-suggestions button span{display:flex;align-items:center;gap:5px;color:var(--text-soft);font-size:.82rem}.transport-party-suggestions button small{color:var(--text-faint)}.transport-address-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.transport-items{display:flex;flex-direction:column;gap:12px}.transport-item{border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle);padding:16px}.transport-item>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.transport-item>header button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--danger);cursor:pointer;font:inherit;font-size:.82rem;font-weight:700;padding:6px}.transport-item-grid{display:grid;grid-template-columns:1fr 1.5fr repeat(5,minmax(90px,.65fr));gap:12px;align-items:end}.transport-item-volume{display:flex;min-height:58px;flex-direction:column;justify-content:center;gap:5px;border-left:2px solid var(--border-strong);padding-left:10px}.transport-item-volume span{color:var(--text-faint);font-size:.75rem;font-weight:700}.transport-item-volume strong{font-size:.82rem;font-variant-numeric:tabular-nums}.transport-totals{display:flex;justify-content:flex-end;gap:28px;border-top:1px solid var(--border);padding-top:18px}.transport-totals span{display:flex;min-width:130px;flex-direction:column;gap:4px;text-align:right}.transport-totals small{color:var(--text-faint);font-size:.76rem;font-weight:700;text-transform:uppercase}.transport-totals strong{font-size:1rem;font-variant-numeric:tabular-nums}.transport-document-options{display:flex;flex-wrap:wrap;align-items:end;gap:18px 28px;border:0;margin:0;padding:0}.transport-document-options>label{display:flex;align-items:center;gap:9px;color:var(--text);font-size:.9rem;font-weight:700}.transport-document-options>label:has(select){min-width:150px;flex-direction:column;align-items:stretch;gap:7px}.transport-document-options input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--primary)}.transport-access-page{display:grid;min-height:calc(100vh - 90px);place-items:center}@media(max-width:1180px){.transport-filters{grid-template-columns:repeat(3,minmax(0,1fr))}.transport-search{grid-column:1 / -1}.transport-item-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:980px){.transport-party-grid{grid-template-columns:1fr}.transport-form-header{align-items:flex-start;flex-direction:column}.transport-form-actions{width:100%;justify-content:flex-end}}@media(max-width:760px){.transport-module-state{display:none}.transport-page-header{min-height:0}.transport-filters{grid-template-columns:1fr}.transport-search{grid-column:auto}.transport-section-heading--actions{grid-template-columns:auto 1fr}.transport-section-heading--actions .button{grid-column:1 / -1;width:100%}.transport-item-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.transport-totals{justify-content:stretch;gap:12px}.transport-totals span{min-width:0;flex:1;text-align:left}.transport-form-actions{display:none}}@media(max-width:560px){.transport-editor-page{padding-top:20px}.transport-party .form-grid--2,.transport-form-section .form-grid--3{grid-template-columns:1fr}.transport-address-row,.transport-item-grid{grid-template-columns:1fr 1fr}.transport-item-grid .field:nth-child(2){grid-column:1 / -1}.transport-item-volume{border-left:0;border-top:2px solid var(--border-strong);padding:10px 0 0}.transport-totals{display:grid;grid-template-columns:1fr}.transport-document-options{align-items:stretch;flex-direction:column}.transport-form-footer .button{flex:1}}@media(prefers-reduced-motion:reduce){.transport-module input,.transport-module select,.transport-module textarea{transition-duration:.01ms}}