:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef4ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:1100px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.login-shell{background:radial-gradient(circle at 0 0,#22d3ee40,#0000 30%),linear-gradient(135deg,#15233d,#214568 52%,#e8f7ff 52%);grid-template-columns:1.1fr 430px;align-items:center;gap:48px;min-height:100vh;padding:64px;display:grid}.login-copy{color:#fff;max-width:700px}.login-copy h1{letter-spacing:0;margin:8px 0 18px;font-size:56px;line-height:1.02}.login-copy p{color:#dbeafe;max-width:620px;font-size:18px;line-height:1.7}.login-card{color:#172033;background:#fffffff0;border:1px solid #fff9;border-radius:18px;gap:16px;padding:28px;display:grid;box-shadow:0 20px 60px #0f172a40}.app-shell{background:radial-gradient(circle at 100% 0,#14b8a629,#0000 28%),linear-gradient(135deg,#eff6ff,#f8fafc 46%,#eef9f7);grid-template-columns:280px 1fr;min-height:100vh;display:grid}.sidebar{color:#dbeafe;background:linear-gradient(#111c3a,#153c55);flex-direction:column;gap:8px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.brand>span{color:#082f49;background:#22d3ee;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:1000;display:grid}.brand strong,.brand small{display:block}.brand small{color:#93c5fd;margin-top:3px;font-weight:800}.nav-item,.signout{text-align:left;border:0;border-radius:10px;padding:12px 14px;font-weight:900}.nav-item{color:#cbd5e1;background:0 0}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1f}.signout{color:#fecaca;background:#f8717124;margin-top:auto}.content{padding:28px}.toast-stack{z-index:80;pointer-events:none;gap:10px;width:min(360px,100vw - 36px);display:grid;position:fixed;top:18px;right:18px}.buyer-toast{color:#0f172a;pointer-events:auto;background:#fffffffa;border:1px solid #bfdbfe;border-left-width:5px;border-radius:14px;padding:14px;position:relative;box-shadow:0 18px 45px #0f172a2e}.buyer-toast.info{border-left-color:#0284c7}.buyer-toast.success{border-left-color:#059669}.buyer-toast.warning{border-left-color:#d97706}.buyer-toast strong{padding-right:24px;font-size:14px;display:block}.buyer-toast p{color:#475569;margin:5px 0 12px;font-size:13px;font-weight:700;line-height:1.45}.toast-action{color:#fff;background:#0f766e;border:0;border-radius:10px;width:100%;padding:10px 12px;font-weight:1000}.toast-close{color:#64748b;background:0 0;border:0;font-weight:1000;position:absolute;top:10px;right:10px}.topbar{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.topbar h1,.panel h2,.summary-card h2{color:#0f172a;margin:0}.topbar h1{letter-spacing:0;font-size:34px;line-height:1.08}.eyebrow{color:#0f766e;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px;font-weight:1000}.muted,.panel p,.work-card p,.material-card p{color:#5b6b82}.grid-layout{grid-template-columns:340px 1fr;gap:18px;display:grid}.two-column{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:18px;display:grid}.two-column.reverse{grid-template-columns:380px minmax(0,1fr)}.source-layout{align-items:stretch;height:calc(100vh - 118px);overflow:hidden}.source-layout .wide-panel{flex-direction:column;min-height:0;display:flex}.source-layout .material-grid{min-height:0;padding-right:6px;overflow:auto}.source-layout .sticky-panel{max-height:100%;position:static;overflow:auto}.panel,.summary-card,.work-card{background:#ffffffeb;border:1px solid #94a3b859;border-radius:16px;box-shadow:0 12px 30px #0f172a12}.panel{padding:20px}.wide-panel{min-width:0}.summary-card{padding:24px}.hero-card{color:#fff;background:linear-gradient(135deg,#12223d,#115e59);border-color:#ffffff38}.hero-card h2,.hero-card p,.hero-card .eyebrow{color:#fff}.work-list,.section-stack,.comparison-stack,.material-grid{gap:12px;display:grid}.work-card{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.work-card:nth-child(2n),.material-card:nth-child(2n),.line-card:nth-child(2n){background:#f8fbff}.work-card h3,.material-card h3,.line-card h3{color:#111827;margin:8px 0 4px}.right-actions,.action-row,.table-actions{align-items:center;gap:8px;display:flex}.receipt-actions{gap:12px;margin-top:16px;display:grid}.issue-actions{background:#fff7ed;border:1px solid #fed7aa;border-radius:14px;flex-wrap:wrap;align-items:center;gap:8px;padding:12px;display:flex}.issue-actions span{color:#9a3412;margin-right:4px;font-size:13px;font-weight:1000}.right-actions{flex-direction:column;align-items:flex-end}.material-card,.line-card,.issue-card,.comp-card{background:#fff;border:1px solid #dbe7f3;border-radius:14px;padding:16px}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.section-heading p{margin-top:6px;font-size:13px;font-weight:800}.quick-search{max-width:340px}.empty-inline{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:14px;padding:18px;font-weight:900}.material-card{grid-template-columns:1fr 230px;gap:16px;display:grid}.material-card small,td small,.line-card small,.issue-card small{display:block}.stepper{grid-template-columns:repeat(3,1fr);align-self:center;gap:8px;display:grid}.stepper strong{text-align:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:10px;grid-column:span 3;padding:12px}.stepper button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9px;padding:8px;font-weight:1000}label{color:#334155;gap:7px;font-size:13px;font-weight:900;display:grid}input,textarea,select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;width:100%;padding:11px 12px}input:focus,textarea:focus,select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a61f}.sticky-panel{gap:14px;display:grid;position:sticky;top:28px}.budget-box{background:#ecfdf5;border:1px solid #99f6e4;border-radius:12px;padding:14px}.budget-box span,.budget-box strong{display:block}.budget-box strong{color:#065f46;margin-top:4px;font-size:24px}.terms-editor{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;gap:10px;padding:14px;display:grid}.terms-editor h3,.terms-editor p{margin:0}.terms-editor h3{color:#78350f}.terms-editor p{color:#92400e;font-size:13px;font-weight:800}.contract-terms{background:#fffbeb;border:1px solid #fde68a;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0;padding:14px;display:grid}.contract-terms.compact{grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.contract-terms span,.contract-terms strong{display:block}.contract-terms span{color:#92400e;text-transform:uppercase;font-size:11px;font-weight:1000}.contract-terms strong{color:#0f172a;margin-top:4px;font-size:13px}.credit-check{background:#ecfdf5;border:1px solid #99f6e4;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:14px;display:grid}.credit-check.warning{background:#fffbeb;border-color:#fbbf24}.credit-check span,.credit-check strong{display:block}.credit-check span{color:#475569;text-transform:uppercase;font-size:12px;font-weight:1000}.credit-check strong{color:#065f46;margin-top:4px;font-size:20px}.credit-check.warning strong{color:#b45309}.credit-check p{color:#92400e;grid-column:1/-1;margin:0;font-weight:900}.list-panel{max-height:calc(100vh - 140px);overflow:auto}.list-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;gap:6px;width:100%;padding:14px;display:grid}.list-item:nth-child(2n){background:#f8fafc}.list-item:hover,.list-item.selected{background:#eff6ff;border-color:#7dd3fc}.list-item strong,.list-item span{display:block}.list-item span{color:#64748b;font-size:12px;font-weight:800}.detail-header{color:#fff;border-radius:16px;margin-bottom:16px;padding:22px}.detail-header.indigo{background:linear-gradient(135deg,#172554,#2563eb)}.detail-header.teal{background:linear-gradient(135deg,#134e4a,#0f766e)}.detail-header p,.detail-header h2,.detail-header span{color:#fff;margin:0}.detail-header h2{margin:6px 0;font-size:28px}.quote-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px;display:grid}.quote-option{text-align:left;background:#f8fafc;border:1px solid #dbe7f3;border-radius:12px;padding:14px}.quote-option.selected{background:#ecfdf5;border-color:#14b8a6}.no-quote-box{color:#64748b;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:18px;font-size:14px;font-weight:900}.quote-option strong,.quote-option span,.quote-option small{display:block}.quote-option span{color:#0f766e;margin:6px 0;font-size:18px;font-weight:1000}.modal-panel .line-card{background:#f8fbff;border-color:#bfdbfe}.modal-panel .line-card:nth-child(2n){background:#eef6ff}.modal-panel .line-card:nth-child(odd){background:#f6fbff}.table-wrap{background:#fff;border:1px solid #dbe7f3;border-radius:14px;overflow:hidden}table{border-collapse:collapse;width:100%;font-size:14px}thead{color:#0c4a6e;text-align:left;letter-spacing:.04em;text-transform:uppercase;background:#e0f2fe;font-size:12px}th,td{vertical-align:top;border-bottom:1px solid #e5edf5;padding:13px 15px}tbody tr:nth-child(2n){background:#f8fafc}tbody tr:hover{background:#eff6ff}tbody tr.active-row{background:#ecfdf5;box-shadow:inset 4px 0 #14b8a6}td strong{color:#0f172a;display:block}td small{color:#64748b;margin-top:3px;font-weight:700}.soft-pill,.status-pill{text-transform:uppercase;border-radius:999px;align-items:center;padding:5px 9px;font-size:11px;font-style:normal;font-weight:1000;display:inline-flex}.soft-pill{color:#075985;background:#e0f2fe}.tone-blue{color:#1d4ed8;background:#dbeafe}.tone-green{color:#047857;background:#dcfce7}.tone-amber{color:#b45309;background:#fef3c7}.tone-red{color:#b91c1c;background:#fee2e2}.tone-gray{color:#475569;background:#e2e8f0}.primary-button,.secondary-button,.ghost-button,.danger-button,.mini-button{border:0;border-radius:10px;padding:11px 14px;font-weight:1000}.primary-button{color:#fff;background:linear-gradient(135deg,#0891b2,#0f766e)}.secondary-button,.ghost-button{color:#334155;background:#fff;border:1px solid #cbd5e1}.danger-button,.mini-button.reject{color:#fff;background:#dc2626}.mini-button.approve{color:#fff;background:#059669}.mini-button.neutral{color:#fff;background:#0f172a}button:disabled{cursor:not-allowed;opacity:.55}.alert{border-radius:12px;padding:12px 14px;font-size:13px;font-weight:900}.alert.error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.alert.success{color:#047857;background:#f0fdf4;border:1px solid #bbf7d0}.alert.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.action-alert{justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.action-alert p{color:inherit;margin:4px 0}.action-alert small{color:#7f1d1d;display:block}.account-page{gap:18px;display:grid}.account-hero{background:linear-gradient(135deg,#ecfdf5,#eff6ff);border-color:#99f6e4}.account-hero h2{color:#064e3b}.account-hero p{color:#0f766e;font-weight:850}.account-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.account-usage strong{color:#0f766e}.usage-bar{background:#e2e8f0;border-radius:999px;height:14px;overflow:hidden}.usage-bar span{border-radius:inherit;background:linear-gradient(135deg,#0891b2,#0f766e);height:100%;display:block}.demo-reset-panel{background:#f8fbff;border-color:#bae6fd;gap:14px;display:grid}.demo-reset-form{grid-template-columns:minmax(240px,1fr) auto auto;align-items:end;gap:10px;display:grid}.empty-panel{color:#64748b;font-weight:900}.issue-card,.comp-card{justify-content:space-between;align-items:center;gap:14px;display:flex}.comp-card{background:#fff7ed;border-color:#fed7aa;margin-top:16px}.comp-card span,.comp-card strong,.comp-card small{display:block}.comp-card strong{color:#9a3412;margin:4px 0;font-size:24px}.profile-grid{grid-template-columns:340px 1fr;gap:18px;display:grid}.records-shell{gap:16px;display:grid}.record-tabs{background:#ffffffc7;border:1px solid #94a3b859;border-radius:16px;flex-wrap:wrap;gap:8px;padding:10px;display:flex}.record-tab{color:#475569;background:0 0;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:1000}.record-tab:hover,.record-tab.active{color:#0f766e;background:#ecfdf5;border-color:#99f6e4}.data-grid{gap:14px;display:grid}.grid-toolbar{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.grid-toolbar p{color:#64748b;margin-top:6px;font-size:13px;font-weight:800}.grid-controls{grid-template-columns:260px 190px 150px 150px;gap:10px;display:grid}.pagination{color:#475569;justify-content:flex-end;align-items:center;gap:10px;font-size:13px;font-weight:900;display:flex}.account-records{gap:16px;display:grid}.account-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.metric-card{background:#ffffffeb;border:1px solid #dbe7f3;border-radius:16px;padding:18px;box-shadow:0 12px 30px #0f172a12}.metric-card span,.metric-card strong{display:block}.metric-card span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:1000}.metric-card strong{color:#0f172a;margin-top:8px;font-size:24px}.link-button{color:#0f766e;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:1000;text-decoration:underline}.strong-link{color:#0f172a;text-align:left}.modal-backdrop{z-index:50;background:#0f172a85;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-panel{background:#fff;border:1px solid #dbe7f3;border-radius:18px;width:min(920px,100%);max-height:calc(100vh - 48px);padding:22px;overflow:auto;box-shadow:0 28px 80px #0f172a47}.large-modal{width:min(1180px,100%)}.invoice-match-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.match-card{background:#f8fbff;border:1px solid #dbe7f3;border-radius:14px;padding:14px}.match-card span,.match-card strong{display:block}.match-card span{color:#64748b;text-transform:uppercase;font-size:12px;font-weight:1000}.match-card strong{color:#0f172a;margin-top:6px;font-size:20px}.match-card.adjustment{background:#fff7ed;border-color:#fed7aa}.match-card.payable{background:#ecfdf5;border-color:#99f6e4}.match-card.payable strong{color:#065f46}.modal-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.receipt-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.modal-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:16px;display:flex}.modal-header h2{margin:0}.modal-header p:last-child{color:#64748b;margin-top:6px;font-weight:800}.modal-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px;display:grid}.modal-meta div{background:#f8fafc;border:1px solid #dbe7f3;border-radius:12px;padding:12px}.modal-meta span,.modal-meta strong{display:block}.modal-meta span{color:#64748b;text-transform:uppercase;font-size:11px;font-weight:1000}.modal-meta strong{color:#0f172a;margin-top:5px}