:root{--primary-white:#ffffff;--off-white:#fafbfc;--soft-white:#f8f9fa;--subtle-gray:#f1f3f5;--light-gray:#e9ecef;--border-gray:#dee2e6;--medium-gray:#adb5bd;--text-gray:#495057;--dark-text:#212529;--darker-text:#0c0e10;--accent-blue:#0b76ff;--accent-blue-light:#3aa0ff;--accent-blue-dark:#0a5ecc;--accent-green:#00d26a;--accent-orange:#ff9500;--accent-red:#ff3b30;--gradient-blue:linear-gradient(135deg, #0b76ff 0%, #3aa0ff 100%);--gradient-green:linear-gradient(135deg, #00d26a 0%, #00ff87 100%);--shadow-xs:0 1px 2px rgba(0, 0, 0, 0.04);--shadow-sm:0 2px 4px rgba(0, 0, 0, 0.06);--shadow-md:0 3px 8px rgba(0, 0, 0, 0.08);--shadow-lg:0 6px 16px rgba(0, 0, 0, 0.10);--shadow-accent:0 4px 12px rgba(11, 118, 255, 0.16);--space-xs:4px;--space-sm:6px;--space-md:10px;--space-lg:14px;--space-xl:18px;--space-2xl:24px;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--radius-xl:10px;--timing-fast:0.15s cubic-bezier(0.4, 0, 0.2, 1);--timing-normal:0.2s cubic-bezier(0.4, 0, 0.2, 1);--timing-smooth:0.3s cubic-bezier(0.4, 0, 0.2, 1);--sidebar-width:280px;--sidebar-collapsed:60px}.rate-calculator-main{margin-left:var(--sidebar-width);padding:var(--space-xl) var(--space-lg);background:var(--off-white);transition:margin-left var(--timing-smooth)}.main-nav.collapsed~button#nav-toggle~.rate-calculator-main{margin-left:var(--sidebar-collapsed)}.calculator-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}.card{background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;transition:all var(--timing-normal);position:relative}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-blue)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.card-compact{padding:var(--space-xl)}.form-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-gray)}.form-header h1{font-size:1.25rem;font-weight:700;color:var(--darker-text);letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-sm) 0;display:flex;align-items:center;gap:var(--space-sm)}.form-header h1 .icon{width:20px;height:20px;color:var(--accent-blue)}.form-header .muted{font-size:.75rem;color:var(--text-gray);margin:0}.section-subtitle{font-size:.8125rem;font-weight:700;color:var(--darker-text);text-transform:uppercase;letter-spacing:.06em;margin:var(--space-xl) 0 var(--space-md) 0;display:flex;align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--light-gray)}.section-subtitle svg{width:16px;height:16px;color:var(--accent-blue)}.grid-row{display:grid;gap:var(--space-sm);margin-bottom:var(--space-md)}.two-col{grid-template-columns:repeat(2,1fr)}.three-col{grid-template-columns:repeat(3,1fr)}.four-col{grid-template-columns:repeat(4,1fr)}.field{display:flex;flex-direction:column;gap:var(--space-xs)}.field label{font-size:.75rem;font-weight:700;color:var(--text-gray);text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:var(--space-xs)}.field label svg{width:14px;height:14px;color:var(--accent-blue)}.field input,.field select{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--border-gray);border-radius:var(--radius-md);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;font-size:.8125rem;font-weight:600;color:var(--darker-text);background:var(--primary-white);transition:all var(--timing-normal);box-shadow:var(--shadow-xs);min-height:36px}.field input:focus,.field select:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 3px rgb(11 118 255 / .1)}.field input:hover,.field select:hover{border-color:var(--accent-blue-light)}.field input[readonly]{background:var(--subtle-gray);color:var(--medium-gray);cursor:not-allowed}.field input::placeholder{color:var(--medium-gray);font-weight:500}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type="number"]{-moz-appearance:textfield}.form-actions{margin-top:var(--space-2xl);display:flex;justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-2xl);border-radius:var(--radius-md);border:none;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;font-weight:700;font-size:.875rem;cursor:pointer;transition:all var(--timing-normal);user-select:none;min-height:42px;white-space:nowrap;letter-spacing:.01em;text-transform:uppercase}.btn-primary{background:var(--gradient-blue);color:var(--primary-white);box-shadow:var(--shadow-accent)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgb(11 118 255 / .24)}.btn-primary:active{transform:translateY(0)}.btn-outline{background:var(--primary-white);color:var(--accent-blue);border:1px solid var(--accent-blue);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:var(--accent-blue);color:var(--primary-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-small{padding:var(--space-xs) var(--space-lg);font-size:.75rem;min-height:32px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.rate-results-section{position:sticky;top:var(--space-xl);max-height:calc(100vh - 68px - var(--space-2xl) * 2);overflow-y:auto}.rate-results-section::-webkit-scrollbar{width:6px}.rate-results-section::-webkit-scrollbar-track{background:var(--subtle-gray);border-radius:999px}.rate-results-section::-webkit-scrollbar-thumb{background:var(--medium-gray);border-radius:999px}.rate-results-section::-webkit-scrollbar-thumb:hover{background:var(--text-gray)}.section-header{margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--border-gray)}.section-header h2{font-size:1.125rem;font-weight:700;color:var(--darker-text);letter-spacing:-.01em;line-height:1.3;margin:0 0 var(--space-xs) 0;display:flex;align-items:center;gap:var(--space-sm)}.section-header h2 svg{width:18px;height:18px;color:var(--accent-blue)}.section-header .muted{font-size:.75rem;color:var(--text-gray);margin:0}.section-header .small{font-size:.75rem}.quotes-container{display:flex;flex-direction:column;gap:var(--space-md)}.quote-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--primary-white);border:1px solid var(--border-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);transition:all var(--timing-normal);position:relative;overflow:hidden}.quote-row::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--gradient-blue);opacity:0;transition:opacity var(--timing-normal)}.quote-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-blue-light)}.quote-row:hover::before{opacity:1}.quote-left{display:flex;align-items:center;gap:var(--space-md);flex:1}.courier-logo{width:48px;height:48px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--border-gray);padding:var(--space-xs);background:var(--soft-white)}.meta{display:flex;flex-direction:column;gap:var(--space-xs)}.courier-name{font-size:.875rem;font-weight:700;color:var(--darker-text);line-height:1.3}.eta{font-size:.6875rem;color:var(--text-gray);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.quote-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-sm)}.price{font-size:1.5rem;font-weight:800;color:var(--darker-text);line-height:1;background:var(--gradient-blue);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;background-clip:text}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.quote-row{animation:fadeIn 0.3s ease-out backwards}.quote-row:nth-child(1){animation-delay:0.05s}.quote-row:nth-child(2){animation-delay:0.1s}.quote-row:nth-child(3){animation-delay:0.15s}.quote-row:nth-child(4){animation-delay:0.2s}.quote-row:nth-child(5){animation-delay:0.25s}@media (max-width:1024px){.calculator-split-grid{grid-template-columns:1fr}.rate-results-section{position:relative;top:0;max-height:none}.four-col{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.rate-calculator-main{margin-left:0;padding:var(--space-md)}.three-col,.two-col{grid-template-columns:1fr}.quote-row{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.quote-right{width:100%;flex-direction:row;align-items:center;justify-content:space-between}}[hidden]{display:none!important}.muted{color:var(--text-gray)}.small{font-size:.75rem}.rate-calculator-main{margin-left:var(--sidebar-width);padding-top:calc(68px + 16px);padding-left:var(--space-lg);padding-right:var(--space-lg);padding-bottom:var(--space-xl);background:var(--off-white);transition:margin-left var(--timing-smooth)}.quotes-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:56px 28px;border:2px dashed var(--border-gray);border-radius:var(--radius-md);background:var(--soft-white);color:var(--text-gray);transition:all var(--timing-normal)}.quotes-placeholder:hover{border-color:var(--accent-blue-light);background:var(--primary-white)}.placeholder-icon{font-size:42px;line-height:1;margin-bottom:14px;opacity:.85}.quotes-placeholder h3{font-size:.95rem;font-weight:700;color:var(--darker-text);margin:0 0 6px 0}.quotes-placeholder p{font-size:.75rem;line-height:1.6;color:var(--text-gray);max-width:280px}.quotes-placeholder strong{color:var(--accent-blue);font-weight:700}.quotes-placeholder[hidden]{display:none!important}