:root{--orange:#f97316;--orange-dark:#ea580c;--border:#e5e7eb;--muted:#6b7280;--bg:#f6f6f7;--danger:#dc2626;--green:#16a34a}*{box-sizing:border-box}body{background:var(--bg);color:#111827;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.topbar{border-bottom:1px solid var(--border);background:#fff;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex}.brand{color:var(--orange-dark);font-weight:700}.topbar nav a{color:var(--muted);margin-left:1rem;font-size:.9rem;text-decoration:none}.topbar nav a.active{color:var(--orange-dark);font-weight:600}main{max-width:1200px;margin:1.5rem auto;padding:0 1rem}.card{border:1px solid var(--border);background:#fff;border-radius:.75rem;padding:1.75rem;box-shadow:0 1px 3px #0000000f}h1{margin:0 0 1rem;font-size:1.4rem}h2{margin:0 0 1rem;font-size:1.35rem}input,select{border:1px solid var(--border);background:#fff;border-radius:.5rem;height:2.6rem;padding:.55rem .75rem;font-size:.9rem}input:focus,select:focus{outline:2px solid var(--orange);outline-offset:1px}input:disabled{background:var(--bg);color:var(--muted)}.form-grid{grid-template-columns:1fr 1fr;gap:1.25rem 3rem;display:grid}.field{flex-direction:column;gap:.6rem;display:flex}.field-label{font-size:1rem;font-weight:600}.field-label em,.item-header em{color:var(--muted);font-style:normal;font-weight:400}.label-row{justify-content:space-between;align-items:center;display:flex}.seg{width:100%;display:flex}.seg button{border:1px solid var(--border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;color:#111827;background:#fff;border-right-width:0;flex:1;height:2.6rem;padding:0 .75rem;font-size:.85rem;transition:all .15s}.seg button:first-child{border-radius:.5rem 0 0 .5rem}.seg button:last-child{border-right-width:1px;border-radius:0 .5rem .5rem 0}.seg button:hover{color:#fff;background:#fb923c;border-color:#fb923c}.seg button.active{background:var(--orange);border-color:var(--orange);color:#fff}.seg-row{display:flex}.seg-row .seg{flex:initial}.seg-row .seg button:last-child{border-right-width:0;border-radius:0}.seg-select{color:#111827;cursor:pointer;border-radius:0 .5rem .5rem 0;flex:1;font-size:.85rem}.seg-select.active{background:var(--orange);border-color:var(--orange);color:#fff}.money-input{display:flex;position:relative}.money-input span{color:var(--muted);position:absolute;top:50%;left:.9rem;transform:translateY(-50%)}.money-input input{width:100%;padding-left:2.2rem}.switch-label{cursor:pointer;align-items:center;gap:.6rem;font-size:.85rem;display:flex}.switch-label .ok{color:var(--green)}.switch-label .danger{color:var(--danger)}.switch{width:2.5rem;height:1.4rem;display:inline-block;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch i{pointer-events:none;background:#d1d5db;border-radius:999px;transition:background .15s;position:absolute;inset:0}.switch i:after{content:"";background:#fff;border-radius:50%;width:1.1rem;height:1.1rem;transition:transform .15s;position:absolute;top:.15rem;left:.15rem}.switch input:checked+i{background:var(--orange)}.switch input:checked+i:after{transform:translate(1.1rem)}.addr-block{flex-direction:column;gap:.75rem;display:flex}.addr-head{justify-content:space-between;align-items:center;display:flex}.addr-input{align-items:center;display:flex;position:relative}.addr-input .pin{width:1.25rem;height:1.25rem;color:var(--green);pointer-events:none;position:absolute;left:1rem}.addr-input input{width:100%;height:3.2rem;padding-left:2.9rem}.addr-input.has-error input{border-color:var(--danger)}.field-error{color:var(--danger);margin:-.4rem 0 0;font-size:.8rem}.suggestions{z-index:10;border:1px solid var(--border);background:#fff;border-radius:.5rem;max-height:15rem;margin:.25rem 0 0;padding:.25rem 0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 10px 15px -3px #0000001a}.suggestions li{cursor:pointer;padding:.5rem .75rem;font-size:.85rem}.suggestions li:hover{background:var(--bg)}.accessorials{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.acc-menu{position:relative}.acc-menu summary{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.5rem;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1.1rem;list-style:none;display:flex}.acc-menu summary::-webkit-details-marker{display:none}.acc-menu[open] summary{border-color:var(--orange)}.acc-menu .menu{z-index:10;border:1px solid var(--border);background:#fff;border-radius:.5rem;min-width:14rem;padding:.5rem;position:absolute;top:calc(100% + .25rem);left:0;box-shadow:0 10px 15px -3px #0000001a}.acc-menu .menu label{cursor:pointer;border-radius:.25rem;align-items:center;gap:.5rem;padding:.3rem .4rem;font-size:.85rem;display:flex}.acc-menu .menu label:hover{background:var(--bg)}.acc-menu .menu input{height:auto;accent-color:var(--orange)}.badge{color:var(--orange-dark);cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffedd5;border-radius:999px;padding:.25rem .7rem;font-size:.78rem}.items-section{border-top:1px solid var(--border);margin-top:1.75rem;padding-top:1.5rem}.item-header,.item-grid{grid-template-columns:7.5rem 4.5rem 12rem minmax(10rem,1fr) 4.5rem 4.5rem 5.5rem 5.5rem 2.5rem;align-items:center;gap:.6rem;display:grid}.item-header{margin-bottom:.5rem;font-size:.95rem;font-weight:600}.item{padding:.4rem 0 .8rem}.dims{grid-template-columns:repeat(3,1fr);gap:.4rem;display:grid}.commodity-row{grid-template-columns:minmax(10rem,1fr) 6rem 4.5rem 5.5rem 2.5rem;gap:.6rem;max-width:44rem;margin-top:.5rem;margin-left:12.6rem;display:grid}.item-foot{align-items:center;gap:1.25rem;margin-top:.7rem;display:flex}.check{cursor:pointer;align-items:center;gap:.45rem;font-size:.9rem;display:flex}.check input{height:auto;accent-color:var(--orange)}.actions{justify-content:flex-end;gap:.75rem;margin-top:1.5rem;display:flex}.btn-primary{background:var(--orange);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1.6rem;font-size:.95rem;font-weight:600}.btn-primary:hover{background:var(--orange-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{border:1px solid var(--border);cursor:pointer;color:#374151;background:0 0;border-radius:.5rem;padding:.45rem .9rem;font-size:.85rem}.btn-ghost:hover{background:var(--bg)}.btn-outline{border:1px solid var(--orange);color:var(--orange);cursor:pointer;background:0 0;border-radius:.5rem;margin-top:1.5rem;padding:.55rem 1.1rem;font-size:.9rem;font-weight:500}.btn-outline:hover{background:#fff7ed}.alert{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.375rem;margin-bottom:1rem;padding:.6rem .9rem;font-size:.9rem}.compare-head{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.muted{color:var(--muted);font-size:.85rem}.small{font-size:.75rem}.spinner{border:2px solid var(--border);border-top-color:var(--orange);border-radius:50%;width:.9rem;height:.9rem;margin-left:.5rem;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.table-wrap{border:1px solid var(--border);border-radius:.5rem;margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center;vertical-align:top;min-width:220px;padding:.4rem}th:last-child,td:last-child{border-right:none}thead th{background:var(--bg);color:var(--muted);font-size:.85rem}.service-name{text-transform:uppercase;vertical-align:middle;background:#ffedd5;min-width:90px;font-size:.75rem;font-weight:600}.rate{border:1px solid var(--border);text-align:left;background:#fff;border-radius:.375rem;align-items:center;gap:.6rem;margin:.25rem 0;padding:.35rem .6rem;display:flex}.rate img{object-fit:contain;width:3rem;height:2rem}.rate strong{margin-left:auto;font-size:1rem}.rate .carrier{font-size:.8rem;font-weight:600}.rate.clickable{cursor:pointer}.rate.clickable:hover{background:var(--bg)}.vltl-list{flex-direction:column;gap:.25rem;display:flex}.modal-overlay{z-index:50;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:.75rem;width:100%;max-width:28rem;max-height:90vh;padding:1.5rem;overflow-y:auto;box-shadow:0 20px 25px -5px #0003}.modal-head{align-items:center;gap:.9rem;display:flex}.modal-head img{object-fit:contain;width:4rem;height:4rem}.modal-head h2{flex:1;margin:0;font-size:1.15rem}.modal-info{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;gap:1rem;margin:1.25rem 0;padding-bottom:1.25rem;display:grid}.modal-info p{margin:.1rem 0;font-weight:500}.modal-info p.muted{font-weight:400}.modal-info .span-2{grid-column:span 2}.modal-charges{max-height:15rem;overflow-y:auto}.detail-row{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;font-size:.9rem;display:flex}.detail-row span:last-child{font-weight:500}.modal-total{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:1.25rem;padding-top:1.25rem;font-weight:600;display:flex}.modal-total strong{font-size:1.3rem}.errors{margin-top:1rem;font-size:.85rem}.errors summary{cursor:pointer;color:#2563eb}.docs h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.docs p,.docs li{font-size:.92rem;line-height:1.6}.docs code{background:var(--bg);border:1px solid var(--border);border-radius:.25rem;padding:.1rem .3rem;font-size:.85em}.docs pre{color:#e5e7eb;background:#111827;border-radius:.5rem;padding:1rem;font-size:.8rem;line-height:1.5;overflow-x:auto}.docs pre code{color:inherit;background:0 0;border:none;padding:0}@media (width<=900px){.form-grid{grid-template-columns:1fr}.item-header{display:none}.item-grid{grid-template-columns:repeat(2,1fr)}.commodity-row{grid-template-columns:1fr 1fr;margin-left:0}}