*,: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:1400px;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.brand{align-items:center;gap:.9rem;display:flex}.brand-mark{letter-spacing:.04em;background:#ffffff1f;border:1px solid #fff3;border-radius:12px;place-items:center;width:44px;height:44px;font-size:.95rem;font-weight:700;display:grid}.brand h1{letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.brand-sub{opacity:.85;font-size:1rem;font-weight:500}.tagline{opacity:.85;margin:.15rem 0 0;font-size:.85rem}.mock-badge{color:#fde68a;letter-spacing:.06em;background:#fbbf2433;border:1px solid #fbbf248c;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-block}.main{flex-direction:column;flex:1;gap:1rem;width:100%;max-width:1400px;margin:0 auto;padding:1.25rem 1.5rem 2rem;display:flex}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:14px;padding:1rem 1.15rem;box-shadow:0 1px 2px #0f172a0a}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.85rem;display:flex}.section-head h2{letter-spacing:-.01em;margin:0;font-size:1.05rem;font-weight:600}.hint{color:#64748b;font-size:.8rem}.pill{color:#1d4ed8;letter-spacing:.03em;background:#eff6ff;border-radius:999px;padding:.2rem .55rem;font-size:.72rem;font-weight:700;display:inline-block}.pill.readonly{color:#475569;background:#f1f5f9}.rfq-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem;display:grid}.rfq-field{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem .8rem}.rfq-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;margin-bottom:.25rem;font-size:.7rem;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(180px,1fr));gap:.75rem .9rem;display:grid}.field{flex-direction:column;gap:.35rem;display:flex}.field>span{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.72rem;font-weight:700}.field input,.field select,.offers-table input,.offers-table select{width:100%;font:inherit;color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;min-width:0;padding:.5rem .6rem;transition:border-color .15s,box-shadow .15s,background .15s}.field input:focus,.field select: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:10px;padding:.75rem 1rem;font-size:.88rem;line-height:1.45}.callout strong{font-weight:700}.offers-panel{padding-bottom:.85rem}.table-wrap{-webkit-overflow-scrolling:touch;border:1px solid #e2e8f0;border-radius:10px;overflow-x:auto}.offers-table{border-collapse:collapse;width:100%;min-width:1280px;font-size:.8rem}.offers-table thead th{text-align:left;color:#475569;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;z-index:1;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.55rem .45rem;font-size:.68rem;font-weight:700;position:sticky;top:0}.offers-table tbody td{vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:.4rem .35rem}.offers-table tbody tr:hover{background:#f8fafc}.offers-table tbody tr:last-child td{border-bottom:0}.offers-table input,.offers-table select{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}.mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:.78rem;font-weight:500}.row-actions{white-space:nowrap;gap:.3rem;display:flex}.actions-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.85rem;display:flex}.actions-right{flex-wrap:wrap;gap:.5rem;display:flex}.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}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#f8fafc;background:linear-gradient(135deg,#0f766e,#0d9488);border-color:#0f766e}.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:1rem 1.5rem}.footer p{margin:0;color:#64748b;max-width:1400px;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;background:#0f172a73;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e2e8f0;border-radius:14px;flex-direction:column;width:min(720px,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:.9rem 1.1rem;display:flex}.modal-foot{border-top:1px solid #e2e8f0;border-bottom:0}.modal-head h3{margin:0;font-size:1rem;font-weight:600}.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{flex-direction:column;align-items:stretch}.actions-right{flex-direction:column}.actions-right .btn,.actions-bar>.btn{width:100%}}
