:root{color-scheme:light;font-family:"Source Sans 3",sans-serif;line-height:1.5;font-weight:400;color:#17324d;background:radial-gradient(circle at top left,rgba(247,212,146,.55),transparent 28%),radial-gradient(circle at right,rgba(99,175,191,.25),transparent 30%),linear-gradient(180deg,#f8f3ea,#eef4f5)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}.page-shell{position:relative;min-height:100vh;overflow:hidden}.backdrop{position:absolute;border-radius:999px;filter:blur(70px);opacity:.7}.backdrop-one{top:-3rem;left:-6rem;width:18rem;height:18rem;background:#da953147}.backdrop-two{right:-4rem;top:18rem;width:20rem;height:20rem;background:#217a8f2e}.app-layout{position:relative;z-index:1;width:min(1380px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.top-nav{display:flex;justify-content:space-between;gap:1rem;align-items:end;margin-bottom:1.5rem}.nav-title{font-family:Manrope,sans-serif;margin:0;font-size:clamp(1.4rem,2.8vw,2.25rem);max-width:24ch}.nav-actions{display:flex;flex-wrap:wrap;gap:.75rem}.nav-button{border:1px solid rgba(23,50,77,.12);background:#ffffffb8;color:#17324d;border-radius:999px;padding:.8rem 1.2rem;font-weight:700}.nav-button.active{background:#17324d;color:#fff;box-shadow:0 10px 24px #17324d2e}.hero-card,.review-panel{background:#ffffffc7;border:1px solid rgba(23,50,77,.1);border-radius:28px;box-shadow:0 18px 60px #17324d1f;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hero-card{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem;padding:1.5rem}.hero-copy,.hero-preview{min-width:0}.eyebrow{margin:0 0 .5rem;color:#a35718;font-size:.85rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-copy h1,.section-heading h2,.card-heading h3,.empty-state h3{font-family:Manrope,sans-serif;margin:0}.hero-copy h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;max-width:14ch}.hero-text{max-width:58ch;margin:1rem 0 0;color:#47637a;font-size:1.05rem}.action-row{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.primary-button,.secondary-button{border:0;border-radius:16px;padding:.95rem 1.35rem;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.primary-button{background:linear-gradient(135deg,#c7681f,#dd9e31);color:#fff;box-shadow:0 10px 24px #c7681f40}.secondary-button{background:#eaf2f4;color:#17324d}.primary-button:hover,.secondary-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-button:disabled{opacity:.55;cursor:not-allowed}.hidden-input{display:none}.status-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin-top:1.5rem}.status-pill,.summary-chip,.save-placeholder{border-radius:20px;background:#eaf2f4e6;border:1px solid rgba(23,50,77,.08);padding:1rem 1.1rem}.status-label{display:block;margin-bottom:.35rem;color:#5f7a8b;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.status-pill strong,.summary-chip strong{display:block;font-size:1rem;word-break:break-word}.error-banner{margin-top:1rem;padding:.9rem 1rem;border-radius:16px;color:#8c1d18;background:#f7d7d4e6;border:1px solid rgba(140,29,24,.12)}.success-banner{margin-top:1rem;padding:.9rem 1rem;border-radius:16px;color:#14512d;background:#ddf5e4f2;border:1px solid rgba(20,81,45,.12)}.preview-frame{height:100%;min-height:420px;border-radius:24px;background:linear-gradient(180deg,#ffffffeb,#f4f8f8e0),repeating-linear-gradient(135deg,rgba(23,50,77,.02),rgba(23,50,77,.02) 14px,transparent 14px,transparent 28px);border:1px solid rgba(23,50,77,.08);padding:1rem}.document-preview{width:100%;height:100%;min-height:388px;border:0;border-radius:18px;background:#fff}.image-preview{object-fit:contain}.empty-preview{display:grid;place-items:center;align-content:center;height:100%;min-height:388px;text-align:center;color:#587185}.empty-preview span{font-family:Manrope,sans-serif;font-size:1.2rem;font-weight:800}.review-panel{margin-top:1.5rem;padding:1.5rem}.section-heading{display:flex;justify-content:space-between;gap:1rem;align-items:end}.section-heading h2{font-size:clamp(1.5rem,3vw,2.25rem)}.summary-chip{min-width:240px;color:#4f697e;font-weight:700}.summary-chip strong{margin-top:.25rem;color:#17324d;font-size:1.35rem}.empty-state{margin-top:1.25rem;padding:2rem;border-radius:24px;border:1px dashed rgba(23,50,77,.16);background:#ffffff80;text-align:center;color:#587185}.review-sections{display:grid;gap:1rem;margin-top:1.25rem}.data-card{border-radius:24px;background:#ffffffc7;border:1px solid rgba(23,50,77,.08);padding:1.2rem}.card-heading{margin-bottom:1rem}.card-heading p{margin:.35rem 0 0;color:#587185}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem}.field-block{display:flex;flex-direction:column;gap:.45rem}.field-block span{color:#597385;font-size:.92rem;font-weight:700}.field-block input,.field-block textarea,.line-item-table input{width:100%;border:1px solid rgba(23,50,77,.12);background:#fbfcfc;border-radius:14px;padding:.8rem .9rem;color:#17324d;outline:none;transition:border-color .16s ease,box-shadow .16s ease}.field-block textarea{resize:vertical}.field-block input:focus,.field-block textarea:focus,.line-item-table input:focus{border-color:#c7681fb3;box-shadow:0 0 0 3px #dd9e3129}.table-wrap{overflow-x:auto}.line-item-table{width:100%;border-collapse:collapse;min-width:1100px}.line-item-table th{text-align:left;padding:0 .65rem .8rem;color:#597385;font-size:.84rem;text-transform:uppercase;letter-spacing:.05em}.line-item-table td{padding:.45rem .35rem}.save-placeholder{display:flex;justify-content:space-between;gap:1rem;align-items:center}.save-placeholder span{font-family:Manrope,sans-serif;font-weight:800;font-size:1.1rem}.save-placeholder p{margin:0;color:#597385}.confirm-button{background:linear-gradient(135deg,#1b6f64,#2e9d83);color:#fff;box-shadow:0 10px 24px #1b6f6438}.freight-compare-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.35fr);gap:1rem;margin-top:1.25rem;align-items:start}.compare-card{min-width:0}.sticky-preview{position:sticky;top:1rem}.compare-preview-frame{min-height:800px;border-radius:20px;overflow:hidden;border:1px solid rgba(23,50,77,.08);background:#fff}.freight-table{min-width:1200px}@media (max-width: 1100px){.top-nav,.hero-card{grid-template-columns:1fr}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.freight-compare-layout{grid-template-columns:1fr}.sticky-preview{position:static}.compare-preview-frame{min-height:420px}}@media (max-width: 760px){.app-layout{width:min(100% - 1rem,100%);padding:1rem 0 2rem}.hero-card,.review-panel{padding:1rem;border-radius:22px}.nav-actions,.status-row,.details-grid,.section-heading,.save-placeholder{grid-template-columns:1fr;display:grid}.section-heading,.save-placeholder{align-items:stretch}.preview-frame,.compare-preview-frame,.document-preview,.empty-preview{min-height:300px}}