:root{color:#142d41;--teal:#007f83;background:#f4f7fa;font-family:Arial,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:var(--teal);text-decoration:none}header{background:#fff;border-bottom:1px solid #e2e8ee;justify-content:space-between;align-items:center;height:86px;padding:0 max(24px,50vw - 580px);display:flex}.brand{color:#14334b;letter-spacing:1px;font-size:25px;font-weight:900}.brand span{color:var(--teal)}.brand small{letter-spacing:3px;margin-top:5px;font-size:10px;display:block}nav{gap:26px;font-size:14px;display:flex}main{max-width:1160px;margin:32px auto;padding:0 24px}.hero{color:#fff;background:#10354d;border-radius:20px;padding:50px;position:relative;overflow:hidden}.hero:after{content:"SEA / FREIGHT";color:#ffffff08;pointer-events:none;font-size:70px;font-weight:900;position:absolute;top:10px;right:-25px;transform:rotate(-12deg)}.eyebrow{color:#65d6cc;letter-spacing:3px;font-size:12px}h1{margin:16px 0;font-size:clamp(28px,4vw,42px);line-height:1.3}p{line-height:1.75}.muted{color:#677e8f;font-size:14px}.hero .muted{color:#bfd1dd}.filters{color:#142d41;background:#fff;border-radius:14px;grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:24px;padding:24px;display:grid}label{margin-bottom:8px;font-size:13px;font-weight:600;display:block}input,select,textarea{color:#17364c;width:100%;font:inherit;background:#f8fafb;border:1px solid #d8e2e8;border-radius:7px;padding:12px}textarea{min-height:90px}button,.button{background:var(--teal);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:7px;padding:12px 20px;font-size:14px;display:inline-block}button:disabled{opacity:.5;cursor:wait}.secondary{color:var(--teal);background:#e9f3f3}.bar{justify-content:space-between;align-items:center;margin:32px 0 16px;display:flex}.card{background:#fff;border:1px solid #dfe7ec;border-radius:14px;margin-bottom:16px;padding:24px}.card h2{font-size:20px}.grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;display:grid}.price{color:var(--teal);margin:12px 0;font-size:30px;font-weight:800}.tag{color:var(--teal);background:#edf5f5;border-radius:5px;padding:5px 10px;font-size:12px;display:inline-block}.notice{background:#fff4dc;border-radius:8px;padding:14px;font-size:14px}.empty{text-align:center;background:#fff;border:1px dashed #cfdae2;border-radius:12px;padding:60px 24px}.form{max-width:560px;margin:40px auto}.form label{margin-top:18px}.form button{margin-top:20px}.error{color:#ab3333}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.detail{border-top:1px solid #e8eef2;padding-top:16px}footer{color:#688090;border-top:1px solid #dde5eb;max-width:1160px;margin:70px auto 0;padding:26px 24px;font-size:13px}footer span{float:right}table{border-collapse:collapse;width:100%;font-size:13px}td,th{text-align:left;border-bottom:1px solid #e5edf2;padding:10px}.tabs{gap:12px;margin:20px 0;display:flex}@media (max-width:640px){header{gap:18px;height:auto;min-height:84px;padding:18px}nav{gap:10px;font-size:12px}.hero{padding:26px}.filters{grid-template-columns:1fr}main{padding:0 16px}.brand{font-size:20px}footer span{float:none;margin-top:8px;display:block}}nav{align-items:center}.nav-logout{color:var(--teal);font:inherit;background:0 0;border-radius:0;padding:0}.route-filters{grid-template-columns:1fr 1fr 1fr auto;align-items:end}.route-filters button{height:46px;padding:0 24px}@media (max-width:640px){.route-filters{grid-template-columns:1fr}.route-filters button{width:100%}}