@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#21262d;--bg-card:#1c2128;--bg-card-hover:#22272e;--border-color:#30363d;--border-highlight:#3d444d;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:12px;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--text-inverse:#0d1117;--accent-gold:#d4a853;--accent-gold-hover:#e5bc6a;--accent-gold-muted:#d4a85333;--accent-red:#f85149;--accent-red-muted:#f8514933;--accent-green:#3fb950;--accent-green-muted:#3fb95033;--accent-blue:#58a6ff;--accent-blue-muted:#58a6ff33;--accent-yellow:#d29922;--status-demurrage:#4ade80;--status-despatch:#f87171;--status-warning:#d29922;--status-info:#58a6ff;--btn-primary-bg:#d4a853;--btn-primary-bg-hover:#e5bc6a;--btn-primary-text:#0d1117;--btn-secondary-bg:#21262d;--btn-secondary-bg-hover:#30363d;--btn-secondary-text:#e6edf3;--btn-danger-bg:#f85149;--btn-danger-bg-hover:#ff6b63;--btn-danger-text:#fff;--input-bg:#21262d;--input-bg-hover:#282e36;--input-border:#30363d;--input-border-focus:#58a6ff;--input-text:#e6edf3;--input-placeholder:#6e7681;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 8px 16px #00000080;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--z-dropdown:100;--z-modal:200;--z-toast:300}[data-theme=light]{--bg-primary:#fff;--bg-secondary:#f6f8fa;--bg-tertiary:#eaeef2;--bg-card:#fff;--bg-card-hover:#f6f8fa;--border-color:#d0d7de;--border-highlight:#afb8c1;--text-primary:#1f2328;--text-secondary:#57606a;--text-muted:#8c959f;--text-inverse:#fff;--input-bg:#f6f8fa;--input-bg-hover:#eaeef2;--input-border:#d0d7de;--input-text:#1f2328;--input-placeholder:#8c959f;--shadow-sm:0 1px 2px #00000012;--shadow-md:0 4px 8px #0000001a;--shadow-lg:0 8px 16px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h5{font-size:var(--font-size-base)}h6{font-size:var(--font-size-sm)}p{color:var(--text-secondary)}a{color:var(--accent-gold);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-gold-hover)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:2px}::selection{background-color:var(--accent-gold-muted);color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--border-highlight)}.container{width:100%;max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.card-header{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-md)}.text-demurrage{color:var(--status-demurrage)}.text-despatch{color:var(--status-despatch)}.text-warning{color:var(--status-warning)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-gold{color:var(--accent-gold)}.bg-demurrage{background-color:var(--accent-red-muted)}.bg-despatch{background-color:var(--accent-green-muted)}input,select,textarea{font-family:inherit;font-size:var(--font-size-sm)}button{cursor:pointer;font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border-color);border-top-color:var(--accent-gold);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.fade-in{animation:fadeIn var(--transition-normal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp var(--transition-normal)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}