@import "https://fonts.googleapis.com/css2?family=Mitr:wght@300;400;500&family=Noto+Sans+Thai:wght@300;400;500&display=swap";
:root{--ds-ref-color-neutral-000:#fff;--ds-ref-color-neutral-050:#f7f8fc;--ds-ref-color-neutral-100:#f0f3f7;--ds-ref-color-neutral-150:#e8edf3;--ds-ref-color-neutral-200:#dde3ea;--ds-ref-color-neutral-300:#c4cdd8;--ds-ref-color-neutral-400:#b8bdc3;--ds-ref-color-neutral-500:#8a94a2;--ds-ref-color-neutral-600:#66707d;--ds-ref-color-neutral-700:#47515e;--ds-ref-color-neutral-900:#20252d;--ds-ref-color-neutral-1000:#000;--ds-ref-color-teal-050:#e5f4f1;--ds-ref-color-teal-100:#d7efea;--ds-ref-color-teal-300:#8fc9be;--ds-ref-color-teal-500:#2d8478;--ds-ref-color-teal-600:#216e65;--ds-ref-color-teal-700:#185850;--ds-ref-color-teal-800:#12443e;--ds-ref-color-sky-100:#e2f1fa;--ds-ref-color-sky-500:#3b82a5;--ds-ref-color-sky-700:#235e79;--ds-ref-color-lilac-100:#eee8fa;--ds-ref-color-lilac-500:#7b61a8;--ds-ref-color-lilac-700:#5d448a;--ds-ref-color-amber-100:#f7e8bc;--ds-ref-color-amber-400:#fc5;--ds-ref-color-amber-600:#9a6c00;--ds-ref-color-amber-700:#704d00;--ds-ref-color-coral-100:#f7dcda;--ds-ref-color-coral-600:#b5444e;--ds-ref-color-coral-700:#922f38;--ds-ref-color-mint-100:#ddf4ea;--ds-ref-color-mint-600:#2f8a65;--ds-ref-color-mint-700:#176a4d;--ds-ref-color-emerald-500:#098;--ds-ref-color-emerald-600:#0a6;--ds-ref-color-cyan-400:#0cf;--ds-ref-color-blue-500:#08f;--ds-ref-color-violet-300:#a9e;--ds-ref-color-lavender-200:#ccf;--ds-ref-color-red-600:#d92d3c;--ds-ref-color-black-alpha-008:#00000014;--ds-ref-color-black-alpha-012:#0000001f;--ds-ref-color-black-alpha-048:#0000007a;--ds-sys-color-brand-support-start:var(--ds-ref-color-emerald-500);--ds-sys-color-brand-support-end:var(--ds-ref-color-emerald-600);--ds-sys-color-brand-primary-start:var(--ds-ref-color-cyan-400);--ds-sys-color-brand-primary-end:var(--ds-ref-color-blue-500);--ds-sys-color-brand-highlight-start:var(--ds-ref-color-violet-300);--ds-sys-color-brand-highlight-end:var(--ds-ref-color-lavender-200);--ds-sys-color-brand-signal:var(--ds-ref-color-amber-400);--ds-sys-color-brand-background:var(--ds-ref-color-neutral-000);--ds-sys-color-brand-foreground:var(--ds-ref-color-neutral-1000);--ds-sys-gradient-brand-support:linear-gradient(180deg, var(--ds-sys-color-brand-support-start), var(--ds-sys-color-brand-support-end));--ds-sys-gradient-brand-primary:linear-gradient(180deg, var(--ds-sys-color-brand-primary-start), var(--ds-sys-color-brand-primary-end));--ds-sys-gradient-brand-highlight:linear-gradient(270deg, var(--ds-sys-color-brand-highlight-start), var(--ds-sys-color-brand-highlight-end));--ds-sys-color-brand-primary:var(--ds-sys-color-brand-primary-end);--ds-sys-color-brand-primary-hover:color-mix(in srgb, var(--ds-sys-color-brand-primary) 88%, black);--ds-sys-color-brand-primary-active:color-mix(in srgb, var(--ds-sys-color-brand-primary) 78%, black);--ds-sys-color-brand-primary-soft:color-mix(in srgb, var(--ds-sys-color-brand-primary) 12%, white);--ds-sys-color-brand-primary-strong:color-mix(in srgb, var(--ds-sys-color-brand-primary) 62%, black);--ds-sys-color-brand-primary-ring:#0088ff47;--ds-sys-color-brand-support:var(--ds-sys-color-brand-support-end);--ds-sys-color-brand-support-soft:color-mix(in srgb, var(--ds-sys-color-brand-support) 12%, white);--ds-sys-color-brand-support-strong:color-mix(in srgb, var(--ds-sys-color-brand-support) 58%, black);--ds-sys-color-brand-signal-soft:color-mix(in srgb, var(--ds-sys-color-brand-signal) 32%, white);--ds-sys-color-brand-signal-strong:color-mix(in srgb, var(--ds-sys-color-brand-signal) 52%, black);--ds-ref-font-family-sans:"Mitr", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--ds-ref-font-family-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--ds-ref-font-weight-regular:400;--ds-ref-font-weight-medium:500;--ds-ref-font-weight-semibold:500;--ds-ref-font-weight-bold:500;--ds-ref-font-size-012:12px;--ds-ref-font-size-013:13px;--ds-ref-font-size-014:14px;--ds-ref-font-size-016:16px;--ds-ref-font-size-018:18px;--ds-ref-font-size-022:22px;--ds-ref-font-size-028:28px;--ds-ref-font-size-032:32px;--ds-ref-space-000:0;--ds-ref-space-025:2px;--ds-ref-space-050:4px;--ds-ref-space-075:8px;--ds-ref-space-100:8px;--ds-ref-space-150:12px;--ds-ref-space-200:16px;--ds-ref-space-250:20px;--ds-ref-space-300:24px;--ds-ref-space-400:32px;--ds-ref-space-500:40px;--ds-ref-space-600:48px;--ds-ref-space-800:64px;--ds-ref-size-target-minimum:24px;--ds-ref-size-control-compact:32px;--ds-ref-size-control-default:40px;--ds-ref-size-control-large:44px;--ds-ref-size-row-default:44px;--ds-ref-size-icon-compact:16px;--ds-ref-size-icon-default:18px;--ds-ref-size-icon-large:20px;--ds-ref-size-icon-display:24px;--ds-ref-radius-none:0;--ds-ref-radius-small:4px;--ds-ref-radius-default:8px;--ds-ref-radius-panel:8px;--ds-ref-radius-dialog:12px;--ds-ref-radius-large:16px;--ds-ref-radius-full:999px;--ds-ref-border-width-default:1px;--ds-ref-border-width-strong:2px;--ds-ref-border-width-selection-marker:3px;--ds-ref-duration-none:0s;--ds-ref-duration-fast:.1s;--ds-ref-duration-standard:.16s;--ds-ref-duration-slow:.24s;--ds-ref-easing-standard:cubic-bezier(.2, 0, 0, 1);--ds-ref-easing-entrance:cubic-bezier(0, 0, .2, 1);--ds-ref-easing-exit:cubic-bezier(.4, 0, 1, 1);--ds-ref-shadow-subtle:0 1px 3px 0 var(--ds-ref-color-black-alpha-008);--ds-ref-shadow-popover:0 8px 24px -4px var(--ds-ref-color-black-alpha-012);--ds-ref-shadow-dialog:0 16px 48px -8px var(--ds-ref-color-black-alpha-012);--ds-ref-z-base:0;--ds-ref-z-navigation:100;--ds-ref-z-sticky:200;--ds-ref-z-inspector:300;--ds-ref-z-popover:400;--ds-ref-z-notification:500;--ds-ref-z-modal:600;--ds-ref-breakpoint-compact:480px;--ds-ref-breakpoint-medium:768px;--ds-ref-breakpoint-large:1024px;--ds-ref-breakpoint-wide:1280px;--ds-ref-breakpoint-maximum:1440px;--ds-sys-color-surface-canvas:var(--ds-ref-color-neutral-050);--ds-sys-color-surface-default:var(--ds-ref-color-neutral-000);--ds-sys-color-surface-subtle:var(--ds-ref-color-neutral-100);--ds-sys-color-surface-muted:var(--ds-ref-color-neutral-150);--ds-sys-color-surface-overlay:var(--ds-ref-color-black-alpha-048);--ds-sys-color-text-primary:var(--ds-ref-color-neutral-900);--ds-sys-color-text-secondary:var(--ds-ref-color-neutral-600);--ds-sys-color-text-metadata-strong:var(--ds-ref-color-neutral-700);--ds-sys-color-text-disabled:var(--ds-ref-color-neutral-500);--ds-sys-color-text-inverse:var(--ds-ref-color-neutral-000);--ds-sys-color-text-link:var(--ds-sys-color-brand-primary);--ds-sys-color-border-default:var(--ds-ref-color-neutral-200);--ds-sys-color-border-strong:var(--ds-ref-color-neutral-500);--ds-sys-color-border-focus:var(--ds-sys-color-brand-primary);--ds-sys-color-focus-ring:var(--ds-sys-color-brand-primary-ring);--ds-sys-color-border-danger:var(--ds-ref-color-coral-700);--ds-sys-color-action-primary-background:var(--ds-sys-color-brand-primary);--ds-sys-color-action-primary-background-hover:var(--ds-sys-color-brand-primary-hover);--ds-sys-color-action-primary-background-active:var(--ds-sys-color-brand-primary-active);--ds-sys-color-action-primary-foreground:var(--ds-ref-color-neutral-000);--ds-sys-color-action-secondary-background:var(--ds-ref-color-neutral-000);--ds-sys-color-action-secondary-background-hover:var(--ds-sys-color-brand-primary-soft);--ds-sys-color-action-secondary-foreground:var(--ds-ref-color-neutral-900);--ds-sys-color-action-secondary-border:var(--ds-ref-color-neutral-500);--ds-sys-color-action-danger-background:var(--ds-ref-color-neutral-000);--ds-sys-color-action-danger-background-hover:var(--ds-ref-color-coral-100);--ds-sys-color-action-danger-foreground:var(--ds-ref-color-coral-700);--ds-sys-color-action-danger-border:var(--ds-ref-color-coral-700);--ds-sys-color-action-background-disabled:var(--ds-ref-color-neutral-100);--ds-sys-color-action-foreground-disabled:var(--ds-ref-color-neutral-500);--ds-sys-color-action-border-disabled:var(--ds-ref-color-neutral-200);--ds-sys-color-selection-background:var(--ds-sys-color-brand-support-soft);--ds-sys-color-selection-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-selection-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-success-quiet-background:var(--ds-ref-color-neutral-000);--ds-sys-color-feedback-success-quiet-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-feedback-success-quiet-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-info-background:var(--ds-ref-color-sky-100);--ds-sys-color-feedback-info-foreground:var(--ds-ref-color-sky-700);--ds-sys-color-feedback-info-border:var(--ds-ref-color-sky-700);--ds-sys-color-feedback-highlight-background:var(--ds-ref-color-lilac-100);--ds-sys-color-feedback-highlight-foreground:var(--ds-ref-color-lilac-700);--ds-sys-color-feedback-highlight-border:var(--ds-ref-color-lilac-700);--ds-sys-color-feedback-warning-background:var(--ds-sys-color-brand-signal-soft);--ds-sys-color-feedback-warning-foreground:var(--ds-sys-color-brand-signal-strong);--ds-sys-color-feedback-warning-border:var(--ds-sys-color-brand-signal-strong);--ds-sys-color-feedback-danger-background:var(--ds-ref-color-coral-100);--ds-sys-color-feedback-danger-foreground:var(--ds-ref-color-coral-700);--ds-sys-color-feedback-danger-border:var(--ds-ref-color-coral-700);--ds-sys-color-feedback-success-background:var(--ds-sys-color-brand-support-soft);--ds-sys-color-feedback-success-foreground:var(--ds-sys-color-brand-support-strong);--ds-sys-color-feedback-success-border:var(--ds-sys-color-brand-support);--ds-sys-color-feedback-muted-background:var(--ds-ref-color-neutral-100);--ds-sys-color-feedback-muted-foreground:var(--ds-ref-color-neutral-700);--ds-sys-color-feedback-muted-border:var(--ds-ref-color-neutral-700);--ds-sys-color-indicator-danger:var(--ds-ref-color-red-600);--ds-sys-color-indicator-attention:var(--ds-sys-color-brand-signal);--ds-sys-color-indicator-primary:var(--ds-sys-color-brand-primary);--ds-sys-color-indicator-muted:var(--ds-ref-color-neutral-400);--ds-sys-type-display-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-display-font-size:var(--ds-ref-font-size-032);--ds-sys-type-display-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-display-letter-spacing:0;--ds-sys-type-display-line-height:1.25;--ds-sys-type-page-title-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-page-title-font-size:var(--ds-ref-font-size-028);--ds-sys-type-page-title-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-page-title-letter-spacing:0;--ds-sys-type-page-title-line-height:1.2857;--ds-sys-type-section-title-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-section-title-font-size:var(--ds-ref-font-size-022);--ds-sys-type-section-title-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-section-title-letter-spacing:0;--ds-sys-type-section-title-line-height:1.3636;--ds-sys-type-subsection-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-subsection-font-size:var(--ds-ref-font-size-018);--ds-sys-type-subsection-font-weight:var(--ds-ref-font-weight-semibold);--ds-sys-type-subsection-letter-spacing:0;--ds-sys-type-subsection-line-height:1.4444;--ds-sys-type-body-large-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-large-font-size:var(--ds-ref-font-size-016);--ds-sys-type-body-large-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-large-letter-spacing:0;--ds-sys-type-body-large-line-height:1.5625;--ds-sys-type-body-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-font-size:var(--ds-ref-font-size-014);--ds-sys-type-body-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-letter-spacing:0;--ds-sys-type-body-line-height:1.5714;--ds-sys-type-body-small-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-body-small-font-size:var(--ds-ref-font-size-013);--ds-sys-type-body-small-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-body-small-letter-spacing:0;--ds-sys-type-body-small-line-height:1.5385;--ds-sys-type-label-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-label-font-size:var(--ds-ref-font-size-014);--ds-sys-type-label-font-weight:var(--ds-ref-font-weight-medium);--ds-sys-type-label-letter-spacing:0;--ds-sys-type-label-line-height:1.4286;--ds-sys-type-label-small-font-family:var(--ds-ref-font-family-sans);--ds-sys-type-label-small-font-size:var(--ds-ref-font-size-012);--ds-sys-type-label-small-font-weight:var(--ds-ref-font-weight-medium);--ds-sys-type-label-small-letter-spacing:0;--ds-sys-type-label-small-line-height:1.5;--ds-sys-type-data-id-font-family:var(--ds-ref-font-family-mono);--ds-sys-type-data-id-font-size:var(--ds-ref-font-size-013);--ds-sys-type-data-id-font-weight:var(--ds-ref-font-weight-regular);--ds-sys-type-data-id-letter-spacing:0;--ds-sys-type-data-id-line-height:1.5385;--ds-comp-shell-topbar-height-default:var(--ds-ref-space-800);--ds-comp-shell-sidebar-width-default:232px;--ds-comp-shell-inspector-width-default:360px;--ds-comp-shell-content-max-width-default:1440px;--ds-sys-size-target-minimum:var(--ds-ref-size-target-minimum);--ds-sys-size-target-preferred:var(--ds-ref-size-control-default);--ds-sys-border-focus-width:var(--ds-ref-border-width-strong);--ds-sys-border-focus-offset:var(--ds-ref-space-025);--ds-comp-button-container-height-compact:var(--ds-ref-size-control-compact);--ds-comp-button-container-height-default:var(--ds-ref-size-control-default);--ds-comp-button-container-height-large:var(--ds-ref-size-control-large);--ds-comp-button-container-radius-default:var(--ds-ref-radius-default);--ds-comp-button-content-gap-default:var(--ds-ref-space-100);--ds-comp-button-container-padding-inline-default:var(--ds-ref-space-200);--ds-comp-field-container-height-default:var(--ds-ref-size-control-default);--ds-comp-field-container-radius-default:var(--ds-ref-radius-default);--ds-comp-field-container-padding-inline-default:var(--ds-ref-space-150);--ds-comp-chip-container-height-default:var(--ds-ref-size-target-minimum);--ds-comp-chip-container-radius-default:var(--ds-ref-radius-small);--ds-comp-chip-content-gap-default:var(--ds-ref-space-075);--ds-comp-row-container-min-height-default:var(--ds-ref-size-row-default);--ds-comp-row-content-gap-default:var(--ds-ref-space-150);--ds-comp-panel-container-radius-default:var(--ds-ref-radius-panel);--ds-comp-panel-container-padding-default:var(--ds-ref-space-200);--ds-comp-panel-content-gap-default:var(--ds-ref-space-200);--ds-comp-dialog-container-radius-default:var(--ds-ref-radius-dialog);--ds-comp-dialog-container-padding-default:var(--ds-ref-space-300);--ds-comp-dialog-container-max-width-default:640px;--ds-comp-icon-graphic-size-compact:var(--ds-ref-size-icon-compact);--ds-comp-icon-graphic-size-default:var(--ds-ref-size-icon-default);--ds-comp-icon-graphic-size-large:var(--ds-ref-size-icon-large);--ds-comp-icon-graphic-stroke-width-default:1.75}@media (prefers-reduced-motion:reduce){:root{--ds-ref-duration-fast:0s;--ds-ref-duration-standard:0s;--ds-ref-duration-slow:0s}}
:root{--ds-ref-font-family-sans:"Mitr", "Noto Sans Thai", ui-sans-serif, system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--ds-sys-type-body-font-family)}*{box-sizing:border-box}body{background:var(--ds-sys-color-surface-canvas);min-width:320px;min-height:100vh;color:var(--ds-sys-color-text-primary);font:var(--ds-sys-type-body-font-weight) var(--ds-sys-type-body-font-size) / var(--ds-sys-type-body-line-height) var(--ds-sys-type-body-font-family);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,strong,b{font-weight:var(--ds-ref-font-weight-medium)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.52}:focus-visible{outline:var(--ds-sys-border-focus-width) solid var(--ds-sys-color-border-focus);outline-offset:var(--ds-sys-border-focus-offset)}.app-shell{--app-shell-block-pad:18px;--app-shell-inline-pad:18px;min-height:100vh;padding:var(--app-shell-block-pad) var(--app-shell-inline-pad);place-items:start center;display:grid}.mobile-app{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);box-shadow:var(--ds-ref-shadow-subtle);grid-template-rows:auto minmax(0,1fr) auto;width:100%;max-width:430px;height:calc(100vh - 36px);display:grid;overflow:hidden}.app-header{background:var(--ds-sys-color-surface-default);border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);gap:12px;padding:12px 16px 16px;display:grid}.brand-row,.brand-title,.resident-summary,.action-bar{align-items:center;display:flex}.brand-row{justify-content:space-between;gap:12px}.header-actions{flex:none;align-items:center;gap:8px;min-width:0;display:flex}.brand-title{gap:10px;min-width:0}.brand-mark{background:var(--ds-sys-color-brand-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);flex:none;place-items:center;width:38px;height:38px;display:grid;overflow:hidden}.brand-logo{display:block;transform:translateY(1px)}.brand-title strong,.brand-title span{display:block}.brand-title strong{font-size:18px;line-height:1.2}.brand-title span{color:var(--ds-sys-color-text-secondary);margin-top:2px;font-size:12px}.icon-button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);flex:none;place-items:center;width:38px;height:38px;display:grid}.account-button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);flex:0 auto;align-items:center;gap:6px;min-width:38px;height:38px;padding:0 10px;display:inline-flex}.icon-button:hover,.account-button:hover,.history-back:hover,.panel-history-button:hover{background:var(--ds-sys-color-action-secondary-background-hover)}.account-button span{text-overflow:ellipsis;white-space:nowrap;max-width:116px;font-size:12px;display:block;overflow:hidden}.resident-summary{background:var(--ds-sys-color-surface-subtle);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:12px;padding:12px;display:grid;position:relative}.resident-summary div{gap:3px;min-width:0;display:grid}.resident-summary div:nth-of-type(2){text-align:right}.resident-summary span{color:var(--ds-sys-color-text-secondary);font-size:12px;font-weight:var(--ds-ref-font-weight-medium)}.resident-summary strong{overflow-wrap:anywhere;font-size:15px}.content-area{background:var(--ds-sys-color-surface-canvas);align-content:start;gap:12px;padding:16px;display:grid;overflow:auto}.home-panel-header{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);box-shadow:var(--ds-ref-shadow-subtle);justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:16px;display:flex}.home-panel-header div{gap:3px;min-width:0;display:grid}.home-panel-header span{color:var(--ds-sys-color-text-secondary);overflow-wrap:anywhere;font-size:12px;line-height:1.35;display:block}.home-panel-header h1{margin:0;font-size:22px;line-height:1.25}.panel-history-button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);font-size:13px;font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;flex:none;align-items:center;gap:7px;min-height:38px;padding:0 12px;display:inline-flex}.sync-banner{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);box-shadow:var(--ds-ref-shadow-subtle);color:var(--ds-sys-color-text-secondary);grid-template-columns:20px 1fr;align-items:center;gap:8px;padding:10px 12px;display:grid}.sync-banner strong,.sync-banner span{font-size:12px;display:block}.sync-banner.ready{color:var(--ds-sys-color-feedback-success-foreground)}.sync-banner.error{background:var(--ds-sys-color-feedback-warning-background);color:var(--ds-sys-color-feedback-warning-foreground)}.sync-banner.loading svg,.sync-banner.saving svg,.is-spinning{animation:1.2s linear infinite spin}.state-card,.auth-panel,.visit-card{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default)}.auth-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-panel{box-shadow:var(--ds-ref-shadow-dialog);gap:14px;width:min(100%,420px);padding:24px;display:grid}.auth-icon{background:var(--ds-sys-color-brand-primary-soft);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-brand-primary-strong);place-items:center;width:44px;height:44px;display:grid}.auth-panel h1,.auth-panel p{margin:0}.auth-panel h1{font-size:24px;line-height:1.2}.auth-panel p{color:var(--ds-sys-color-text-secondary);font-size:13px}.auth-panel label{gap:6px;display:grid}.auth-panel label span{color:var(--ds-sys-color-text-secondary);font-size:12px;font-weight:var(--ds-ref-font-weight-medium)}.auth-panel input{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-comp-field-container-radius-default);color:var(--ds-sys-color-text-primary);font:inherit;min-height:var(--ds-comp-field-container-height-default);padding:0 var(--ds-comp-field-container-padding-inline-default);width:100%}.auth-panel input:focus{border-color:var(--ds-sys-color-border-focus)}.auth-password-control{grid-template-columns:minmax(0,1fr) 48px;display:grid}.auth-password-control input{border-top-right-radius:0;border-bottom-right-radius:0}.auth-password-toggle{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:0 var(--ds-comp-field-container-radius-default) var(--ds-comp-field-container-radius-default) 0;color:var(--ds-sys-color-text-secondary);min-height:var(--ds-comp-field-container-height-default);border-left:0;place-items:center;display:grid}.auth-password-control:focus-within input,.auth-password-control:focus-within .auth-password-toggle{border-color:var(--ds-sys-color-border-focus)}.auth-password-toggle:hover,.auth-password-toggle[aria-pressed=true]{color:var(--ds-sys-color-brand-primary-strong)}.auth-error{background:var(--ds-sys-color-feedback-danger-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-feedback-danger-border);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-feedback-danger-foreground);padding:10px 12px;font-size:13px}.auth-submit{background:var(--ds-sys-color-action-primary-background);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-primary-foreground);font-weight:var(--ds-ref-font-weight-medium);min-height:var(--ds-comp-button-container-height-default);padding:0 var(--ds-comp-button-container-padding-inline-default);justify-content:center;align-items:center;gap:8px;display:inline-flex}.auth-submit:hover{background:var(--ds-sys-color-action-primary-background-hover)}.auth-submit:disabled{background:var(--ds-sys-color-action-background-disabled);color:var(--ds-sys-color-action-foreground-disabled);cursor:not-allowed}.state-card{gap:12px;padding:14px;display:grid}.state-card.warning{background:var(--ds-sys-color-feedback-warning-background);border-color:var(--ds-sys-color-feedback-warning-border)}.state-card__header{grid-template-columns:34px 1fr;align-items:start;gap:10px;display:grid}.state-card__icon{background:var(--ds-sys-color-feedback-muted-background);border-radius:var(--ds-ref-radius-default);color:var(--ds-sys-color-text-secondary);place-items:center;width:34px;height:34px;display:grid}.state-card.warning .state-card__icon{background:var(--ds-sys-color-surface-default);color:var(--ds-sys-color-feedback-warning-foreground)}.state-card strong,.state-card p{margin:0}.state-card strong{font-size:14px;display:block}.state-card p{color:var(--ds-sys-color-text-secondary);margin-top:3px;font-size:12px}.state-card button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);font-size:13px;font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;justify-self:start;align-items:center;gap:7px;min-height:36px;padding:0 12px;display:inline-flex}.visit-card{box-shadow:var(--ds-ref-shadow-subtle);gap:16px;padding:16px;display:grid}.loading-card{box-shadow:none}.skeleton-stack{gap:9px;display:grid}.skeleton-line,.skeleton-photo{background:var(--ds-sys-color-surface-muted);border-radius:var(--ds-ref-radius-default);animation:1.4s ease-in-out infinite pulse;display:block}.skeleton-line{height:16px}.skeleton-line.short{width:68%}.skeleton-photo{aspect-ratio:16/9}.visit-title,.visit-title__main{color:var(--ds-sys-color-brand-support-strong);align-items:center;gap:10px;display:flex}.visit-title{justify-content:flex-start;min-width:0}.visit-title--with-status{justify-content:space-between;align-items:flex-start}.visit-title--with-status .status-pill{flex:none;margin-top:2px}.visit-title__main{min-width:0}.visit-title strong,.visit-title span{display:block}.visit-title strong{font-size:18px}.visit-title span,.visit-note{color:var(--ds-sys-color-text-secondary);font-size:12px}.info-grid,.detail-grid{background:var(--ds-sys-color-surface-subtle);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);gap:0;padding:4px 12px;display:grid}.info-line{border-bottom:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);grid-template-columns:22px minmax(76px,.55fr) minmax(0,1fr);align-items:center;gap:8px;min-width:0;padding:8px 0;display:grid}.info-line:last-child{border-bottom:0}.info-line svg,.info-line span{color:var(--ds-sys-color-text-secondary)}.info-line span,.info-line strong{font-size:13px}.info-line strong{color:var(--ds-sys-color-text-primary);overflow-wrap:anywhere;text-align:right;min-width:0}.plate-photo{aspect-ratio:16/9;background:var(--ds-sys-color-surface-muted);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);position:relative;overflow:hidden}.plate-photo__image{object-fit:cover}.history-view{align-content:start;gap:14px;min-width:0;display:grid}.history-header{align-items:center;gap:10px;min-width:0;display:flex}.history-header div{gap:2px;min-width:0;display:grid}.history-header strong,.history-header span{display:block}.history-header strong{font-size:18px;line-height:1.25}.history-header span{color:var(--ds-sys-color-text-secondary);font-size:12px}.history-back{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);flex:none;place-items:center;width:38px;height:38px;display:grid}.history-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.history-stats div{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);gap:2px;min-width:0;padding:10px 8px;display:grid}.history-stats span{color:var(--ds-sys-color-text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.history-stats strong{font-size:18px;line-height:1.1}.history-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.history-filters button{background:var(--ds-sys-color-action-secondary-background);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-action-secondary-border);border-radius:var(--ds-comp-button-container-radius-default);color:var(--ds-sys-color-action-secondary-foreground);font-size:12px;font-weight:var(--ds-ref-font-weight-medium);text-align:left;justify-content:space-between;align-items:center;gap:7px;width:100%;min-width:0;min-height:36px;padding:0 10px;display:inline-flex}.history-filters button span{min-width:0;line-height:1.2}.history-filters button.active{background:var(--ds-sys-color-selection-background);border-color:var(--ds-sys-color-selection-border);color:var(--ds-sys-color-selection-foreground)}.history-filters button strong{background:var(--ds-sys-color-surface-default);border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-flex}.history-list{gap:10px;display:grid}.history-item{color:inherit;background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);box-shadow:var(--ds-ref-shadow-subtle);text-align:left;gap:10px;width:100%;min-width:0;padding:14px;display:grid}.history-item:hover{border-color:var(--ds-sys-color-action-secondary-border)}.history-item__top,.history-item__title,.history-item__footer{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.history-item__top>span,.history-item__title span,.history-item__footer span{color:var(--ds-sys-color-text-secondary);font-size:12px}.history-item__title strong{overflow-wrap:anywhere;flex:auto;min-width:0;font-size:15px}.history-item__title span{overflow-wrap:anywhere;text-align:right;flex:0 46%;min-width:0}.history-item__meta{gap:7px;display:grid}.history-item__meta span{color:var(--ds-sys-color-text-secondary);overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;font-size:12px;display:inline-flex}.history-item__footer{border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-subtle);padding-top:10px}.history-item__footer span{overflow-wrap:anywhere;min-width:0}.history-item__footer strong{color:var(--ds-sys-color-text-primary);text-align:right;white-space:nowrap;flex:none;align-items:center;gap:3px;font-size:12px;display:inline-flex}.detail-card{background:var(--ds-sys-color-surface-default);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);box-shadow:var(--ds-ref-shadow-subtle);gap:14px;min-width:0;padding:16px;display:grid}.detail-title{justify-content:space-between;align-items:start;gap:12px;min-width:0;display:flex}.detail-title div{gap:3px;min-width:0;display:grid}.detail-title strong{overflow-wrap:anywhere;font-size:18px;line-height:1.25}.detail-title span{color:var(--ds-sys-color-text-secondary);overflow-wrap:anywhere;font-size:12px}.detail-grid{gap:0}.detail-note{background:var(--ds-sys-color-surface-subtle);border:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);border-radius:var(--ds-ref-radius-default);gap:4px;padding:12px;display:grid}.detail-note span{color:var(--ds-sys-color-text-secondary);font-size:12px}.detail-note strong{overflow-wrap:anywhere;font-size:13px}.detail-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.action-bar{background:var(--ds-sys-color-surface-default);border-top:var(--ds-ref-border-width-default) solid var(--ds-sys-color-border-default);gap:10px;padding:12px}.primary-action{border-radius:var(--ds-comp-button-container-radius-default);font-size:13px;font-weight:var(--ds-ref-font-weight-medium);flex:1;place-items:center;gap:5px;min-height:72px;padding:8px 4px;display:grid}.primary-action.stamp{background:var(--ds-sys-color-brand-support);color:var(--ds-sys-color-text-inverse)}.primary-action.reject{background:var(--ds-sys-color-indicator-danger);color:var(--ds-sys-color-text-inverse)}.status-pill{font-size:12px;font-weight:var(--ds-ref-font-weight-medium);white-space:nowrap;border-radius:999px;justify-self:start;align-items:center;gap:5px;padding:6px 9px;display:inline-flex}.status-pill.success{background:var(--ds-sys-color-feedback-success-background);color:var(--ds-sys-color-feedback-success-foreground)}.status-pill.warning{background:var(--ds-sys-color-feedback-warning-background);color:var(--ds-sys-color-feedback-warning-foreground)}.status-pill.danger{background:var(--ds-sys-color-feedback-danger-background);color:var(--ds-sys-color-feedback-danger-foreground)}.toast{background:var(--ds-sys-color-text-primary);box-shadow:var(--ds-ref-shadow-dialog);color:var(--ds-sys-color-text-inverse);font-size:14px;font-weight:var(--ds-ref-font-weight-medium);z-index:20;border-radius:999px;align-items:center;gap:8px;max-width:calc(100vw - 32px);padding:10px 16px;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%)}@media (max-width:480px){.app-shell{padding:0}.mobile-app{box-shadow:none;border:0;border-radius:0;max-width:none;height:100vh;min-height:100vh}}@media (max-width:360px){.account-button span{display:none}.home-panel-header{align-items:flex-start}}@media (min-width:760px){.mobile-app{height:min(900px,100vh - 36px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.46}}