:root{--color-teal-50: #e6fffb;--color-teal-100: #b2fff4;--color-teal-200: #7affec;--color-teal-300: #3dffe3;--color-teal-400: #00e5cc;--color-teal-500: #00c9b7;--color-teal-600: #00a896;--color-teal-700: #008577;--color-bg: #f4f6f8;--color-surface: #ffffff;--color-border: #b8e8e2;--color-border-light: #d4f5f0;--color-text: #1a2e2b;--color-text-muted: #3d5c57;--color-text-subtle: #5a7a74;--color-primary: #00c9b7;--color-primary-hover: #00e5cc;--color-secondary: #ffffff;--color-secondary-border: #00c9b7;--color-secondary-hover: #e6fffb;--color-ghost-active-bg: #b2fff4;--color-ghost-active-text: #008577;--color-danger: #ef4444;--color-success: #10b981;--color-warning-bg: #fef3c7;--font-sans: "Segoe UI", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-email: Calibri, Arial, sans-serif;--text-size: 15px;--header-height: 48px;--toolbar-height: 52px;--pane-min-width: 280px;--table-header-bg: var(--color-teal-200);--table-row-alt: var(--color-teal-50);--split-width: 6px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--shadow-sm: 0 1px 2px rgba(26, 46, 43, .06);--shadow-md: 0 2px 8px rgba(26, 46, 43, .08);--transition-fast: .12s ease}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:var(--font-sans);font-size:var(--text-size);color:var(--color-text);background:var(--color-bg);line-height:1.4;-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.icon{width:16px;height:16px;flex-shrink:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid transparent;border-radius:var(--radius-md);padding:8px 16px;font-size:var(--text-size);font-weight:600;white-space:nowrap;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--color-primary);color:#fff;border-color:var(--color-teal-600);box-shadow:0 1px 3px #00c9b759}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-teal-500);box-shadow:0 2px 6px #00e5cc73}.btn--secondary{background:var(--color-secondary);color:var(--color-teal-700);border-color:var(--color-secondary-border);box-shadow:0 1px 2px #00c9b726}.btn--secondary:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-primary-hover);color:var(--color-teal-700)}.btn--ghost{background:#fff;color:var(--color-teal-600);border-color:var(--color-teal-400);padding:7px 12px}.btn--ghost:hover:not(:disabled){background:var(--color-teal-50);color:var(--color-teal-700);border-color:var(--color-primary)}.btn--ghost[aria-pressed=true]{background:var(--color-ghost-active-bg);color:var(--color-ghost-active-text);border-color:var(--color-primary)}.btn--sm{padding:6px 12px;font-size:var(--text-size)}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.app-header{display:flex;align-items:center;justify-content:flex-end;height:var(--header-height);padding:0 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border-light);flex-shrink:0}.app-header__spacer{flex:1}.app-header__actions{display:flex;gap:8px}.workspace{display:flex;flex:1;min-height:0;overflow:hidden}.pane{display:flex;flex-direction:column;min-width:var(--pane-min-width);min-height:0;background:var(--color-surface)}.pane--table{flex:1 1 62%;border-right:none}.pane--email{flex:1 1 38%;padding:12px;gap:10px;overflow:hidden}.split-divider{flex:0 0 var(--split-width);background:var(--color-border-light);cursor:col-resize;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.split-divider:hover,.split-divider.is-dragging{background:var(--color-teal-200)}.split-divider__handle{width:2px;height:28px;border-radius:2px;background:var(--color-teal-400);opacity:.6}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--toolbar-height);padding:0 12px;border-bottom:1px solid var(--color-border-light);background:var(--color-surface);flex-shrink:0}.search-field__input--project{width:320px}.table-scroll--empty{display:flex;align-items:center;justify-content:center;padding:32px 24px}.table-empty{margin:0;max-width:420px;text-align:center;font-size:var(--text-size);color:var(--color-text-subtle);line-height:1.5}.pdf-selector{position:relative}.pdf-selector__trigger{min-width:110px}.pdf-selector__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:320px;max-width:420px;max-height:280px;overflow:auto;padding:6px;background:var(--color-surface);border:1px solid var(--color-teal-400);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.pdf-selector__menu--left{left:0;right:auto}.pdf-selector__status{margin:8px 10px;font-size:var(--text-size);color:var(--color-text-subtle)}.pdf-selector__item{display:block;width:100%;padding:10px 12px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font-size:var(--text-size);text-align:left;cursor:pointer}.pdf-selector__item:hover{background:var(--color-teal-50)}.pdf-selector__item-name{display:block;line-height:1.35}.table-toolbar__left,.table-toolbar__right{display:flex;align-items:center;gap:8px}.search-field{position:relative;display:flex;align-items:center}.search-field__icon{position:absolute;left:10px;width:14px;height:14px;color:var(--color-text-subtle);pointer-events:none}.search-field__input{width:220px;padding:8px 10px 8px 32px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-size)}.search-field__input:focus{outline:none;border-color:var(--color-teal-400);box-shadow:0 0 0 2px #5a9e9426}.status-toast{margin-top:auto;padding:8px 10px;border-radius:var(--radius-md);font-size:var(--text-size);flex-shrink:0}.status-toast--ok{background:#ecfdf5;color:var(--color-success);border:1px solid #a7f3d0}.status-toast--err{background:#fef2f2;color:var(--color-danger);border:1px solid #fecaca}.status-toast--info{background:var(--color-teal-50);color:var(--color-teal-700);border:1px solid var(--color-teal-200)}@media(max-width:900px){.workspace{flex-direction:column}.split-divider{display:none}.pane--table,.pane--email{flex:1 1 auto}}.table-scroll{flex:1;overflow:auto;min-height:0}.bid-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1400px}.bid-table thead{position:sticky;top:0;z-index:2}.bid-table th{background:var(--table-header-bg);color:var(--color-text);font-size:var(--text-size);font-weight:700;text-align:left;padding:8px 10px;border:1px solid var(--color-border);white-space:nowrap;vertical-align:middle}.bid-table th .col-label{margin-right:4px}.filter-icon{display:inline-block;font-size:var(--text-size);color:var(--color-text-subtle);vertical-align:middle}.bid-table td{padding:8px 10px;border:1px solid var(--color-border-light);font-size:var(--text-size);vertical-align:top;line-height:1.45;word-wrap:break-word}.bid-table tbody tr:nth-child(2n){background:var(--table-row-alt)}.bid-table tbody tr:hover{background:var(--color-teal-100)}.bid-table tbody tr.is-selected{background:var(--color-teal-200);outline:2px solid var(--color-teal-400);outline-offset:-2px}.bid-table tbody tr.is-hidden{display:none}.bid-table th:nth-child(1),.bid-table td:nth-child(1){width:110px}.bid-table th:nth-child(2),.bid-table td:nth-child(2){width:160px}.bid-table th:nth-child(3),.bid-table td:nth-child(3){width:90px}.bid-table th:nth-child(4),.bid-table td:nth-child(4){width:100px}.bid-table th:nth-child(5),.bid-table td:nth-child(5){width:90px}.bid-table th:nth-child(6),.bid-table td:nth-child(6){width:280px}.bid-table th:nth-child(7),.bid-table td:nth-child(7){width:120px}.bid-table th:nth-child(8),.bid-table td:nth-child(8){width:200px}.bid-table th:nth-child(9),.bid-table td:nth-child(9){width:90px}.bid-table th:nth-child(10),.bid-table td:nth-child(10){width:180px}.cell-list{margin:0;padding-left:14px}.cell-list li{margin-bottom:3px}.cell-muted{color:var(--color-text-subtle)}.cell-source{font-size:var(--text-size);color:var(--color-text-muted)}.vendor-picker{display:flex;flex-direction:column;gap:6px;padding:8px 10px;background:var(--color-teal-50);border:1px solid var(--color-border-light);border-radius:var(--radius-md);flex-shrink:0}.vendor-picker--empty{min-height:52px;justify-content:center}.vendor-picker__placeholder{margin:0;font-size:var(--text-size);color:var(--color-text-subtle);font-style:italic}.vendor-picker__pills{display:flex;flex-wrap:wrap;gap:6px}.vendor-pill{display:inline-flex;align-items:center;gap:6px;max-width:100%;padding:7px 14px;border:1px solid var(--color-teal-400);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-size);font-weight:600;text-align:left;line-height:1.3;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.vendor-pill:hover{border-color:var(--color-primary);background:var(--color-teal-50)}.vendor-pill--active{background:var(--color-primary);border-color:var(--color-teal-600);color:#fff;box-shadow:0 1px 4px #00c9b766}.vendor-pill--active:hover{background:var(--color-primary-hover);border-color:var(--color-teal-500)}.vendor-pill__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vendor-pill__badge{font-size:var(--text-size);color:var(--color-teal-400);flex-shrink:0}.vendor-pill--active .vendor-pill__badge{color:#ffffffe6}.vendor-picker__meta{margin:0;font-size:var(--text-size);color:var(--color-text-subtle)}.email-card{display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.email-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-bottom:1px solid var(--color-border-light);background:var(--color-teal-50)}.email-card__title{font-size:var(--text-size);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.email-fields{padding:0 12px;border-bottom:1px solid var(--color-border-light);flex-shrink:0}.email-field{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:6px 0;border-bottom:1px dashed var(--color-border-light);font-size:var(--text-size)}.email-field:last-child{border-bottom:none}.email-field__key{color:var(--color-text-muted);font-weight:700}.email-field__value{color:var(--color-text);overflow:hidden;text-overflow:ellipsis}.email-body{flex:1;min-height:200px;overflow:auto;padding:14px 16px;background:#fff;font-family:var(--font-email);font-size:var(--text-size);color:#17345a;line-height:1.45;outline:none}.email-body:empty:before{content:attr(data-placeholder);color:var(--color-text-subtle);font-family:var(--font-sans);font-size:var(--text-size);font-style:italic}.email-body--readonly:empty:before{content:none}.email-body--loading{display:flex;align-items:center;justify-content:center;color:var(--color-text-subtle);font-style:italic}.email-body--editable:empty:before{content:attr(data-placeholder);color:var(--color-text-subtle);font-family:var(--font-sans);font-size:var(--text-size);font-style:italic}.email-field__input{width:100%;border:1px solid var(--color-teal-400);border-radius:var(--radius-sm);padding:6px 8px;font:inherit;color:var(--color-text);background:#fff}.email-body a{color:#0563c1;text-decoration:underline}.email-body .email-inline-attachments{margin-top:14px}.email-hint{margin:0;padding:8px 12px;font-size:var(--text-size);color:var(--color-text-subtle);border-top:1px solid var(--color-border-light);background:#fafbfc;flex-shrink:0}.email-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex-shrink:0}.attachment-list{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0;flex:1;min-width:0}.attachment-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border:1px solid var(--color-teal-400);border-radius:var(--radius-sm);background:var(--color-teal-50);font-size:var(--text-size)}.attachment-chip__remove{border:none;background:none;padding:0;line-height:1;color:var(--color-text-subtle);font-size:var(--text-size)}.attachment-chip__remove:hover{color:var(--color-danger)}.attachment-chip__link{color:var(--color-teal-700);text-decoration:underline}.attachment-chip__link:hover{color:var(--color-teal-900)}.email-actions .btn--primary{margin-left:auto}.email-actions{padding-top:4px}#root{height:100%}.pane--email{display:flex;flex-direction:column}