:root{color-scheme:dark;--bg:#0b0f1a;--card:#131a2b;--muted:#95a1c7;--text:#e7ecff;--accent:#64b5ff;--border:rgba(100,181,255,0.2)}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,#151b2f,#0b0f1a 55%);color:var(--text)}a{color:inherit;text-decoration:none}.page{max-width:1100px;margin:0 auto;padding:48px 24px 64px;display:grid;grid-gap:24px;gap:24px}@media (max-width:640px){.page{padding:24px 16px 40px;gap:16px}}.hero{display:grid;grid-gap:8px;gap:8px;margin-top:24px}.hero h1{font-size:40px;margin:0}.hero p{color:var(--muted);margin:0}@media (max-width:640px){.hero h1{font-size:28px}}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px 24px;box-shadow:0 20px 60px rgba(6,10,26,.4)}@media (max-width:640px){.card{padding:16px 20px;border-radius:12px}}.card h2{font-size:22px;margin:0 0 18px;font-weight:700}@media (max-width:640px){.card h2{font-size:18px;margin:0 0 14px}}.stat{display:grid;grid-gap:6px;gap:6px;margin-bottom:12px}.stat .label{color:var(--muted);font-size:13px;text-transform:uppercase;letter-spacing:.08em}.stat .value{font-size:16px}.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:14px;gap:14px}@media (max-width:640px){.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}}@media (max-width:480px){.grid{grid-template-columns:repeat(2,1fr)}}.tile{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:14px;transition:transform .15s ease,border-color .15s ease}.tile:hover{transform:translateY(-2px);border-color:rgba(100,181,255,.5)}.title{font-weight:600;margin-bottom:6px}.slug{color:var(--muted);font-size:12px}.price{font-weight:600}.meta,.price{color:var(--muted);font-size:12px;margin-top:6px}.meta{display:flex;gap:4px;flex-direction:column;margin-bottom:4px}.meta .manufacturer{font-weight:600;color:var(--muted)}.meta .role{color:var(--muted);opacity:.95;font-size:12px}.error{background-color:rgba(255,100,100,.1);border-color:rgba(255,100,100,.3);color:#ff6464}.form{display:grid;grid-gap:14px;gap:14px;margin-top:12px}.field{display:grid;grid-gap:6px;gap:6px;font-size:14px}.field input{background:rgba(6,10,26,.6);border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:10px 12px;color:var(--text);font-size:14px}.field input:focus{outline:2px solid rgba(100,181,255,.5);border-color:transparent}.button{background:var(--accent);color:#031124;font-weight:600;border:none;border-radius:12px;padding:10px 16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.button:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(100,181,255,.25)}.button.secondary{background:transparent;color:var(--text);border:1px solid rgba(100,181,255,.5)}.button.ghost{background:transparent;color:var(--muted);border:1px solid rgba(255,255,255,.12)}.actions{display:flex;gap:12px;margin-top:12px;input{background:#0f1526;border:1px solid rgba(100,181,255,.2);color:#e7ecff;padding:10px 12px;border-radius:10px;font-size:14px}input::placeholder{color:#95a1c7}}.header-nav{display:flex;gap:12px;align-items:center}.nav-pill{display:inline-block;padding:10px 20px;background:rgba(100,181,255,.08);border:1px solid rgba(100,181,255,.18);border-radius:8px;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.nav-pill:hover{background:rgba(100,181,255,.2);border-color:var(--accent);transform:translateY(-1px)}@media (max-width:640px){.nav-pill{padding:8px 16px;font-size:13px}}.centered-card{max-width:640px;width:100%;margin-left:auto;margin-right:auto;padding-left:16px;padding-right:16px;justify-self:center}.ships-table{width:100%;border-collapse:collapse;table-layout:auto}.ships-table td,.ships-table th{padding:10px 14px;text-align:left;vertical-align:middle}.ships-table thead th{font-weight:600;font-size:14px;color:var(--muted);border-bottom:1px solid rgba(255,255,255,.04)}.ships-table tbody tr td:first-child{width:45%}.ships-table tbody tr td:nth-child(2),.ships-table tbody tr td:nth-child(3){width:20%}.ships-table tbody tr td:nth-child(4){width:15%;text-align:right;white-space:nowrap}@media (max-width:640px){.ships-table td,.ships-table th{padding:8px 10px;font-size:13px}.ships-table tbody tr td:first-child{width:50%}}