:root{--color-chrome: #1E3C2C;--color-shell: #1E3C2C;--color-primary: #4A7C5E;--color-brand-dark: #234230;--color-sage: #8FAF8A;--color-amber: #C8993A;--color-coral: #D4706A;--color-surface: #F2EFE5;--color-surface-alt: #F8F6EE;--color-surface-muted: #EAE6DA;--color-input-bg: #EDEAE0;--color-card: #FFFFFF;--color-border: #DDD9CC;--color-border-strong: #CDC9BC;--color-shell-deep: #142420;--color-shell-mid: #1B3328;--color-dark-ui: #0A120C;--status-draft-bg: #EAF5F3;--status-draft-text: #3A6A5A;--status-draft-border: #C5E0D8;--status-sent-bg: #FFF4D8;--status-sent-text: #8A7030;--status-sent-border: #F0E0A0;--status-overdue-bg: #FCEBEC;--status-overdue-text: #9A3A3A;--status-overdue-border: #F0C0C0;--status-paid-bg: #E7F6EF;--status-paid-text: #2A6A4A;--status-paid-border: #B0D8C0;--status-cancelled-bg: #F5F5F5;--status-cancelled-text: #888888;--status-cancelled-border:#D0D0D0;--font-sans: "DM Sans", sans-serif;--font-serif: "DM Serif Display", Georgia, serif;--font-weight-body: 400;--font-weight-medium: 500;--font-weight-heading: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-body: 1.5;--line-height-loose: 1.65;--text-screen-title: 22px;--text-sheet-title: 17px;--text-body: 13px;--text-secondary: 11px;--text-section-label: 11px;--text-caption: 10px;--radius-card: 12px;--radius-button: 8px;--radius-chip: 20px;--spacing-body: 16px;--spacing-card: 16px;--spacing-card-tight: 12px;--spacing-card-gap: 12px;--spacing-section-gap: 20px;--touch-min-height: 44px;--touch-min-height-compact: 36px;--shadow-card: 0 2px 12px rgba(30,60,44,.12), 0 1px 3px rgba(30,60,44,.08);--shadow-raised: 0 4px 20px rgba(30,60,44,.14), 0 1px 4px rgba(30,60,44,.08);--shadow-sheet: 0 -4px 32px rgba(8,18,12,.22);--transition-fast: .12s cubic-bezier(.16, 1, .3, 1);--transition-base: .2s cubic-bezier(.65, 0, .35, 1);--transition-slow: .3s cubic-bezier(.65, 0, .35, 1);--transition-spring: .3s cubic-bezier(.16, 1, .3, 1);--breakpoint-mobile: 599px;--breakpoint-tablet: 600px;--breakpoint-desktop: 1024px;--spacing-page-h: 16px}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (display-mode: standalone){html,body{overflow:hidden;overscroll-behavior:none;height:100%}}@media (min-width: 600px) and (max-width: 1023px){:root{--spacing-page-h: 32px}}@keyframes shiftModeBorder{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes breathe{0%,to{transform:scale(1);opacity:.7}50%{transform:scale(1.08);opacity:1}}@keyframes pulse-ring{0%{transform:scale(.9);opacity:.6}70%{transform:scale(1.5);opacity:0}to{transform:scale(1.5);opacity:0}}@keyframes toast-in{0%{transform:translate(-50%) translateY(-8px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes skeletonPulse{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes wu{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes wu-md{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes sl{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}@keyframes bping{0%{transform:scale(1);opacity:.6}to{transform:scale(2.2);opacity:0}}@keyframes screen-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(.8);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.event-entry-animate{animation:fadeSlideIn .2s ease-out both}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}