:root{--ink:#172e2a;--muted:#62716b;--green:#216951;--line:#dfe5de;--paper:#f7f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline-offset:5px;outline:3px solid #b67731}.shell{max-width:1200px;margin:auto;padding:0 48px}.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;min-height:100px;display:flex}.brand{align-items:center;gap:12px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.brand-mark{background:var(--green);color:#fff;border-radius:10px;place-items:center;width:36px;height:36px;font-size:21px;display:grid}.badge{color:var(--green);vertical-align:middle;background:#e5eee3;border-radius:5px;margin-left:6px;padding:5px 9px;font-size:11px;font-weight:600;display:inline-block}.preview-label,.preview-note{color:var(--muted);font-size:12px}.hero{padding:80px 0 72px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--green);margin:0 0 20px;font-size:11px;font-weight:700}.status-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}h1{letter-spacing:-2.5px;margin:0;font-size:clamp(38px,5.2vw,64px);font-weight:500;line-height:1.12}h1 span{color:var(--green)}.intro{color:var(--muted);max-width:560px;margin:24px 0 28px;font-size:17px;line-height:1.7}.button{background:var(--green);color:#fff;border-radius:6px;align-items:center;gap:32px;padding:15px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.button:hover{background:#174d3c}.preview-note{margin-top:16px}.workspace{border-top:1px solid var(--line);padding-top:32px;scroll-margin-top:24px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-heading .eyebrow{margin-bottom:8px}h2{letter-spacing:-1px;margin:0;font-size:28px;font-weight:500}.neutral{color:var(--muted);background:#eeefe9}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.metric{border:1px solid var(--line);background:#fff;border-radius:9px;padding:24px}.metric p{margin:0;font-size:13px}.metric strong{margin:20px 0 12px;font-size:36px;font-weight:400;display:block}.metrics .metric>span{color:var(--muted);font-size:11px}.roadmap{border:1px solid var(--line);background:#eff2e9;border-radius:9px;grid-template-columns:1fr 1.7fr;gap:48px;margin:24px 0 56px;padding:36px;display:grid}h3{letter-spacing:-.5px;margin:0 0 16px;font-size:26px;font-weight:500;line-height:1.2}.roadmap-intro>p:last-child{color:var(--muted);max-width:240px;margin:0;font-size:13px;line-height:1.7}ol{margin:0;padding:0;list-style:none}li{border-bottom:1px solid #d9dfd3;align-items:center;gap:16px;padding:19px 0;display:flex}li:first-child{padding-top:0}li:last-child{border:0;padding-bottom:0}.step-number{color:var(--green);border:1px solid #ced8c7;border-radius:50%;padding:9px;font-size:11px}h4{margin:0 0 7px;font-size:14px;font-weight:600}li p{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.coming-soon{color:var(--muted);margin-left:auto;font-size:10px}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:20px;padding:24px 0;font-size:11px;display:flex}@media (max-width:700px){.shell{padding:0 22px}.header{min-height:80px}.preview-label{display:none}.hero{padding:56px 0}h1{letter-spacing:-1.5px}.metrics{grid-template-columns:1fr}.metric{padding:20px}.metric strong{margin:12px 0}.roadmap{grid-template-columns:1fr;gap:28px;padding:24px}.coming-soon{display:none}footer{flex-direction:column;gap:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.auth-page{padding-top:48px;padding-bottom:48px}.auth-card{max-width:520px;margin:32px auto}.auth-card h1{letter-spacing:-1px;font-size:36px}.auth-form{gap:12px;min-width:0;margin-top:24px;display:grid}.auth-form label{font-size:14px}.auth-form input,.auth-form select{border:1px solid var(--line);width:100%;min-width:0;font:inherit;color:var(--ink);background:#fff;border-radius:6px;padding:12px}.auth-form input:focus-visible,.auth-form select:focus-visible,.auth-form button:focus-visible{outline-offset:3px;outline:3px solid #b67731}.auth-buttons{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.auth-form button{cursor:pointer;border:0;justify-content:center;font-family:inherit}.auth-form button:disabled{opacity:.55;cursor:not-allowed}.dashboard-card{width:100%;min-width:0;max-width:900px}.dashboard-section{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.dashboard-section h2{margin-bottom:16px}.confirmation-import-section{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.confirmation-import-title{letter-spacing:-1px;margin:0 0 16px;font-size:28px;font-weight:500}.po-import-form{width:100%;min-width:0;max-width:620px}.po-table-wrap{-webkit-overflow-scrolling:touch;max-width:100%;margin-top:16px;overflow-x:auto}.po-table{border-collapse:collapse;width:100%;font-size:13px}.po-table th,.po-table td{text-align:left;border-bottom:1px solid var(--line);white-space:nowrap;padding:11px 12px}.po-table th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}.po-table-wrap:has(>.buyer-queue-exception-table){overflow-x:visible}.buyer-queue-exception-table{table-layout:fixed;min-width:0}.buyer-queue-exception-table th,.buyer-queue-exception-table td{white-space:normal;overflow-wrap:anywhere;vertical-align:top}.buyer-queue-exception-table th:first-child,.buyer-queue-exception-table td:first-child{width:23%}.buyer-queue-exception-table th:nth-child(2),.buyer-queue-exception-table td:nth-child(2){width:25%}.buyer-queue-exception-table th:nth-child(3),.buyer-queue-exception-table td:nth-child(3){width:18%}.buyer-queue-exception-table th:nth-child(4),.buyer-queue-exception-table td:nth-child(4){width:16%}.buyer-queue-exception-table th:nth-child(5),.buyer-queue-exception-table td:nth-child(5){width:18%}.buyer-queue-exception-table .match-status{white-space:normal;text-align:center;max-width:100%}.buyer-queue-exception-table td>strong{margin:0;font-size:13px;font-weight:600;display:block}.buyer-queue-reference{margin-top:.25rem;line-height:1.35;display:block}.buyer-queue-actions{flex-wrap:wrap;align-items:flex-start;gap:.5rem;display:flex}.buyer-queue-actions .button{text-align:center;white-space:normal;justify-content:center;width:100%;padding:13px 10px}.match-card .po-table th,.match-card .po-table td{white-space:normal;vertical-align:top}.match-card .po-table td:last-child{overflow-wrap:anywhere}.match-card .po-table td>div{min-width:0!important;font-size:13px!important}.match-card .po-table td .preview-note{font-size:11px}.match-card .po-table td>div>div>span:not(.preview-note){font-weight:400!important}.match-card{border:1px solid var(--line);background:#fafbf7;border-radius:8px;margin-top:20px;padding:18px}.match-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.match-card-heading h3{margin-bottom:4px;font-size:20px}.match-status{white-space:nowrap;border-radius:999px;align-items:center;padding:6px 10px;font-size:11px;font-weight:700;display:inline-flex}.match-status-ok{color:var(--green);background:#e5eee3}.match-status-exception{color:#7b4b18;background:#f3eadf}.match-summary{color:var(--muted);margin:14px 0 0;font-size:12px;line-height:1.55}.pdf-review-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.pdf-review-fields{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.pdf-review-fields label{gap:8px;min-width:0;display:grid}.pdf-review-table-wrap{max-width:100%}.pdf-review-table input{width:100%;min-width:0}@media (max-width:760px){.po-table-wrap:has(>.buyer-queue-exception-table){overflow-x:auto}.buyer-queue-exception-table{min-width:760px}}@media (max-width:700px){.auth-page{padding-top:24px;padding-bottom:32px}.auth-card{margin:16px auto}.dashboard-card{padding:18px}.dashboard-card h1{font-size:32px;line-height:1.15}.dashboard-section{margin-top:28px;padding-top:22px}.dashboard-section h2,.confirmation-import-title{font-size:24px;line-height:1.2}.confirmation-import-section{margin-top:28px;padding-top:22px}.auth-form input[type=file]{max-width:100%}.button{text-align:center;white-space:normal;justify-content:center;max-width:100%}.po-table th,.po-table td{white-space:normal;vertical-align:top}.match-card{padding:14px}.match-card-heading,.pdf-review-heading{flex-direction:column}.match-status{white-space:normal;text-align:center;max-width:100%}.pdf-review-fields{grid-template-columns:1fr}}@media (max-width:420px){.shell{padding-left:16px;padding-right:16px}.header{gap:12px}.header .button{padding:12px 14px}.dashboard-card{padding:16px}}
