.app{min-height:100vh;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--color-navy);color:var(--color-on-navy)}.app-header__title{margin:0;font-size:var(--font-size-lg);font-weight:600}.app-header__actions{display:flex;align-items:center;gap:var(--space-4)}.lang-toggle{display:inline-flex;border:1px solid var(--color-navy-500);border-radius:var(--radius-pill);overflow:hidden}.lang-toggle__btn{border:0;background:transparent;color:var(--color-on-navy);padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.lang-toggle__btn[aria-pressed=true]{background:var(--color-orange);color:var(--color-on-navy)}.sync-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm)}.sync-status__dot{width:10px;height:10px;border-radius:var(--radius-pill);background:var(--color-status-synced)}.sync-status[data-state=pending] .sync-status__dot{background:var(--color-status-pending)}.sync-status[data-state=offline] .sync-status__dot{background:var(--color-status-offline)}.app-main{flex:1;padding:var(--space-6) var(--space-5)}.app-main__placeholder{color:var(--color-text-muted)}:root{--color-navy: #1a1a2e;--color-navy-700: #232342;--color-navy-500: #2e2e52;--color-orange: #fe6a00;--color-orange-600: #e25f00;--color-orange-100: #ffe7d6;--color-white: #ffffff;--color-neutral-50: #f7f7f9;--color-neutral-100: #ededf2;--color-neutral-200: #d9d9e0;--color-neutral-300: #bdbdc8;--color-neutral-500: #76768a;--color-neutral-700: #45455a;--color-neutral-900: #1f1f2c;--color-bg: var(--color-neutral-50);--color-surface: var(--color-white);--color-text: var(--color-navy);--color-text-muted: var(--color-neutral-500);--color-border: var(--color-neutral-200);--color-accent: var(--color-orange);--color-on-navy: var(--color-white);--color-status-synced: #1f9d55;--color-status-pending: var(--color-orange);--color-status-offline: var(--color-neutral-500);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 999px;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.25rem}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}