:root{--oi-orange: #e69f00;--oi-skyblue: #56b4e9;--oi-green: #009e73;--oi-yellow: #f0e442;--oi-blue: #0072b2;--oi-vermillion: #d55e00;--oi-purple: #cc79a7;--oi-black: #000000;--oi-white: #ffffff;--color-danger-text: #992a0c;--color-success-text: #005a42;--color-danger-strong: #992a0c;--brand-primary: #00537f;--brand-primary-contrast: var(--oi-white);--color-text: #1a1a1a;--color-text-inverse: #ffffff;--color-text-muted: #4a4a4a;--color-bg: #ffffff;--color-bg-elevated: #ffffff;--color-bg-subtle: #f4f4f4;--color-border: #6b6b6b;--status-pending-bg: var(--oi-orange);--status-pending-fg: #000000;--status-notified-bg: var(--oi-skyblue);--status-notified-fg: #000000;--status-picked-up-bg: var(--oi-green);--status-picked-up-fg: #ffffff;--status-reminder-bg: var(--oi-yellow);--status-reminder-fg: #000000;--status-unclaimed-bg: var(--oi-vermillion);--status-unclaimed-fg: #ffffff;--status-outbound-bg: var(--oi-purple);--status-outbound-fg: #000000;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-family-base: system-ui, -apple-system, "Segoe UI", "PingFang TC", "Noto Sans TC", Roboto, sans-serif;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 22px;--font-size-2xl: 28px;--line-height-base: 1.5;--line-height-tight: 1.25;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 999px;--touch-target-min: 44px;--focus-ring: 3px solid var(--oi-blue);--focus-ring-offset: 2px;--breakpoint-sm: 640px;--breakpoint-lg: 1024px}@media (prefers-color-scheme: dark){:root{--color-text: #f2f2f2;--color-text-inverse: #1a1a1a;--color-text-muted: #c9c9c9;--color-bg: #121212;--color-bg-elevated: #1e1e1e;--color-bg-subtle: #262626;--color-border: #9a9a9a;--status-pending-fg: #000000;--status-notified-fg: #000000;--status-picked-up-fg: #000000;--status-reminder-fg: #000000;--status-unclaimed-fg: #000000;--status-outbound-fg: #000000;--color-danger-text: #ff8a65;--color-success-text: #34d399}}*,*:before,*:after{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--brand-primary)}button{font-family:inherit}ul{list-style:none}:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}