:root{color:#000;font-synthesis:none;text-rendering:optimizelegibility;background:#fff;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{background:#fff;min-width:280px;min-height:100vh;margin:0}p{margin:0}#root{width:100%;padding:.4rem}@media (width<=640px){#root{padding:0}.app-shell{border-width:0}}.app-shell{--ink:#1a1a1a;--paper:#fcfcfc;--gray:#666;--light-gray:#e5e5e5;--radius:12px;width:min(52rem,100%);color:var(--ink);background:var(--paper);border:1px solid var(--light-gray);border-radius:var(--radius);margin:1rem auto;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;overflow:hidden;box-shadow:0 4px 20px #0000000d}.app-header{background:var(--ink);color:var(--paper);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.logo-section{align-items:center;gap:1rem;display:flex}.ship-logo{width:2rem;height:2rem;color:var(--paper)}.header-titles h1{letter-spacing:.05em;margin:0;font-size:1.25rem;font-weight:700;line-height:1.2}.subtitle{color:#a0a0a0;text-transform:uppercase;letter-spacing:.05em;margin:0;font-size:.75rem}.status-badges{align-items:center;gap:.5rem;display:flex}.badge{letter-spacing:.05em;border:1px solid #fff3;border-radius:999px;padding:.25rem .6rem;font-size:.7rem;font-weight:700}.badge--time{color:#d0d0d0}.badge--mode{color:var(--paper);background:#ffffff1a}.badge--live{background:var(--paper);color:var(--ink)}.summary-grid{border-bottom:1px solid var(--light-gray);background:#f5f5f5;grid-template-columns:repeat(4,1fr);display:grid}.summary-card{border-right:1px solid var(--light-gray);flex-direction:column;justify-content:center;align-items:center;padding:1rem .5rem;display:flex}.summary-card:last-child{border-right:0}.summary-card strong{color:var(--ink);font-size:1.75rem;font-weight:800;line-height:1}.summary-card span{color:var(--gray);letter-spacing:.05em;margin-top:.25rem;font-size:.65rem;font-weight:700}.vessel-list{flex-direction:column;display:flex}.vessel-list-header{border-bottom:1px solid var(--light-gray);color:var(--gray);text-transform:uppercase;letter-spacing:.05em;background:#fafafa;grid-template-columns:1.5fr 1.5fr 1fr;gap:1rem;padding:.75rem 1.5rem;font-size:.7rem;font-weight:700;display:grid}.vessel-row{border-bottom:1px solid var(--light-gray);grid-template-columns:1.5fr 1.5fr 1fr;align-items:center;gap:1rem;padding:1rem 1.5rem;transition:background-color .2s;display:grid}.vessel-row:hover{background:#fafafa}.vessel-row:last-child{border-bottom:0}.vessel-main{flex-direction:column;align-items:flex-start;gap:.4rem;min-width:0;display:flex}.vessel-name-row{align-items:center;gap:.5rem;width:100%;display:flex}.vessel-name-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:700;overflow:hidden}.vessel-type{color:var(--gray);background:var(--light-gray);white-space:nowrap;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.vessel-zone{color:var(--gray);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.zone-label{color:var(--ink);font-weight:600}.dest-label,.berth-label{font-size:.75rem}.vessel-metrics{flex-direction:column;gap:.35rem;display:flex}.metric{color:var(--ink);align-items:center;gap:.5rem;font-size:.8rem;font-weight:600;display:flex}.metric svg{width:1rem;height:1rem;color:var(--gray)}.status-pill{border:1px solid var(--ink);color:var(--ink);text-transform:uppercase;letter-spacing:.05em;border-radius:4px;padding:.2rem .5rem;font-size:.65rem;font-weight:700;display:inline-block}.notice,.empty-state{text-align:center;color:var(--gray);padding:2rem;font-weight:600}.notice--error{color:#d32f2f;background:#fdedea}@media (width<=768px){.app-shell{border:none;border-radius:0;min-height:100vh;margin:0}.vessel-list-header{grid-template-columns:1fr auto}.vessel-row{grid-template-columns:1fr auto;padding:1rem}.hide-mobile{display:none!important}.header-titles h1{font-size:1.1rem}.badge--time{display:none}}