*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{color:#fff;background:linear-gradient(135deg,#0a0a2a 0%,#1a1a3a 50%,#0d0d2b 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}h1{background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:700}.highlight{color:#ef4444;-webkit-text-fill-color:#ef4444}.subtitle{color:#94a3b8;font-size:1.125rem}.section-title{color:#e2e8f0;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:100px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:600;display:inline-block}.calculator-main-container{background:#fff;width:100%;min-height:100vh;padding:2rem 1.5rem}.calculator-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff;border:1px solid #e9edf4;border-radius:2rem;overflow:visible;box-shadow:0 8px 30px #00000014}.calculator-card-body{padding:2rem}.calculator-form-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;margin-bottom:2rem;display:grid}.form-group label{color:#cbd5e1;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.form-group input,.form-group select{color:#fff;background:#0000004d;border:1px solid #ffffff26;border-radius:.75rem;width:100%;padding:.875rem 1rem;font-size:1rem;transition:all .2s}.form-group input::placeholder{color:#64748b}.calculator-form-grid>div:has(.port-search-input-group){grid-column:1/-1;width:100%}.port-search-input-group{gap:8px;width:100%;display:flex;position:relative}.port-search-input-field{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;flex:1;min-width:0;padding:.875rem 1rem;font-size:1rem}.port-search-all-button{color:#1e293b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:.75rem;padding:.875rem 1rem;font-size:.875rem}.port-search-dropdown{z-index:99999!important;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:.75rem!important;max-height:250px!important;margin-top:4px!important;position:absolute!important;top:100%!important;left:0!important;right:0!important;overflow-y:auto!important;box-shadow:0 10px 25px #00000026!important}.port-search-item{cursor:pointer!important;color:#0f172a!important;background:#fff!important;border-bottom:1px solid #f1f5f9!important;padding:.875rem 1rem!important;font-size:.95rem!important;font-weight:500!important;transition:background .15s!important}.port-search-item:hover{color:#af2f2f!important;background:#f1f5f9!important}.port-search-modal-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;z-index:100000!important;background:#0f172abf!important;justify-content:center!important;align-items:center!important;display:flex!important;position:fixed!important;inset:0!important}.port-search-modal-content{background:#fff!important;border:1px solid #e2e8f0!important;border-radius:1.25rem!important;flex-direction:column!important;width:92%!important;max-width:550px!important;max-height:85vh!important;display:flex!important;overflow:hidden!important;box-shadow:0 20px 50px #00000040!important}.port-search-modal-header{background:#fff!important;border-bottom:1px solid #e2e8f0!important;justify-content:space-between!important;align-items:center!important;padding:1.25rem 1.5rem!important;display:flex!important}.port-search-modal-header h3{color:#0f172a!important;margin:0!important;font-size:1.25rem!important;font-weight:700!important}.port-search-modal-close{color:#64748b!important;cursor:pointer!important;background:#f1f5f9!important;border:none!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:36px!important;height:36px!important;font-size:1.25rem!important;display:flex!important}.port-search-modal-body{background:#fff!important;flex:1!important;padding:1rem!important;overflow-y:auto!important}.port-search-modal-input{color:#0f172a!important;background:#f8fafc!important;border:1px solid #cbd5e1!important;border-radius:.75rem!important;width:100%!important;margin-bottom:1rem!important;padding:.875rem 1rem!important;font-size:1rem!important}.port-search-modal-input::placeholder{color:#94a3b8!important}.calculate-btn{color:#fff;cursor:pointer;background:#af2f2f;border:none;border-radius:1rem;width:100%;margin-top:.5rem;padding:1rem;font-size:1.125rem;font-weight:700;transition:all .2s;box-shadow:0 4px 14px #af2f2f4d}.calculate-btn:hover:not(:disabled){background:#8a2424;transform:translateY(-2px);box-shadow:0 8px 20px #af2f2f66}.calculate-btn:disabled{opacity:.6;cursor:not-allowed}.result{border-top:1px solid #e9edf4;margin-top:2rem;padding-top:2rem}.route-badge{text-align:center;margin-bottom:1.5rem}.route-badge span{color:#166534;background:#f0fdf4;border:1px solid #86efac;border-radius:100px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;display:inline-block}.breakdown-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;justify-content:space-between;align-items:center;padding:.875rem 1rem;display:flex}.breakdown-label{color:#475569}.breakdown-value{color:#0f172a;font-weight:700}.total{background:#f8fafc;border:1px solid #af2f2f;border-radius:1rem;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.total-label{color:#0f172a;font-size:1.25rem;font-weight:700}.total-value{color:#af2f2f;font-size:2rem;font-weight:800}.error-message{color:#7a1a1a;background:#fef2f2;border:1px solid #af2f2f;border-radius:.75rem;margin-top:1.5rem;padding:1rem}.footer{text-align:center;color:#64748b;border-top:1px solid #e9edf4;margin-top:2rem;padding-top:2rem;font-size:.875rem}.port-search-dropdown::-webkit-scrollbar{width:6px}.port-search-modal-body::-webkit-scrollbar{width:6px}.port-search-dropdown::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}.port-search-modal-body::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:4px}@media (max-width:768px){.calculator-main-container{width:100%!important;padding:.5rem .25rem!important}.calculator-card{box-shadow:none!important;border:none!important;border-radius:.75rem!important;overflow:visible!important}.calculator-card-body{padding:.875rem .5rem!important}.calculator-form-grid{flex-direction:column!important;gap:1rem!important;width:100%!important;display:flex!important}.port-search-input-group{flex-direction:column!important;gap:8px!important;width:100%!important}.port-search-input-field,.port-search-all-button{width:100%!important;min-height:46px!important;font-size:16px!important}.rates-bar{flex-wrap:wrap!important;justify-content:center!important;gap:.35rem!important;margin-bottom:1rem!important;display:flex!important}.rates-bar>div,.rates-bar>button{flex:none!important;min-height:auto!important;padding:.4rem .75rem!important;font-size:.75rem!important}.auction-clean-title-group{flex-direction:column!important;align-items:flex-start!important;gap:.5rem!important;width:100%!important;display:flex!important}.auction-clean-title-group>div{width:100%!important}.port-search-modal-content{width:95%!important;max-height:80vh!important}.port-search-modal-body .port-search-item{border-bottom:1px solid #f1f5f9!important;padding:1rem!important}.calculate-btn{border-radius:.75rem!important;width:100%!important;padding:1rem!important;font-size:1.1rem!important}}