*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#0f172a;background:#f1f5f9;font-family:DM Sans,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}.app{color:#0f172a;background:#f1f5f9;flex-direction:column;min-height:100vh;display:flex}.header{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1e3a5f 55%,#0f766e 140%);box-shadow:0 8px 24px #0f172a2e}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1320px;margin:0 auto;padding:1.35rem 1.5rem;display:flex}.brand{align-items:center;gap:.95rem;display:flex}.brand-mark{letter-spacing:.04em;background:#ffffff1f;border:1px solid #ffffff38;border-radius:12px;place-items:center;width:46px;height:46px;font-size:1rem;font-weight:700;display:grid;box-shadow:inset 0 1px #ffffff26}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:700}.brand-sub{opacity:.85;font-size:1.05rem;font-weight:500}.tagline{opacity:.88;margin:.2rem 0 0;font-size:.86rem}.live-badge{color:#99f6e4;letter-spacing:.06em;background:#2dd4bf29;border:1px solid #5eead48c;border-radius:999px;padding:.38rem .8rem;font-size:.75rem;font-weight:700;display:inline-block}.main{flex-direction:column;flex:1;gap:1.1rem;width:100%;max-width:1320px;margin:0 auto;padding:1.35rem 1.5rem 2.25rem;display:flex}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:1.15rem 1.25rem 1.25rem;box-shadow:0 1px 2px #0f172a0a,0 8px 24px #0f172a08}.rfq-card{border-top:3px solid #0f766e}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.95rem;display:flex}.section-head h2{letter-spacing:-.015em;color:#0f172a;margin:0;font-size:1.08rem;font-weight:650}.section-head.subhead{margin-top:.15rem;margin-bottom:.7rem}.section-head h3{color:#1e293b;margin:0;font-size:.95rem;font-weight:650}.variant-index{color:#64748b;font-weight:500}.variant-title-block{flex-direction:column;flex:1;gap:.45rem;min-width:min(100%,320px);display:flex}.variant-label-input{max-width:420px;font:inherit;color:#334155;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;padding:.4rem .65rem;font-size:.85rem}.variant-label-input:focus{background:#fff;border-style:solid;border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.variant-head-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.hint{color:#64748b;font-size:.8rem}.pill{color:#1d4ed8;letter-spacing:.03em;background:#eff6ff;border-radius:999px;padding:.22rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.pill.readonly{color:#475569;background:#f1f5f9}.pill.teal{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4}.rfq-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem 1rem;display:grid}.rfq-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:11px;padding:.7rem .85rem}.rfq-label{text-transform:uppercase;letter-spacing:.05em;color:#64748b;margin-bottom:.28rem;font-size:.68rem;font-weight:700;display:block}.rfq-value{color:#0f172a;word-break:break-word;font-size:.92rem;font-weight:500}.form-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.8rem .95rem;display:grid}.terms-grid{background:linear-gradient(#f8fafc 0%,#fff 100%);border:1px solid #e2e8f0;border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:1.15rem;padding:.85rem .95rem}.field-span-2{grid-column:1/-1}.field{flex-direction:column;gap:.35rem;display:flex}.field>span{text-transform:uppercase;letter-spacing:.045em;color:#64748b;font-size:.7rem;font-weight:700}.field input,.field select,.field textarea,.offers-table input,.offers-table select{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;min-width:0;padding:.52rem .65rem;transition:border-color .15s,box-shadow .15s,background .15s}.field textarea{resize:vertical;min-height:2.6rem;line-height:1.4}.field input:focus,.field select:focus,.field textarea:focus,.offers-table input:focus,.offers-table select:focus{background:#fff;border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e26}.callout{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:12px;padding:.85rem 1.05rem;font-size:.88rem;line-height:1.5}.callout strong{font-weight:700}.callout em{color:#0f766e;font-style:normal;font-weight:650}.variant-panel{border-left:3px solid #0f766e}.products-block{margin-top:.15rem}.table-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.offers-table{border-collapse:collapse;width:100%;min-width:1100px;font-size:.8rem}.offers-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.045em;white-space:nowrap;z-index:1;background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:.6rem .5rem;font-size:.66rem;font-weight:700;position:sticky;top:0}.offers-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.42rem .38rem}.offers-table tbody tr:hover{background:#f8fafc}.offers-table tbody tr:last-child td{border-bottom:0}.offers-table input,.offers-table select{background:#f8fafc;border-radius:6px;padding:.4rem .45rem;font-size:.8rem}.offers-table .num-input{text-align:right;width:5.5rem}.num{text-align:right;white-space:nowrap;color:#64748b;font-weight:600;padding-left:.55rem!important;padding-right:.55rem!important}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:500}.row-actions{white-space:nowrap;gap:.3rem;display:flex}.variant-row-actions{margin-top:.75rem}.actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.sticky-actions{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #e2e8f0;border-radius:14px;padding:.85rem 1rem;position:sticky;bottom:.75rem;box-shadow:0 10px 30px #0f172a14}.actions-right{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.actions-meta{margin-right:.25rem}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:9px;padding:.55rem .95rem;font-size:.9rem;font-weight:600;transition:background .15s,border-color .15s,opacity .15s,color .15s,transform .1s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#f8fafc;background:linear-gradient(135deg,#0f766e,#0d9488);border-color:#0f766e;box-shadow:0 2px 8px #0f766e40}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#0d9488,#14b8a6)}.btn.ghost{color:#334155;background:#f1f5f9;border-color:#e2e8f0}.btn.ghost:hover:not(:disabled){background:#e2e8f0}.btn.tiny{border-radius:6px;padding:.3rem .5rem;font-size:.72rem}.btn.danger{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.btn.danger:hover:not(:disabled){background:#fee2e2}.footer{text-align:center;background:#fff;border-top:1px solid #e2e8f0;padding:1.1rem 1.5rem}.footer p{margin:0;color:#64748b;max-width:1320px;margin-inline:auto;font-size:.82rem}.footer a{color:#0f766e;font-weight:600;text-decoration:none}.footer a:hover{text-decoration:underline}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;width:min(760px,100%);max-height:min(85vh,900px);display:flex;overflow:hidden;box-shadow:0 24px 48px #0f172a38}.modal-head,.modal-foot{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:.75rem;padding:.95rem 1.15rem;display:flex}.modal-foot{border-top:1px solid #e2e8f0;border-bottom:0}.modal-head h3{margin:0;font-size:1rem;font-weight:650}.email-preview{color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#f8fafc;flex:1;margin:0;padding:1rem 1.15rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;line-height:1.55;overflow:auto}.toast{z-index:60;color:#f8fafc;background:#0f172a;border-radius:12px;max-width:min(520px,100% - 2rem);padding:.85rem 1.15rem;font-size:.9rem;font-weight:500;animation:.2s ease-out toast-in;position:fixed;bottom:1.25rem;left:50%;transform:translate(-50%);box-shadow:0 12px 28px #0f172a47}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@media (width<=720px){.header-inner,.main{padding-left:1rem;padding-right:1rem}.actions-bar,.actions-right{flex-direction:column;align-items:stretch}.actions-right .btn,.actions-bar>.btn{width:100%}.sticky-actions{bottom:.5rem}}.rfq-field-edit{flex-direction:column;display:flex}.rfq-id-input{width:100%;font:inherit;color:#0f172a;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;padding:.28rem .45rem}.rfq-id-input:focus{border-style:solid;border-color:#0f766e;outline:none;box-shadow:0 0 0 3px #0f766e1f}.alert{border-radius:12px;padding:.85rem 1.05rem;font-size:.9rem;line-height:1.45}.alert.error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.success-card{text-align:center;border-top:3px solid #0f766e;max-width:640px;margin:1.5rem auto 0;padding:2.4rem 1.5rem 2rem}.success-mark{color:#0f766e;background:#f0fdfa;border:1px solid #99f6e4;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 1rem;font-size:1.5rem;font-weight:700;display:grid}.success-card h2{margin:0 0 .4rem;font-size:1.35rem}.success-lead{color:#334155;margin:0 0 .55rem}.success-id{color:#0f766e;font-weight:650}.success-status{color:#475569;margin:0 0 1.25rem;font-size:.95rem}.success-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;display:flex}