:root{--sans:system-ui, "Segoe UI", Roboto, sans-serif;color:#2c2d31;font:16px/1.45 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f6f7}#root{min-height:100vh}body{margin:0}*{box-sizing:border-box}.app-shell{color:#2c2d31;background:#f5f6f7;min-height:100vh}.topbar{color:#cdd5dc;background:#202631;justify-content:space-between;align-items:center;min-height:52px;padding:0 38px;display:flex}.brand{color:#43c2c7;font-weight:700}.topbar nav{gap:26px;font-size:14px;display:flex}.nav-link{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:none}.nav-link.active{color:#50c4ca;font-weight:700}.page{padding:30px 40px 48px}.page-heading{justify-content:space-between;align-items:start;gap:24px;margin-bottom:28px;display:flex}.page h1{color:#2f3035;letter-spacing:-.02em;margin:0 0 4px;font-size:30px}.page h2{color:#30333a;margin:0;font-size:18px}.page p{color:#7c8088;margin:0;font-size:14px}.order-select{min-width:360px}.selector-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.order-card,.form-card,.line-items-card,.status-message{background:#fff;border:1px solid #dfe3e7;border-radius:12px;box-shadow:0 1px 2px #0f172a0a}.order-card{cursor:pointer;text-align:left;flex-direction:column;gap:8px;min-height:132px;padding:24px;transition:border-color .2s,transform .2s;display:flex}.order-card:hover{border-color:#49c4ca;transform:translateY(-2px)}.card-icon{color:#1a7f86;background:#e9f8f9;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:13px;font-weight:800;display:inline-flex}.order-card strong{color:#3b3f45}.order-card span,.order-card small{color:#7b818a}.form-card,.line-items-card{gap:18px;margin-bottom:22px;padding:0 0 24px;display:grid}.section-ribbon{color:#fff;text-align:center;background:#49bec7;border-radius:8px;margin:0;padding:12px;font-weight:700}.form-card>:not(.section-ribbon),.line-items-card>:not(.line-table){margin-left:18px;margin-right:18px}.note{color:#888e97}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 34px;display:grid}label{color:#686d75;text-align:left;gap:7px;font-size:13px;display:grid}label span{align-items:center;gap:12px;display:flex}label em{color:#4bbec4;font-size:11px;font-style:normal}input,select,textarea{color:#30333a;font:inherit;background:#fff;border:1px solid #d9dee3;border-radius:8px;min-height:42px;padding:0 12px}input:focus,select:focus,textarea:focus{border-color:#41bdc6;outline:none;box-shadow:0 0 0 3px #41bdc624}input[readonly]{color:#268d95;background:#f7fafb}textarea{resize:vertical;min-height:72px;padding:12px}.incoterm-panel{background:#f8fbfc;border:1px solid #dce9ec;border-radius:12px;gap:18px;padding:18px;display:grid}.radio-groups{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}fieldset{border:1px solid #dbe2e8;border-radius:10px;gap:10px;margin:0;padding:14px;display:grid}legend{color:#4a515b;padding:0 6px;font-size:13px;font-weight:700}.radio-option{flex-direction:row;align-items:center;gap:8px;display:flex}.radio-option input{min-height:auto}.disabled-group{opacity:.55}.incoterm-value{max-width:260px}.incoterm-value small{color:#7f8791}.line-heading{justify-content:space-between;align-items:end;display:flex}.line-table{overflow-x:auto}.line-row{grid-template-columns:1fr 1.45fr .8fr .9fr .9fr .9fr 80px;gap:8px;min-width:980px;padding:8px 18px;display:grid}.line-header{color:#fff;background:#225f78;padding-top:12px;padding-bottom:12px;font-size:13px;font-weight:700}.line-row:not(.line-header){border-bottom:1px solid #edf0f2}.line-row input{min-width:0}.add-line,.icon-button,.primary,.secondary{cursor:pointer;font:inherit;border:0;border-radius:8px;font-weight:700}.add-line{color:#3ab6bd;background:0 0;align-self:center;padding:4px 8px}.icon-button{color:#69727d;background:#f2f5f6;padding:0 10px;font-size:12px}.status-message{color:#315f67;margin-bottom:18px;padding:14px 18px}.actions{gap:20px;display:flex}.primary,.secondary{min-width:150px;padding:14px 22px}.primary{color:#fff;background:#48c3cc}.secondary{color:#30333a;background:#fff;border:1px solid #d9dee3}@media (width<=900px){.topbar,.page-heading,.line-heading{flex-direction:column;align-items:stretch}.topbar{gap:12px;padding:16px 20px}.topbar nav{flex-wrap:wrap;gap:12px}.page{padding:22px 18px 36px}.order-select{min-width:0}.selector-grid,.form-grid,.radio-groups{grid-template-columns:1fr}}