.count-page{max-width:600px;margin:0 auto;padding-bottom:5rem}.count-header{display:flex;align-items:center;gap:.75rem;padding:1rem;position:sticky;top:0;background:var(--color-bg);z-index:10;border-bottom:1px solid var(--color-border)}.count-header h1{font-size:1.25rem;font-weight:600}.back-link{font-size:1.25rem;text-decoration:none;color:var(--color-text)}.count-filters{display:flex;gap:.5rem;padding:.5rem 1rem;position:sticky;top:3.5rem;background:var(--color-bg);z-index:9;border-bottom:1px solid var(--color-border)}.search-input{flex:1;min-width:0;padding:.5rem;border:1px solid var(--color-border);border-radius:6px}.category-select{padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background:#fff}@media (max-width: 767px){.count-filters{flex-direction:column;align-items:stretch}.search-input,.category-select{width:100%}}.count-list{padding:0 1rem}.category-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);padding:1rem 0 .25rem;position:sticky;top:7rem;background:var(--color-bg);z-index:8}.count-row{padding:.75rem 0;border-bottom:1px solid var(--color-border)}.count-row-info{display:flex;align-items:center;gap:.5rem}.item-name{font-weight:500}.chip{font-size:.625rem;font-weight:600;padding:.125rem .375rem;border-radius:4px;text-transform:uppercase}.chip-stale{background:#fef3c7;color:#92400e}.count-row-meta{font-size:.8125rem;color:var(--color-muted);margin-top:.125rem}.count-row-input{display:flex;align-items:center;gap:.5rem;margin-top:.375rem}.count-row-input label{font-size:.8125rem;color:var(--color-muted);min-width:3rem}.qty-input{width:5rem;padding:.5rem;font-size:1.125rem;text-align:right;border:1px solid var(--color-border);border-radius:6px;-moz-appearance:textfield}.qty-input::-webkit-inner-spin-button,.qty-input::-webkit-outer-spin-button{-webkit-appearance:none}.qty-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.qty-error{border-color:var(--color-danger)!important}.qty-warn{border-color:var(--color-warning)!important}.unit-label{font-size:.875rem;color:var(--color-muted)}.warning{font-size:.75rem;margin-top:.25rem;padding:.125rem 0}.warning-error{color:var(--color-danger)}.warning-amber{color:var(--color-warning)}.count-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;background:var(--color-bg);border-top:1px solid var(--color-border);z-index:20}.btn-primary{width:100%;padding:.875rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;min-height:44px}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.toast{margin:.5rem 1rem;padding:.75rem 1rem;border-radius:6px;font-size:.875rem;font-weight:500}.toast-success{background:#dcfce7;color:#166534}.toast-error{background:#fef2f2;color:#991b1b;cursor:pointer}.skeleton{padding:2rem;text-align:center;color:var(--color-muted)}.approve-page{max-width:600px;margin:0 auto;padding-bottom:6rem}.approve-header{display:flex;align-items:center;gap:.75rem;padding:1rem;position:sticky;top:0;background:var(--color-bg);z-index:10;border-bottom:1px solid var(--color-border)}.approve-header h1{font-size:1.25rem;font-weight:600}.approve-summary{padding:.75rem 1rem;border-bottom:1px solid var(--color-border)}.summary-line{font-size:.875rem;color:var(--color-muted)}.summary-total{font-size:1.25rem;font-weight:700;margin-top:.25rem}.vendor-section{border-bottom:1px solid var(--color-border)}.vendor-header{padding:.75rem 1rem;background:#f9fafb}.vendor-name{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.vendor-meta{font-size:.8125rem;color:var(--color-muted);margin-top:.125rem}.vendor-warning{font-size:.75rem;color:var(--color-warning);font-weight:500;margin-top:.25rem}.vendor-header-warn{background:#fef3c7}.line-row{padding:.75rem 1rem;border-top:1px solid #f3f4f6}.line-name{font-weight:500}.line-detail{font-size:.875rem;color:var(--color-text);margin-top:.125rem}.line-context{font-size:.8125rem;color:var(--color-muted);margin-top:.125rem}.chip-warn{background:#fef3c7;color:#92400e}.chip-danger{background:#fef2f2;color:#991b1b}.line-top{display:flex;justify-content:space-between;align-items:center}.btn-remove{background:none;border:none;font-size:1.25rem;color:var(--color-muted);padding:.25rem .5rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.btn-remove:hover{color:var(--color-danger)}.line-edit-row{display:flex;align-items:center;gap:.75rem;margin-top:.375rem;flex-wrap:wrap}.edit-group{display:flex;align-items:center;gap:.25rem}.edit-group label{font-size:.75rem;color:var(--color-muted);min-width:2rem}.stepper{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:6px;overflow:hidden}.stepper button{background:#f9fafb;border:none;padding:.375rem .5rem;font-size:1rem;min-height:44px;min-width:36px}.stepper button:hover{background:#e5e7eb}.qty-input-sm{width:3.5rem;padding:.375rem;font-size:1rem;text-align:center;border:none;border-left:1px solid var(--color-border);border-right:1px solid var(--color-border);-moz-appearance:textfield}.qty-input-sm::-webkit-inner-spin-button,.qty-input-sm::-webkit-outer-spin-button{-webkit-appearance:none}.unit-sm{font-size:.8125rem;color:var(--color-muted)}.price-dollar{font-size:.875rem;color:var(--color-muted)}.price-input{width:4rem;padding:.375rem;font-size:.9375rem;text-align:right;border:1px solid var(--color-border);border-radius:6px;-moz-appearance:textfield}.price-input::-webkit-inner-spin-button,.price-input::-webkit-outer-spin-button{-webkit-appearance:none}.price-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb33}.line-total{font-weight:600;font-size:.9375rem;margin-left:auto}.line-chips{display:flex;gap:.375rem;margin-top:.25rem;flex-wrap:wrap}.chip-override{background:#e0e7ff;color:#3730a3}.empty-state{padding:3rem 1rem;text-align:center;color:var(--color-muted);font-size:1rem}.approve-footer{position:fixed;bottom:0;left:0;right:0;padding:1rem;background:var(--color-bg);border-top:1px solid var(--color-border);z-index:20;text-align:center}.toast-warning{background:#fef3c7;color:#92400e}.app-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:var(--color-bg);border-top:1px solid var(--color-border);z-index:50;max-width:700px;margin:0 auto;padding:.25rem 0}.app-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.125rem;padding:.375rem 0;text-decoration:none;color:var(--color-muted);font-size:.625rem;min-height:44px;justify-content:center}.app-nav-item:hover{color:var(--color-primary)}.app-nav-active{color:var(--color-primary);font-weight:600}.app-nav-icon{font-size:1.125rem;line-height:1}.app-nav-label{line-height:1}.im-page{max-width:700px;margin:0 auto;padding-bottom:4rem}.im-header{display:flex;align-items:center;gap:.75rem;padding:1rem;border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:10}.im-header h1{font-size:1.25rem;font-weight:600;flex:1}.btn-add{padding:.375rem .75rem;font-size:.875rem;border-radius:6px;border:1px solid var(--color-primary);color:var(--color-primary);text-decoration:none;font-weight:500}.im-filters{display:flex;gap:.5rem;padding:.5rem 1rem;flex-wrap:wrap;position:sticky;top:3.5rem;background:var(--color-bg);z-index:9;border-bottom:1px solid var(--color-border)}.im-filters .search-input{flex:1;min-width:200px}.im-filters .category-select,.im-filters .status-select{padding:.5rem;border:1px solid var(--color-border);border-radius:6px;background:#fff;font-size:.875rem}.im-loading{padding:2rem;text-align:center;color:var(--color-muted)}.im-list{padding:0 1rem}.im-row{display:block;padding:.75rem 0;border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text)}.im-row:hover{background:#f9fafb}.im-row-top{display:flex;align-items:center;gap:.5rem}.im-name{font-weight:500}.im-row-meta{font-size:.8125rem;color:var(--color-muted);display:flex;gap:.75rem;margin-top:.125rem}.im-row-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:.25rem;font-size:.8125rem}.im-chips{display:flex;gap:.25rem}.chip-cat{font-size:.625rem;padding:.0625rem .375rem;border-radius:4px;background:#dbeafe;color:#1e40af}.chip-loc{font-size:.625rem;padding:.0625rem .375rem;border-radius:4px;background:#f3f4f6;color:#374151}.chip-archived{font-size:.625rem;padding:.0625rem .375rem;border-radius:4px;background:#fef2f2;color:#991b1b}.im-empty{padding:3rem 1rem;text-align:center;color:var(--color-muted)}.im-footer{padding:.75rem 1rem;text-align:center;font-size:.8125rem;color:var(--color-muted);border-top:1px solid var(--color-border)}.cd-page{max-width:700px;margin:0 auto;padding-bottom:20rem}.cd-loading{padding:3rem;text-align:center;color:var(--color-muted)}.cd-empty{padding:3rem 1rem;text-align:center;color:var(--color-muted)}.cd-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:flex-start;gap:.75rem;position:sticky;top:0;background:var(--color-bg);z-index:10}.cd-back{text-decoration:none;color:var(--color-text);font-size:1.25rem;margin-top:.125rem}.cd-header h1{font-size:1.25rem;font-weight:700;margin:0}.cd-subtitle{font-size:.9375rem;color:var(--color-text);margin-top:.125rem}.cd-meta{font-size:.8125rem;color:var(--color-muted)}.cd-toast{margin:.5rem 1rem;padding:.75rem;border-radius:6px;font-size:.875rem}.cd-toast-success{background:#dcfce7;color:#166534}.cd-toast-error{background:#fef2f2;color:#991b1b}.cd-toast-warning{background:#fef3c7;color:#92400e}.cd-vendor-split{margin:.75rem 1rem;padding:.75rem;background:#f0f4ff;border:1px solid #dbeafe;border-radius:8px}.cd-split-title{font-size:.875rem;font-weight:600;color:#1e40af;margin-bottom:.375rem}.cd-split-row{font-size:.8125rem;color:#374151;padding:.125rem 0;display:flex;gap:.375rem;align-items:center}.cd-split-dot{color:var(--color-primary)}.cd-item-section{border-bottom:2px solid var(--color-border)}.cd-item-header{padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);background:#f9fafb}.cd-card{margin:.5rem 1rem;padding:1rem;border:2px solid var(--color-border);border-radius:10px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.cd-card:hover{border-color:#93c5fd}.cd-card-selected{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}.cd-card-substitute{border-left:4px solid var(--color-warning)}.cd-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.cd-badge-recommended{font-size:.6875rem;font-weight:700;color:#166534;background:#dcfce7;padding:.125rem .5rem;border-radius:4px}.cd-select-btn{padding:.375rem .75rem;border-radius:6px;border:1px solid var(--color-border);background:#fff;font-size:.8125rem;cursor:pointer;min-height:36px}.cd-select-btn-active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:600}.cd-card-vendor{font-size:.9375rem;font-weight:600;color:var(--color-text)}.cd-card-product{font-size:.8125rem;color:var(--color-muted);margin-top:.125rem}.cd-match{margin:.5rem 0;font-size:.8125rem;font-weight:500}.cd-match-exact{color:#166534}.cd-match-substitute{color:#92400e;padding:.5rem;background:#fef3c7;border-radius:6px}.cd-substitute-bar{height:3px;background:var(--color-warning);border-radius:2px;margin-bottom:.375rem}.cd-cost-grid{display:grid;grid-template-columns:1fr auto;gap:.125rem 1rem;margin:.5rem 0;font-size:.8125rem}.cd-cost-label{color:var(--color-muted)}.cd-cost-value{text-align:right}.cd-cost-landed-label{font-weight:600;color:var(--color-text);border-top:1px solid var(--color-border);padding-top:.25rem;margin-top:.125rem}.cd-cost-landed-value{font-weight:700;font-size:.9375rem;color:var(--color-text);border-top:1px solid var(--color-border);padding-top:.25rem;margin-top:.125rem;text-align:right}.cd-savings{font-size:.75rem;color:#166534;font-weight:500;margin-top:.25rem}.cd-extra{font-size:.75rem;color:#991b1b;font-weight:500;margin-top:.25rem}.cd-attrs{margin-top:.5rem}.cd-attr-row{display:flex;justify-content:space-between;font-size:.8125rem;padding:.125rem 0}.cd-attr-label{color:var(--color-muted)}.cd-attr-value{color:var(--color-text)}.cd-attr-missing{color:var(--color-muted);font-style:italic}.cd-reason{margin-top:.5rem;padding:.5rem;background:#f0fdf4;border-radius:6px;font-size:.8125rem;color:#166534;font-style:italic}.cd-no-quotes{padding:1rem;text-align:center;color:var(--color-muted);font-style:italic}.cd-charges-section{border-bottom:2px solid var(--color-border)}.cd-charges-header{padding:.75rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);background:#f9fafb}.cd-charge-row{padding:.5rem 1rem;display:flex;justify-content:space-between;font-size:.8125rem;border-bottom:1px solid #f3f4f6}.cd-footer{position:fixed;bottom:0;left:0;right:0;background:var(--color-bg);border-top:2px solid var(--color-border);padding:1rem;z-index:20;max-width:700px;margin:0 auto}.cd-summary{margin-bottom:.75rem}.cd-summary-title{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted)}.cd-summary-detail{font-size:.8125rem;color:var(--color-muted);margin-top:.125rem}.cd-summary-grid{display:grid;grid-template-columns:1fr auto;gap:0 1rem;font-size:.875rem;margin-top:.25rem}.cd-summary-total-label{font-weight:700;border-top:1px solid var(--color-border);padding-top:.25rem;margin-top:.125rem}.cd-summary-total-value{font-weight:700;font-size:1.125rem;border-top:1px solid var(--color-border);padding-top:.25rem;margin-top:.125rem;text-align:right}.cd-threshold-warning{margin-bottom:.75rem;padding:.5rem .75rem;background:#fef3c7;color:#92400e;border-radius:6px;font-size:.8125rem}.cd-btn-approve{width:100%;padding:.875rem;font-size:1rem;font-weight:600;color:#fff;background:var(--color-primary);border:none;border-radius:8px;cursor:pointer;min-height:44px;margin-bottom:.5rem}.cd-btn-approve:disabled{opacity:.5;cursor:not-allowed}.cd-btn-approve:hover:not(:disabled){background:var(--color-primary-hover)}.cd-btn-escalate{width:100%;padding:.75rem;font-size:.9375rem;font-weight:500;color:var(--color-text);background:#fff;border:1px solid var(--color-border);border-radius:8px;cursor:pointer;min-height:44px}.cd-btn-escalate:hover{border-color:var(--color-warning);color:var(--color-warning)}.cd-escalate-hint{text-align:center;font-size:.75rem;color:var(--color-muted);margin-top:.25rem}.cd-badge-recommended{display:inline-block;font-size:12px;font-weight:600;color:#fff;background:var(--green-primary, #16a34a);padding:4px 8px;border-radius:4px;line-height:1}.cd-reason-text{margin-top:.5rem;font-size:13px;line-height:1.4;color:var(--ink-muted, var(--color-muted))}.cd-row-warning{margin:.375rem 1rem;padding:.375rem .75rem;background:#fef2f2;color:#991b1b;border:1px solid #fecaca;border-radius:6px;font-size:.8125rem;font-weight:500}.cd-badge-signature{font-size:.6875rem;font-weight:600;color:#92400e;background:#fef3c7;padding:.125rem .5rem;border-radius:4px;margin-left:.375rem}@keyframes cd-flash-yellow{0%{background:#fef08a}60%{background:#fef08a}to{background:transparent}}.cd-cell-flash{animation:cd-flash-yellow 2s ease-out forwards;border-radius:4px}.cd-revision-banners{display:flex;flex-direction:column;gap:.375rem;margin:0 1rem .75rem}.cd-revision-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.625rem .875rem;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;font-size:.875rem;color:#78350f;line-height:1.4}.cd-revision-dismiss{flex-shrink:0;background:none;border:none;cursor:pointer;color:#92400e;font-size:1rem;padding:0 .25rem;line-height:1;opacity:.7}.cd-revision-dismiss:hover{opacity:1}.notif-bell-root{position:relative;display:inline-block}.notif-bell-btn{position:relative;width:36px;height:36px;border-radius:8px;border:1px solid var(--line, #e5e7eb);background:var(--bg-elev, #fff);cursor:pointer;font-size:18px}.notif-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#dc2626;color:#fff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.notif-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:min(340px,90vw);background:var(--bg-elev, #fff);border:1px solid var(--line, #e5e7eb);border-radius:10px;box-shadow:0 8px 24px #00000014;z-index:100;max-height:70vh;overflow-y:auto}.notif-head{padding:10px 12px;font-size:12px;font-weight:700;color:var(--muted, #6b7280);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--line, #e5e7eb)}.notif-empty{padding:18px 12px;text-align:center;color:var(--muted, #6b7280);font-size:13px}.notif-item{display:block;width:100%;border:none;background:transparent;text-align:left;padding:10px 12px;cursor:pointer;border-bottom:1px solid var(--line, #e5e7eb);font:inherit;color:inherit}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--bg-muted, #f9fafb)}.notif-item--unread{background:#ecfdf5}.notif-item-title{font-weight:600;font-size:14px;margin-bottom:2px}.notif-item-body{font-size:12px;color:var(--muted, #4b5563);line-height:1.4}.shell{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.shell-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 24px;background:var(--bg-elev);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.shell-nav-left{display:flex;align-items:center;gap:32px}.shell-nav-right{display:flex;align-items:center;gap:12px}.shell-logo-link{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.shell-tabs{display:flex;align-items:center;gap:4px}.shell-tab{font-family:var(--font-sans);font-size:14px;font-weight:500;color:var(--ink-muted);text-decoration:none;padding:6px 12px;border-radius:6px;transition:color var(--dur) var(--ease),background var(--dur) var(--ease)}.shell-tab:hover,.shell-tab--active{color:var(--ink);background:var(--bg-subtle)}.shell-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px clamp(16px,4vw,48px)}@media (max-width: 600px){.shell-nav{padding:0 16px}.shell-tabs{display:none}.shell-main{padding:16px}}.dash-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;background:#fef9c3;border:1px solid #FDE047;border-radius:var(--radius-card);font-size:14px;color:#713f12;margin-bottom:28px;flex-wrap:wrap}.dash-banner-cta{font-weight:600;color:var(--green-primary);text-decoration:none;white-space:nowrap}.dash-banner-cta:hover{text-decoration:underline}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.dash-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);padding:24px;box-shadow:var(--shadow-card)}.dash-card-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted);margin-bottom:8px}.dash-card-value{font-family:var(--font-mono);font-size:36px;font-weight:700;color:var(--ink);letter-spacing:-1px;margin-bottom:12px}.dash-card-value--green{color:var(--green-primary)}.dash-card-link{font-size:13px;font-weight:500;color:var(--green-primary);text-decoration:none}.dash-card-link:hover{text-decoration:underline}.dash-section-heading{font-size:15px;font-weight:600;color:var(--ink-2);margin-bottom:16px;letter-spacing:-.2px}.dash-activity{margin-bottom:36px}.dash-empty{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);padding:32px 24px;text-align:center;color:var(--ink-muted);font-size:14px}.dash-empty-cta{display:inline-block;margin-top:12px;font-size:14px;font-weight:600;color:var(--green-primary);text-decoration:none}.dash-empty-cta:hover{text-decoration:underline}.dash-event-list{list-style:none;padding:0;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.dash-event{display:flex;align-items:center;gap:12px;padding:12px 20px;border-bottom:1px solid var(--line);font-size:14px}.dash-event:last-child{border-bottom:none}.dash-event-dot{width:7px;height:7px;border-radius:50%;background:var(--green-primary);flex-shrink:0}.dash-event-text{flex:1;color:var(--ink-2);text-transform:capitalize}.dash-event-time{font-size:12px;color:var(--ink-muted);white-space:nowrap}.dash-quick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.dash-quick-card{display:flex;align-items:center;justify-content:center;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px 12px;font-size:14px;font-weight:500;color:var(--ink-2);text-decoration:none;text-align:center;transition:border-color var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.dash-quick-card:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card)}@media (max-width: 768px){.dash-cards{grid-template-columns:1fr}.dash-card-value{font-size:28px}}.portal-shell{min-height:100vh;background:#f5f5f4;color:var(--color-text);-webkit-text-size-adjust:100%}.portal-container{max-width:640px;margin:0 auto;padding:1rem 1rem 14rem}.portal-loading{padding:3rem 1rem;text-align:center;color:var(--color-muted);font-size:1rem}.portal-error-card,.portal-success-card{max-width:440px;margin:4rem auto;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:2rem 1.5rem;text-align:center}.portal-error-card h1{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.portal-error-card p{color:var(--color-muted);margin-bottom:.5rem}.portal-error-card p.muted{font-size:.875rem;margin-top:1rem}.portal-success-card .success-check{width:64px;height:64px;border-radius:50%;background:var(--color-success);color:#fff;font-size:2rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.portal-success-card h1{font-size:1.5rem;font-weight:600;margin-bottom:.25rem}.success-vendor{color:var(--color-muted);font-size:.875rem;margin-bottom:1.5rem}.success-total{font-size:2.25rem;font-weight:700;margin-bottom:.25rem;font-feature-settings:"tnum"}.success-detail{color:var(--color-muted);font-size:.875rem;margin-bottom:1.5rem}.portal-success-card .muted{color:var(--color-muted);font-size:.8125rem;line-height:1.5}.portal-header{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:1.25rem 1rem;margin-bottom:1rem}.portal-brand{font-size:.75rem;font-weight:600;letter-spacing:.08em;color:var(--color-muted);text-transform:uppercase;margin-bottom:.5rem}.portal-title{font-size:1.375rem;font-weight:700;line-height:1.25;margin-bottom:.5rem}.portal-buyer{font-size:.9375rem;color:var(--color-text);margin-bottom:.75rem}.portal-buyer strong{font-weight:600}.portal-deadline{display:inline-block;padding:.375rem .75rem;background:#fef3c7;color:#92400e;border-radius:999px;font-size:.8125rem;font-weight:600}.portal-alt-badge{display:inline-block;margin-top:.5rem;margin-left:.375rem;padding:.375rem .75rem;background:#dcfce7;color:#166534;border-radius:999px;font-size:.8125rem;font-weight:600}.portal-instructions{margin-top:.875rem;padding:.75rem .875rem;background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:8px;font-size:.875rem;line-height:1.45}.portal-instructions strong{font-weight:600}.portal-resubmit-note{margin-top:.75rem;padding:.625rem .75rem;background:#eff6ff;border:1px solid #bfdbfe;color:#1e40af;border-radius:8px;font-size:.8125rem}.portal-notes-from-buyer{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:.875rem 1rem;margin-bottom:1rem}.portal-notes-from-buyer p{font-size:.9375rem;color:var(--color-text);line-height:1.5}.section-label{font-size:.75rem;font-weight:600;letter-spacing:.04em;color:var(--color-muted);text-transform:uppercase;margin-bottom:.375rem}.section-header{display:flex;align-items:baseline;justify-content:space-between;padding:0 .25rem;margin-bottom:.5rem}.section-header h2{font-size:.8125rem;font-weight:600;letter-spacing:.04em;color:var(--color-muted);text-transform:uppercase}.section-counter{font-size:.8125rem;color:var(--color-muted)}.portal-lines{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.line-card{display:flex;gap:.75rem;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:1rem;transition:border-color .12s,background .12s}.line-card.priced{border-color:#86efac;background:#f0fdf4}.line-card.declined{border-color:var(--color-border);background:#f9fafb;opacity:.72}.line-card-number{flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:var(--color-border);color:var(--color-muted);display:flex;align-items:center;justify-content:center;font-size:.8125rem;font-weight:600;margin-top:.125rem}.line-card.priced .line-card-number{background:var(--color-success);color:#fff}.line-card-body{flex:1;min-width:0}.line-card-desc{font-size:1rem;font-weight:600;line-height:1.3;margin-bottom:.375rem}.line-card-meta{display:flex;flex-wrap:wrap;gap:.375rem .625rem;align-items:center;margin-bottom:.5rem;font-size:.8125rem;color:var(--color-muted)}.line-qty{color:var(--color-text)}.line-meta-pill{padding:.125rem .5rem;background:#f3f4f6;border-radius:4px;font-size:.75rem}.line-meta-pill.mono{font-family:var(--font-mono)}.line-meta-pill.alt{background:#dcfce7;color:#166534}.line-specs{font-size:.8125rem;color:var(--color-muted);margin-bottom:.625rem;padding:.5rem .625rem;background:#f9fafb;border-radius:6px;line-height:1.45}.price-row{display:flex;align-items:stretch;gap:.5rem;margin-top:.625rem}.price-label{flex:1;display:flex;align-items:center;background:#fff;border:2px solid var(--color-border);border-radius:8px;padding:0 .5rem 0 .75rem;transition:border-color .12s;min-height:48px}.price-label:focus-within{border-color:var(--color-primary)}.price-currency{font-size:1.125rem;font-weight:600;color:var(--color-muted);margin-right:.125rem}.price-input{flex:1;border:none;outline:none;font-size:1.25rem;font-weight:600;padding:.5rem 0;background:transparent;min-width:0;font-feature-settings:"tnum"}.price-input::placeholder{color:#d1d5db;font-weight:500}.price-per{font-size:.8125rem;color:var(--color-muted);margin-left:.5rem;white-space:nowrap}.decline-btn{flex:0 0 auto;padding:0 .875rem;background:#fff;border:1px solid var(--color-border);border-radius:8px;color:var(--color-muted);font-size:.8125rem;font-weight:500;min-height:48px;transition:background .12s,color .12s,border-color .12s}.decline-btn:hover{background:#f9fafb;color:var(--color-text);border-color:#9ca3af}.line-total-preview{margin-top:.5rem;font-size:.875rem;color:var(--color-muted);text-align:right;font-feature-settings:"tnum"}.line-total-preview strong{color:var(--color-text);font-weight:600}.expand-btn{margin-top:.625rem;background:none;border:none;color:var(--color-primary);font-size:.8125rem;font-weight:500;padding:.25rem 0;text-align:left}.expand-btn:hover{color:var(--color-primary-hover)}.line-extras{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--color-border)}.extras-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.625rem}.extras-field{display:flex;flex-direction:column;gap:.25rem}.extras-field span{font-size:.75rem;font-weight:500;color:var(--color-muted)}.extras-field input{padding:.5rem .625rem;border:1px solid var(--color-border);border-radius:6px;font-size:.9375rem;min-height:40px;background:#fff}.extras-field input:focus{outline:none;border-color:var(--color-primary)}.sub-checkbox{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .625rem;background:#dcfce7;border-radius:6px;font-size:.8125rem;color:#166534;cursor:pointer}.sub-checkbox input{width:1rem;height:1rem}.declined-state{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.625rem;padding:.625rem .75rem;background:#fff;border:1px dashed var(--color-border);border-radius:8px;font-size:.875rem;color:var(--color-muted)}.declined-state span{flex:1}.link-btn{background:none;border:none;color:var(--color-primary);font-size:.875rem;font-weight:500;padding:.25rem .5rem}.portal-extras{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.freight-field,.notes-field{display:flex;flex-direction:column;gap:.375rem;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:.875rem 1rem}.freight-field>span,.notes-field>span{font-size:.8125rem;font-weight:600;color:var(--color-text)}.freight-input-wrap{display:flex;align-items:center;background:#fff;border:1px solid var(--color-border);border-radius:6px;padding:0 .625rem;min-height:44px}.freight-input-wrap:focus-within{border-color:var(--color-primary)}.freight-currency{color:var(--color-muted);font-weight:600;margin-right:.125rem}.freight-input-wrap input{flex:1;border:none;outline:none;font-size:1rem;padding:.5rem 0;background:transparent;font-feature-settings:"tnum"}.notes-field textarea{border:1px solid var(--color-border);border-radius:6px;padding:.625rem;font-family:inherit;font-size:.9375rem;resize:vertical;background:#fff}.notes-field textarea:focus{outline:none;border-color:var(--color-primary)}.portal-submit-bar{position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--color-border);padding:.875rem 1rem calc(.875rem + env(safe-area-inset-bottom));box-shadow:0 -4px 16px #0000000a;z-index:10}.submit-summary{display:flex;align-items:baseline;justify-content:space-between;max-width:640px;margin:0 auto .625rem}.submit-counts{font-size:.875rem;color:var(--color-muted)}.submit-counts strong{color:var(--color-text);font-weight:600}.declined-chip{margin-left:.25rem}.submit-total{text-align:right}.submit-total-label{display:block;font-size:.75rem;color:var(--color-muted);margin-bottom:.125rem}.submit-total-value{font-size:1.375rem;font-weight:700;font-feature-settings:"tnum"}.submit-buttons{display:flex;gap:.5rem;max-width:640px;margin:0 auto}.btn-primary,.btn-secondary{flex:1;min-height:52px;padding:0 1rem;border-radius:10px;font-size:1rem;font-weight:600;border:1px solid transparent;transition:background .12s,border-color .12s,color .12s}.btn-primary{flex:2;background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:disabled{background:#93c5fd;cursor:not-allowed}.btn-secondary{background:#fff;border-color:var(--color-border);color:var(--color-text)}.btn-secondary:hover:not(:disabled){background:#f9fafb}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.submit-error{max-width:640px;margin:0 auto .625rem;padding:.625rem .75rem;background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;font-size:.875rem}.submit-error.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.submit-fineprint{max-width:640px;margin:.625rem auto 0;text-align:center;font-size:.75rem;color:var(--color-muted)}@media (min-width: 640px){.portal-container{padding:2rem 1.5rem 3rem}.portal-title{font-size:1.5rem}.extras-grid{grid-template-columns:repeat(3,1fr)}.portal-submit-bar{position:static;background:#fff;border:1px solid var(--color-border);border-top:1px solid var(--color-border);border-radius:12px;padding:1.25rem;margin-top:1rem;box-shadow:0 4px 12px #0000000a}.portal-submit-bar .submit-summary{margin-bottom:1rem}.submit-total-value{font-size:1.5rem}}@media (max-width: 400px){.price-row{flex-direction:column}.decline-btn{min-height:40px}.extras-grid{grid-template-columns:1fr}}.portal-signature-toggle{background:#fff;border:1px solid var(--color-border);border-radius:10px;padding:.875rem 1rem;margin-bottom:1rem}.sig-toggle-label{display:flex;align-items:center;gap:.75rem;cursor:pointer}.sig-toggle-text{flex:1;display:flex;flex-direction:column;gap:.25rem}.sig-toggle-title{font-size:.9375rem;font-weight:500;color:var(--color-text)}.sig-toggle-helper{font-size:.8125rem;color:var(--color-muted);line-height:1.4}.sig-switch{flex-shrink:0;position:relative;width:51px;height:31px;background:#e5e5ea;border:none;border-radius:31px;cursor:pointer;transition:background .2s ease;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none}.sig-switch:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;background:#fff;border-radius:50%;box-shadow:0 1px 4px #0000004d;transition:transform .2s ease}.sig-switch-on{background:#34c759}.sig-switch-on:after{transform:translate(20px)}.portal-lock-card{max-width:440px;margin:2rem auto;background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:2rem 1.5rem;text-align:center}.portal-lock-icon{font-size:2.5rem;margin-bottom:.75rem}.portal-lock-card h2{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;line-height:1.4}.portal-lock-card p{color:var(--color-muted);font-size:.9375rem;margin-bottom:1rem}.portal-lock-summary{background:#f5f5f4;border-radius:8px;padding:.875rem 1rem;margin-top:1.25rem}.lock-summary-label{font-size:.8125rem;color:var(--color-muted);margin-bottom:.25rem}.lock-summary-total{font-size:1.75rem;font-weight:700;font-feature-settings:"tnum"}.suppliers-desktop{display:block}.suppliers-mobile{display:none}@media (max-width: 767px){.suppliers-desktop{display:none}.suppliers-mobile{display:block}}.supplier-card{border:1px solid #e5e7eb;border-radius:10px;padding:.875rem 1rem;background:#fff;margin-bottom:.625rem;display:flex;flex-direction:column;gap:.5rem}.supplier-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.supplier-card-vendor{font-weight:600;font-size:.9375rem;color:#111827;line-height:1.3}.supplier-card-rep{font-size:.875rem;color:#374151;margin-top:.125rem}.supplier-card-meta{display:flex;flex-direction:column;gap:.25rem}.supplier-card-row{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:#4b5563}.supplier-card-row .icon{width:14px;flex-shrink:0;color:#9ca3af;text-align:center}.supplier-card-row a{color:#374151;text-decoration:none}.supplier-card-row a:hover{text-decoration:underline}.supplier-card-status{font-size:.8125rem;font-weight:500}.supplier-card-menu-btn{background:none;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:1.25rem;line-height:1;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;color:#374151;flex-shrink:0}.supplier-card-menu{position:absolute;right:0;top:100%;z-index:100;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:220px;overflow:hidden;margin-top:4px}.supplier-card-menu button{display:block;width:100%;text-align:left;padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-size:.875rem;min-height:44px}.supplier-card-menu button:hover{background:#f9fafb}.supplier-card-backup{padding:.5rem .75rem;border-top:1px dashed #e5e7eb;font-size:.8125rem;color:#374151;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.supplier-card-outreach{padding:.5rem .75rem;background:#fef2f2;border-radius:6px;margin-top:.25rem}.supplier-card-outreach button{font-size:.8125rem;color:#dc2626;background:none;border:1px solid #fca5a5;border-radius:6px;padding:.5rem .75rem;cursor:pointer;font-weight:500;min-height:40px;width:100%}.auth-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column;overflow-x:hidden}.auth-header{padding:24px 32px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.auth-main{flex:1;width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px 80px}.auth-card{width:100%;max-width:400px;box-sizing:border-box;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);padding:40px 36px;box-shadow:var(--shadow-card);overflow:hidden}.auth-headline{margin-bottom:28px}.auth-headline h1{font-family:var(--font-sans);font-size:22px;font-weight:700;letter-spacing:-.4px;color:var(--ink);margin-bottom:6px}.auth-headline p{font-size:14px;color:var(--ink-muted);line-height:1.5}.auth-footer-note{margin-top:20px;font-size:14px;color:var(--ink-muted);text-align:center}.auth-link{color:var(--green-primary);text-decoration:none;font-weight:500}.auth-link:hover{text-decoration:underline}.auth-card .cl-rootBox,.auth-card .cl-card,.auth-card .cl-main,.auth-card .cl-form,.auth-card .cl-formField,.auth-card .cl-formFieldInput,.auth-card .cl-formFieldInputGroup,.auth-card .cl-formFieldRow,.auth-card .cl-socialButtons,.auth-card .cl-socialButtonsBlockButton,.auth-card .cl-formButtonPrimary,.auth-card .cl-footer,.auth-card .cl-footerAction,.auth-card .cl-footerActionText,.auth-card .cl-dividerRow,.auth-card .cl-identityPreview,.auth-card .cl-alert{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important}.auth-card .cl-formFieldInput,.auth-card .cl-socialButtonsBlockButton{padding:10px 12px!important;font-size:16px!important}.auth-card .cl-internal-b3fm6y,.auth-card [class*=cl-internal-],.auth-card [data-localization-key]{max-width:100%!important;min-width:0!important;box-sizing:border-box!important}@media (max-width: 480px){.auth-card{padding:16px 12px;border-radius:8px;width:calc(100vw - 24px);max-width:calc(100vw - 24px)}.auth-header{padding:16px 20px}.auth-main{padding:16px 8px 48px}}.ovc-upload-zones{display:flex;flex-direction:column;gap:10px;margin:20px 0 8px}.ovc-zone{display:flex;gap:14px;align-items:center;padding:16px;width:100%;background:var(--bg-elev, #fff);border:1.5px dashed var(--line, #d1d5db);border-radius:12px;cursor:pointer;font:inherit;text-align:left;color:inherit;transition:border-color .12s ease,background .12s ease}.ovc-zone:hover,.ovc-zone:focus-visible{border-color:var(--green-primary, #16a34a);outline:none;background:var(--bg-muted, #f9fafb)}.ovc-zone:disabled{opacity:.55;cursor:default}.ovc-zone-icon{font-size:26px;line-height:1;flex-shrink:0}.ovc-zone-body{flex:1;min-width:0}.ovc-zone-title{font-weight:600;font-size:15px}.ovc-zone-sub{font-size:13px;color:var(--muted, #6b7280);margin-top:2px}.ovc-progress-list{list-style:none;padding:0;margin:12px 0 16px;display:flex;flex-direction:column;gap:6px;font-size:13px}.ovc-progress-row{display:flex;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:var(--bg-muted, #f9fafb)}.ovc-progress-row--parsing{color:var(--muted, #6b7280)}.ovc-progress-row--parsed{color:#166534;background:#ecfdf5}.ovc-progress-row--failed{color:#991b1b;background:#fef2f2}.ovc-progress-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.ovc-review-list{display:flex;flex-direction:column;gap:14px;margin:16px 0 20px}.ovc-review-card{border:1px solid var(--line, #e5e7eb);border-radius:12px;overflow:hidden;background:var(--bg-elev, #fff)}.ovc-review-header{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-muted, #f9fafb);border-bottom:1px solid var(--line, #e5e7eb)}.ovc-review-vendor{flex:1 1 auto;min-width:0}.ovc-review-meta{font-size:12px;color:var(--muted, #6b7280);white-space:nowrap}.ovc-review-lines{list-style:none;padding:0;margin:0}.ovc-review-line{display:grid;grid-template-columns:1fr auto auto 28px;gap:8px;padding:8px 12px;border-top:1px solid var(--line, #e5e7eb);font-size:13px;align-items:center}.ovc-review-line:first-child{border-top:none}.ovc-line-desc{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ovc-line-qty,.ovc-line-price{font-variant-numeric:tabular-nums;color:var(--muted, #4b5563);font-size:12px}.ovc-row-x{width:26px;height:26px;border-radius:6px;border:none;background:transparent;color:var(--muted, #6b7280);cursor:pointer;font-size:14px}.ovc-row-x:hover{background:#fee2e2;color:#991b1b}.ovc-onboarding-footer{margin-top:16px;display:flex;justify-content:center}.ovc-root{width:100%;max-width:760px;margin:0 auto;padding:16px 12px 40px;color:inherit}.ovc-hero{text-align:center;padding:24px 12px 16px}.ovc-eyebrow{margin:0 0 4px;color:var(--muted, #6b7280);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.ovc-total{margin:4px 0;font-size:clamp(44px,11vw,72px);font-weight:700;color:var(--green-primary, #16a34a);line-height:1}.ovc-period{margin:6px 0 0;color:var(--muted, #6b7280);font-size:13px}.ovc-section{margin:22px 0}.ovc-h2{margin:0 0 10px;font-size:18px;font-weight:600}.ovc-table{display:flex;flex-direction:column;border-radius:12px;overflow:hidden;border:1px solid var(--line, #e5e7eb);background:var(--bg-elev, #fff)}.ovc-trow{display:grid;grid-template-columns:2fr 1fr 1fr .6fr .8fr;gap:6px;padding:10px 12px;font-size:13px;border-top:1px solid var(--line, #e5e7eb)}.ovc-trow:first-child{border-top:none}.ovc-trow--head{background:var(--bg-muted, #f8fafc);font-weight:600;color:var(--muted, #6b7280);text-transform:uppercase;font-size:11px;letter-spacing:.04em}.ovc-item-name{font-weight:500;display:flex;align-items:center;gap:6px}.ovc-tag{font-size:10px;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.04em}.ovc-tag--low{background:#fef3c7;color:#92400e}.ovc-over{font-weight:600;color:#b91c1c}.ovc-check-card{background:var(--bg-elev, #f0fdf4);border:1px solid #bbf7d0;border-radius:12px;padding:18px}.ovc-check-body{margin:0 0 14px;color:var(--muted, #374151);font-size:14px;line-height:1.45}.ovc-check-actions{display:flex;gap:10px}.ovc-check-success{padding:12px;background:#dcfce7;color:#14532d;border-radius:8px;font-size:14px}.ovc-no-reps{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:12px;background:#fff7ed;color:#9a3412;border-radius:8px;font-size:14px}.ovc-small-btn{padding:8px 14px;font-size:14px}.ovc-inflight{margin:12px 0 0;color:var(--muted, #6b7280);font-size:13px}.ovc-loading,.ovc-empty,.ovc-error{padding:48px 16px;text-align:center;color:var(--muted, #6b7280)}@media (max-width: 480px){.ovc-trow{grid-template-columns:1.4fr .8fr .8fr .5fr .8fr;font-size:12px;gap:4px}}.ob-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.ob-header{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;border-bottom:1px solid var(--line);background:var(--bg-elev)}.ob-header-left{display:flex;align-items:center}.ob-back-btn{background:none;border:none;font:inherit;font-size:14px;font-weight:500;color:var(--ink-muted);cursor:pointer;padding:4px 0;transition:color var(--dur) var(--ease)}.ob-back-btn:hover{color:var(--ink)}.ob-step-label{font-size:13px;font-weight:500;color:var(--ink-muted);letter-spacing:.2px}.ob-progress-bar{height:3px;background:var(--line);width:100%}.ob-progress-fill{height:100%;background:var(--green-primary);transition:width .4s var(--ease)}.ob-main{flex:1;display:flex;justify-content:center;padding:56px 24px 80px}.ob-content{width:100%;max-width:560px}.ob-screen{display:flex;flex-direction:column;gap:0}.ob-h1{font-family:var(--font-sans);font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--ink);margin-bottom:12px;line-height:1.25}.ob-h1--playful{font-size:32px}.ob-sub{font-size:15px;color:var(--ink-3);line-height:1.6;margin-bottom:32px}.ob-btn-primary{display:block;width:100%;padding:14px 24px;background:var(--green-primary);color:#fff;border:none;border-radius:var(--radius-button);font-family:var(--font-sans);font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:background var(--dur) var(--ease),transform var(--dur) var(--ease);margin-top:24px}.ob-btn-primary:hover:not(:disabled){background:var(--green-hover);transform:translateY(-1px)}.ob-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ob-skip-link{background:none;border:none;font:inherit;font-size:13px;color:var(--ink-muted);cursor:pointer;text-align:center;margin-top:16px;padding:4px 0;transition:color var(--dur) var(--ease);width:100%}.ob-skip-link:hover{color:var(--ink)}.ob-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:240px;border:2px dashed var(--line-strong);border-radius:var(--radius-card);background:var(--bg-elev);cursor:pointer;transition:border-color var(--dur) var(--ease),background var(--dur) var(--ease);padding:32px;text-align:center}.ob-dropzone:hover,.ob-dropzone--drag{border-color:var(--green-primary);background:var(--green-soft)}.ob-cloud-icon{width:40px;height:40px;color:var(--ink-muted)}.ob-dropzone--drag .ob-cloud-icon,.ob-dropzone:hover .ob-cloud-icon{color:var(--green-primary)}.ob-dropzone-text{font-size:15px;font-weight:500;color:var(--ink-2)}.ob-dropzone-hint{font-size:13px;color:var(--ink-muted)}.ob-loading-state{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 0}.ob-spinner{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--green-primary);border-radius:50%;animation:ob-spin .8s linear infinite}@keyframes ob-spin{to{transform:rotate(360deg)}}.ob-loading-filename{font-size:14px;font-weight:500;color:var(--ink-2)}.ob-loading-msg{font-size:14px;color:var(--ink-muted);min-height:20px;transition:opacity .3s ease}.ob-loading-full{min-height:100vh;display:flex;align-items:center;justify-content:center}.ob-wow-eyebrow{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--ink-muted);margin-bottom:8px}.ob-wow-amount{font-family:var(--font-sans);font-size:56px;font-weight:800;letter-spacing:-2px;color:var(--green-primary);line-height:1;margin-bottom:16px}.ob-wow-amount span{font-size:28px;font-weight:600;letter-spacing:-.5px;color:var(--ink-muted)}.ob-overcharge-list{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.ob-overcharge-card{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);padding:16px 20px;box-shadow:var(--shadow-card)}.ob-oc-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.ob-oc-name{font-size:15px;font-weight:600;color:var(--ink);flex:1}.ob-oc-pill{background:var(--green-soft);color:var(--green-primary);font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}.ob-oc-prices{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink-3);margin-bottom:8px;flex-wrap:wrap}.ob-oc-sep{color:var(--line-strong)}.ob-oc-reasoning{font-size:13px;color:var(--ink-muted);line-height:1.5}.ob-disclaimer{font-size:12px;color:var(--ink-muted);line-height:1.5;margin-bottom:4px}.ob-supplier-list{display:flex;flex-direction:column;gap:20px;margin-bottom:16px}.ob-supplier-row{display:flex;flex-direction:column;gap:10px;padding:20px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card)}.ob-supplier-row-header{display:flex;align-items:center;justify-content:space-between}.ob-supplier-num{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-muted)}.ob-remove-btn{background:none;border:none;font:inherit;font-size:13px;color:var(--danger);cursor:pointer}.ob-add-supplier-btn{background:none;border:1px dashed var(--line-strong);border-radius:var(--radius-button);font:inherit;font-size:14px;font-weight:500;color:var(--ink-3);cursor:pointer;padding:10px 16px;width:100%;transition:border-color var(--dur),color var(--dur);margin-bottom:4px}.ob-add-supplier-btn:hover{border-color:var(--green-primary);color:var(--green-primary)}.ob-form{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.ob-label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:500;color:var(--ink-2)}.ob-label--grow{flex:1}.ob-input{width:100%;padding:10px 12px;background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-button);font:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color var(--dur) var(--ease);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ob-input:focus{border-color:var(--green-primary);box-shadow:0 0 0 3px #15803d1f}.ob-input::placeholder{color:var(--ink-muted)}.ob-input-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ob-input-grid--3{grid-template-columns:1fr auto auto}.ob-error{font-size:13px;color:var(--danger);margin-top:4px}.ob-screen--ready .ob-h1--playful{color:var(--ink)}.ob-rfq-preview{background:var(--bg-elev);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden;margin-bottom:8px;box-shadow:var(--shadow-card)}.ob-rfq-preview--empty{padding:20px;color:var(--ink-muted);font-size:14px}.ob-rfq-preview-header{display:flex;align-items:center;gap:10px;padding:14px 20px;background:var(--bg-subtle);border-bottom:1px solid var(--line);flex-wrap:wrap}.ob-rfq-tag{background:var(--green-soft);color:var(--green-primary);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:999px}.ob-rfq-vendor{font-size:14px;font-weight:600;color:var(--ink-2)}.ob-rfq-needed{font-size:13px;color:var(--ink-muted);margin-left:auto}.ob-rfq-lines{list-style:none;padding:0;margin:0}.ob-rfq-line{display:flex;align-items:center;justify-content:space-between;padding:11px 20px;border-bottom:1px solid var(--line);font-size:14px}.ob-rfq-line:last-child{border-bottom:none}.ob-rfq-item{color:var(--ink-2);font-weight:500}.ob-rfq-qty{color:var(--ink-muted);font-size:13px;font-variant-numeric:tabular-nums}.ob-rfq-more{padding:10px 20px;font-size:13px;color:var(--ink-muted)}@media (max-width: 600px){.ob-main{padding:32px 16px 80px}.ob-header{padding:16px 20px}.ob-h1{font-size:24px}.ob-wow-amount{font-size:40px}.ob-wow-amount span{font-size:22px}.ob-input-grid--3{grid-template-columns:1fr}.ob-oc-row{flex-direction:column;gap:8px}.ob-btn-primary{position:sticky;bottom:24px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #F9F9F7;--bg-elev: #FFFFFF;--bg-subtle: #F4F4F2;--ink: #0A0A0A;--ink-2: #262626;--ink-3: #525252;--ink-muted: #737373;--line: #E5E5E5;--line-strong: #D4D4D4;--green-primary: #15803D;--green-hover: #166534;--green-soft: #DCFCE7;--danger: #DC2626;--warning: #D97706;--radius-card: 12px;--radius-button: 8px;--shadow-card: 0 1px 2px rgba(10,10,10,.04), 0 4px 16px rgba(10,10,10,.04);--font-sans: "Geist", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease: cubic-bezier(.2, .7, .2, 1);--dur: .2s;--color-bg: var(--bg);--color-text: var(--ink);--color-primary: var(--green-primary);--color-primary-hover: var(--green-hover);--color-danger: var(--danger);--color-warning: var(--warning);--color-success: var(--green-primary);--color-muted: var(--ink-muted);--color-border: var(--line);--font-mono: var(--font-mono)}html{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:1rem}.vendor-blur{filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:.02em}