:root{--color-background:#f6f9fe;--color-surface-elevated:#f1f6fe;--color-surface-card:#edf3fd;--color-surface-highlight:#e6eefc;--color-text-primary:#0a0f1a;--color-text-secondary:#1d2839;--color-text-muted:#48556a;--color-icon-default:#48556a;--color-icon-muted:#607290;--color-timeline-track:#cbd5e1;--color-on-timeline-track:#48556a;--color-border-subtle:#0a0f1a0d;--color-border-card:#0a0f1a1a;--color-border-medium:#cbd5e1;--color-border-strong:#94a3b8;--color-primary:#3b82f6;--color-primary-muted:#3b82f666;--color-success:#10b981;--color-error:#e53935;--color-warning:#f59e0b;--color-on-primary:#fff;--color-on-success:#fff;--color-on-error:#fff;--color-input-fill:#f1f6fe;--color-input-border:#0a0f1a0d;--color-input-border-focused:#3b82f6;--color-overlay-heavy:#0009;--color-overlay-medium:#0006;--color-overlay-light:#0003;--color-overlay-subtle:#0000001a;--color-overlay-text-primary:#ffffffe6;--color-overlay-text-secondary:#fffc;--color-overlay-border:#0000001a;--color-media-backdrop:#000;--color-accent-navigation:#2e9e6e;--color-accent-direction:#7c3aed;--color-accent-water:#0891b2;--color-accent-wind:#0284c7;--color-accent-mechanical:#d97706;--color-accent-sea:#4f46e5;--color-accent-maintenance:#ea580c;--color-accent-neutral:#607290;--color-status-active:#2e9e6e;--color-status-pending:#d97706;--color-status-error:#e53935;--color-condition-calm:#2e9e6e;--color-condition-moderate:#d97706;--color-condition-rough:#ea580c;--color-condition-severe:#e53935;--color-trip-1:#3b82f6;--color-trip-2:#2e9e6e;--color-trip-3:#d97706;--color-trip-4:#e53935;--color-trip-5:#4f46e5;--color-trip-6:#0284c7;--color-trip-7:#7c3aed;--color-trip-8:#ea580c;--shadow-sm:0px 2px 4px #0000000f;--shadow-md:0px 4px 8px #00000014;--shadow-lg:0px 8px 16px #0000001a;--shadow-xl:0px 16px 32px #0000001f;--shadow-xxl:0px 32px 64px #00000029;--shadow-card:0px 4px 12px #0a0f1a0a;--shadow-bottom-sheet:0px -8px 32px #0a0f1a14;--shadow-glow-primary:0px 0px 32px #3b82f640;--shadow-glow-success:0px 0px 16px #2e9e6e33;--shadow-glow-error:0px 0px 16px #e5393533;--shadow-icon-button:0px 4px 8px #3b82f626;--shadow-selection-chip:0px 4px 8px #3b82f633;--shadow-button-glow:0px 0px 16px #3b82f640;--shadow-tab-indicator:0px 0px 8px #3b82f699;--shadow-status-badge:0px 2px 4px #d977064d;--shadow-none:none;--space-micro:4px;--space-tight:8px;--space-card-inner:12px;--space-card-padding:16px;--space-screen-edge:16px;--space-below-header:0px;--space-breathe:24px;--space-section-gap:28px;--space-structural-gap:32px;--space-top-clearance:40px;--space-hero:48px;--space-nav-bar-height:72px;--radius-input:4px;--radius-button:8px;--radius-list-tile:12px;--radius-card:16px;--radius-wide-card:24px;--radius-sheet-top:24px;--radius-pill:999px;--border-width-thin:1px;--border-width-medium:2px;--icon-xxs:8px;--icon-xs:12px;--icon-sm:16px;--icon-md:20px;--icon-lg:24px;--icon-xl:32px;--icon-xxl:40px;--icon-hero:48px;--icon-display:64px;--elevation-none:none;--elevation-1:0px 2px 4px #0000000f;--elevation-2:0px 4px 8px #00000014;--elevation-3:0px 8px 16px #0000001a;--elevation-4:0px 16px 32px #0000001f;--elevation-5:0px 32px 64px #00000029;--text-12-size:clamp(.6875rem, 3.053vw, .75rem);--text-16-size:clamp(.875rem, 4.071vw, 1rem);--text-20-size:clamp(1.0625rem, 5.089vw, 1.25rem);--text-24-size:clamp(1.25rem, 6.107vw, 1.5rem);--text-32-size:clamp(1.625rem, 8.142vw, 2rem);--text-40-size:clamp(2rem, 10.178vw, 2.5rem);--font-sans:"PlusJakartaSans", system-ui, sans-serif;--font-mono:"MesloLGS", ui-monospace, monospace}@media (width>=768px){:root{--text-12-size:.75rem;--text-16-size:1rem;--text-20-size:1.25rem;--text-24-size:1.5rem;--text-32-size:2rem;--text-40-size:2.5rem}}.text-caption,.text-caption-medium,.text-caption-bold,.text-label,.text-body,.text-body-medium,.text-body-bold,.text-title-small,.text-card-title,.text-title-large,.text-section-header,.text-display-large,.text-page-title,.text-hero-title,.text-input-label,.text-field-value,.text-mono-large,.text-mono-medium,.text-mono-small{margin:0}.text-caption{font-family:var(--font-sans);font-size:var(--text-12-size);letter-spacing:.5px;font-weight:400;line-height:1.3333}.text-caption-medium{font-family:var(--font-sans);font-size:var(--text-12-size);font-weight:500;line-height:1.3333}.text-caption-bold{font-family:var(--font-sans);font-size:var(--text-12-size);letter-spacing:.5px;font-weight:600;line-height:1.3333}.text-label{font-family:var(--font-sans);font-size:var(--text-12-size);letter-spacing:1px;font-weight:700;line-height:1.3333}.text-body{font-family:var(--font-sans);font-size:var(--text-16-size);font-weight:400;line-height:1.5}.text-body-medium{font-family:var(--font-sans);font-size:var(--text-16-size);font-weight:500;line-height:1.5}.text-body-bold{font-family:var(--font-sans);font-size:var(--text-16-size);font-weight:600;line-height:1.5}.text-title-small{font-family:var(--font-sans);font-size:var(--text-16-size);font-weight:700;line-height:1.5}.text-card-title{font-family:var(--font-sans);font-size:var(--text-20-size);font-weight:600;line-height:1.4}.text-title-large{font-family:var(--font-sans);font-size:var(--text-20-size);letter-spacing:-.5px;font-weight:700;line-height:1.4}.text-section-header{font-family:var(--font-sans);font-size:var(--text-24-size);font-weight:600;line-height:1.3333}.text-display-large{font-family:var(--font-sans);font-size:var(--text-24-size);letter-spacing:-.6px;font-weight:700;line-height:1.3333}.text-page-title{font-family:var(--font-sans);font-size:var(--text-32-size);letter-spacing:-.75px;font-weight:700;line-height:1.25}.text-hero-title{font-family:var(--font-sans);font-size:var(--text-40-size);letter-spacing:-1px;font-weight:700;line-height:1.2}.text-input-label{font-family:var(--font-sans);font-size:var(--text-16-size);letter-spacing:.5px;font-weight:400;line-height:1.5}.text-field-value{font-family:var(--font-mono);font-size:var(--text-16-size);font-weight:700;line-height:1.5}.text-mono-large{font-family:var(--font-mono);font-size:var(--text-20-size);font-weight:700;line-height:1.4}.text-mono-medium{font-family:var(--font-mono);font-size:var(--text-16-size);font-weight:400;line-height:1.5}.text-mono-small{font-family:var(--font-mono);font-size:var(--text-12-size);font-weight:400;line-height:1.3333}@media (prefers-color-scheme:dark){:root{--color-background:#0a0f1a;--color-surface-elevated:#0d1422;--color-surface-card:#101829;--color-surface-highlight:#131c2e;--color-text-primary:#f0f4ff;--color-text-secondary:#90a1bb;--color-text-muted:#607290;--color-icon-default:#90a1bb;--color-icon-muted:#607290;--color-timeline-track:#334155;--color-on-timeline-track:#90a1bb;--color-border-subtle:#ffffff0d;--color-border-card:#ffffff1f;--color-border-medium:#334155;--color-border-strong:#475569;--color-primary:#3b82f6;--color-primary-muted:#3b82f666;--color-success:#10b981;--color-error:#f43f5e;--color-warning:#f59e0b;--color-on-primary:#fff;--color-on-success:#fff;--color-on-error:#fff;--color-input-fill:#1e293b80;--color-input-border:#ffffff0d;--color-input-border-focused:#3b82f6;--color-overlay-heavy:#0009;--color-overlay-medium:#00000080;--color-overlay-light:#0000004d;--color-overlay-subtle:#0003;--color-overlay-text-primary:#fffc;--color-overlay-text-secondary:#ffffffb3;--color-overlay-border:#ffffff1a;--color-media-backdrop:#000;--color-accent-navigation:#34d399;--color-accent-direction:#a78bfa;--color-accent-water:#22d3ee;--color-accent-wind:#38bdf8;--color-accent-mechanical:#fbbf24;--color-accent-sea:#818cf8;--color-accent-maintenance:#fb923c;--color-accent-neutral:#90a1bb;--color-status-active:#34d399;--color-status-pending:#f59e0b;--color-status-error:#f87171;--color-condition-calm:#10b981;--color-condition-moderate:#f59e0b;--color-condition-rough:#fb923c;--color-condition-severe:#f43f5e;--color-trip-1:#3b82f6;--color-trip-2:#10b981;--color-trip-3:#f59e0b;--color-trip-4:#fb7185;--color-trip-5:#6366f1;--color-trip-6:#38bdf8;--color-trip-7:#10b981;--color-trip-8:#fb7185;--shadow-card:0px 8px 16px #0000001a;--shadow-bottom-sheet:0px -32px 64px #00000029;--shadow-glow-primary:0px 0px 32px #3b82f666;--shadow-glow-success:0px 0px 16px #10b98133;--shadow-glow-error:0px 0px 16px #f43f5e33;--shadow-icon-button:0px 4px 8px #3b82f633;--shadow-selection-chip:0px 4px 8px #3b82f64d;--shadow-button-glow:0px 0px 16px #3b82f64d;--shadow-tab-indicator:0px 0px 8px #3b82f6cc;--shadow-status-badge:0px 2px 4px #f59e0b66}}[data-theme=default]{--color-background:#0a0f1a;--color-surface-elevated:#0d1422;--color-surface-card:#101829;--color-surface-highlight:#131c2e;--color-text-primary:#f0f4ff;--color-text-secondary:#90a1bb;--color-text-muted:#607290;--color-icon-default:#90a1bb;--color-icon-muted:#607290;--color-timeline-track:#334155;--color-on-timeline-track:#90a1bb;--color-border-subtle:#ffffff0d;--color-border-card:#ffffff1f;--color-border-medium:#334155;--color-border-strong:#475569;--color-primary:#3b82f6;--color-primary-muted:#3b82f666;--color-success:#10b981;--color-error:#f43f5e;--color-warning:#f59e0b;--color-on-primary:#fff;--color-on-success:#fff;--color-on-error:#fff;--color-input-fill:#1e293b80;--color-input-border:#ffffff0d;--color-input-border-focused:#3b82f6;--color-overlay-heavy:#0009;--color-overlay-medium:#00000080;--color-overlay-light:#0000004d;--color-overlay-subtle:#0003;--color-overlay-text-primary:#fffc;--color-overlay-text-secondary:#ffffffb3;--color-overlay-border:#ffffff1a;--color-media-backdrop:#000;--color-accent-navigation:#34d399;--color-accent-direction:#a78bfa;--color-accent-water:#22d3ee;--color-accent-wind:#38bdf8;--color-accent-mechanical:#fbbf24;--color-accent-sea:#818cf8;--color-accent-maintenance:#fb923c;--color-accent-neutral:#90a1bb;--color-status-active:#34d399;--color-status-pending:#f59e0b;--color-status-error:#f87171;--color-condition-calm:#10b981;--color-condition-moderate:#f59e0b;--color-condition-rough:#fb923c;--color-condition-severe:#f43f5e;--color-trip-1:#3b82f6;--color-trip-2:#10b981;--color-trip-3:#f59e0b;--color-trip-4:#fb7185;--color-trip-5:#6366f1;--color-trip-6:#38bdf8;--color-trip-7:#10b981;--color-trip-8:#fb7185;--shadow-card:0px 8px 16px #0000001a;--shadow-bottom-sheet:0px -32px 64px #00000029;--shadow-glow-primary:0px 0px 32px #3b82f666;--shadow-glow-success:0px 0px 16px #10b98133;--shadow-glow-error:0px 0px 16px #f43f5e33;--shadow-icon-button:0px 4px 8px #3b82f633;--shadow-selection-chip:0px 4px 8px #3b82f64d;--shadow-button-glow:0px 0px 16px #3b82f64d;--shadow-tab-indicator:0px 0px 8px #3b82f6cc;--shadow-status-badge:0px 2px 4px #f59e0b66}[data-theme=light]{--color-background:#f6f9fe;--color-surface-elevated:#f1f6fe;--color-surface-card:#edf3fd;--color-surface-highlight:#e6eefc;--color-text-primary:#0a0f1a;--color-text-secondary:#1d2839;--color-text-muted:#48556a;--color-icon-default:#48556a;--color-icon-muted:#607290;--color-timeline-track:#cbd5e1;--color-on-timeline-track:#48556a;--color-border-subtle:#0a0f1a0d;--color-border-card:#0a0f1a1a;--color-border-medium:#cbd5e1;--color-border-strong:#94a3b8;--color-primary:#3b82f6;--color-primary-muted:#3b82f666;--color-success:#10b981;--color-error:#e53935;--color-warning:#f59e0b;--color-on-primary:#fff;--color-on-success:#fff;--color-on-error:#fff;--color-input-fill:#f1f6fe;--color-input-border:#0a0f1a0d;--color-input-border-focused:#3b82f6;--color-overlay-heavy:#0009;--color-overlay-medium:#0006;--color-overlay-light:#0003;--color-overlay-subtle:#0000001a;--color-overlay-text-primary:#ffffffe6;--color-overlay-text-secondary:#fffc;--color-overlay-border:#0000001a;--color-media-backdrop:#000;--color-accent-navigation:#2e9e6e;--color-accent-direction:#7c3aed;--color-accent-water:#0891b2;--color-accent-wind:#0284c7;--color-accent-mechanical:#d97706;--color-accent-sea:#4f46e5;--color-accent-maintenance:#ea580c;--color-accent-neutral:#607290;--color-status-active:#2e9e6e;--color-status-pending:#d97706;--color-status-error:#e53935;--color-condition-calm:#2e9e6e;--color-condition-moderate:#d97706;--color-condition-rough:#ea580c;--color-condition-severe:#e53935;--color-trip-1:#3b82f6;--color-trip-2:#2e9e6e;--color-trip-3:#d97706;--color-trip-4:#e53935;--color-trip-5:#4f46e5;--color-trip-6:#0284c7;--color-trip-7:#7c3aed;--color-trip-8:#ea580c;--shadow-card:0px 4px 12px #0a0f1a0a;--shadow-bottom-sheet:0px -8px 32px #0a0f1a14;--shadow-glow-primary:0px 0px 32px #3b82f640;--shadow-glow-success:0px 0px 16px #2e9e6e33;--shadow-glow-error:0px 0px 16px #e5393533;--shadow-icon-button:0px 4px 8px #3b82f626;--shadow-selection-chip:0px 4px 8px #3b82f633;--shadow-button-glow:0px 0px 16px #3b82f640;--shadow-tab-indicator:0px 0px 8px #3b82f699;--shadow-status-badge:0px 2px 4px #d977064d}@font-face{font-family:PlusJakartaSans;src:url(../../../fonts/PlusJakartaSans-Variable.woff2)format("woff2-variations"),url(../../../fonts/PlusJakartaSans-Variable.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}@font-face{font-family:MesloLGS;src:url(../../../fonts/MesloLGS-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:MesloLGS;src:url(../../../fonts/MesloLGS-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{font-size:100%}html,body{min-height:100lvh;margin:0;padding:0!important}body{background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:PlusJakartaSans,system-ui,sans-serif}