@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a342834df7752944-s.3hd2l7bm32o7k.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/d3fe2f289711ac3f-s.1l2zhvq5eocqf.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/58c4895d0a0ef7cc-s.2vhvl9vrvk-va.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/bfc7db5c00d21bc5-s.173xwsdme27n8.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/6ab0db14f70d8ed6-s.13hnt-xgp82zk.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Manrope;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/a343f882a40d2cc9-s.p.1sj6eobyi31rd.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Manrope Fallback;src:local(Arial);ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.0%;size-adjust:103.19%}.manrope_95a74d9f-module__4wiJXW__className{font-family:Manrope,Manrope Fallback;font-style:normal}.manrope_95a74d9f-module__4wiJXW__variable{--font-sans:"Manrope", "Manrope Fallback"}
@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/150f724d70372c02-s.1ljbalzvxyif7.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/750c737482d9de2f-s.3ex3j6ahhvjry.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Newsreader;font-style:normal;font-weight:200 800;font-display:swap;src:url(../media/5f402bd2d8eef81a-s.p.40bho2kviej2o.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Newsreader Fallback;src:local(Times New Roman);ascent-override:69.68%;descent-override:25.12%;line-gap-override:0.0%;size-adjust:105.48%}.newsreader_1c024fa-module__iDM5bG__className{font-family:Newsreader,Newsreader Fallback;font-style:normal}.newsreader_1c024fa-module__iDM5bG__variable{--font-serif:"Newsreader", "Newsreader Fallback"}
:root{--green:#0d412e;--green-2:#15563c;--lime:#dce96c;--paper:#f8f7f2;--card:#fdfcf8;--ink:#182019;--muted:#70766f;--line:#e4e3dc;--soft:#eef2e9;--amber:#c99716;--sidebar:214px;--header:82px;--tray:132px;--serif:var(--font-serif),Georgia,serif}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);font-family:var(--font-sans),Arial,sans-serif;margin:0}button,input{font:inherit}button{color:inherit}.appShell{min-height:100vh;padding-left:var(--sidebar);padding-top:var(--header);padding-bottom:var(--tray);background:linear-gradient(120deg,#fbfaf6 0%,#f7f6f1 100%)}.sidebar{z-index:40;width:var(--sidebar);color:#fff;background:radial-gradient(circle at 25% 30%,#286f4f57,#0000 35%),linear-gradient(165deg,#0c3929 0%,#073624 100%);flex-direction:column;justify-content:space-between;padding:96px 12px 0;display:flex;position:fixed;inset:0 auto 0 0}.sideNav,.sideBottom{flex-direction:column;gap:7px;display:flex}.sideNav button,.sideBottom>button{color:#f7fbf8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:13px;width:100%;height:44px;padding:0 13px;font-size:14px;display:flex}.sideNav button svg,.sideBottom button svg{width:21px;height:21px}.sideNav button span,.sideBottom button span{flex:1}.sideNav button b{background:#ffffff2e;border-radius:20px;padding:4px 7px;font-size:11px}.sideNav button.active{color:var(--lime);background:linear-gradient(100deg,#6ca67b6b,#70ac8152);font-weight:700}.sideBottom{padding-bottom:14px}.sideBottom:before{content:"";border-top:1px solid #ffffff1f;position:absolute;bottom:158px;left:0;right:0}.sideProfile{border-top:1px solid #ffffff1f;align-items:center;gap:10px;margin-top:14px;padding:12px 9px;display:flex}.sideProfile>span{background:#668e79;border-radius:50%;flex:0 0 37px;place-items:center;width:37px;height:37px;font-size:12px;font-weight:800;display:grid}.sideProfile div{flex:1;min-width:0}.sideProfile strong,.sideProfile small{white-space:nowrap;display:block}.sideProfile strong{font-size:12px}.sideProfile small{color:#c7d7ce;margin-top:3px;font-size:10px}.sideProfile svg{width:13px}.topbar{z-index:35;left:var(--sidebar);height:var(--header);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#fbfaf6ed;grid-template-columns:260px minmax(320px,580px) 260px;justify-content:space-between;align-items:center;padding:0 34px 0 24px;display:grid;position:fixed;top:0;right:0}.brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brandImage{border-radius:10px;flex:none;width:36px;height:36px;overflow:hidden}.brandImage img{object-fit:cover;width:100%;height:100%;transform:scale(1.22)}.brand strong,.brand small{display:block}.brand strong{font-size:21px;line-height:1}.brand small{color:#8b8d87;margin-top:5px;font-size:9px}.commandSearch{background:#ffffff9e;border:1px solid #dddcd5;border-radius:12px;align-items:center;height:48px;padding:0 10px 0 15px;display:flex;box-shadow:0 2px 9px #25312908}.commandSearch>svg{width:18px;color:var(--green)}.commandSearch input{color:#5b625d;background:0 0;border:0;outline:0;flex:1;min-width:0;padding:0 13px;font-size:14px}.commandSearch button{cursor:pointer;background:0 0;border:0;align-items:center;gap:9px;display:flex}.commandSearch button svg{display:none}.commandSearch button span{color:#646963;border:1px solid #e5e4df;border-radius:7px;padding:5px 7px;font-size:11px}.topActions{justify-content:flex-end;align-items:center;gap:17px;display:flex}.topActions button{cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.topActions>button svg{width:20px;height:20px}.demoChip{color:#315442;background:#e5eee2;border-radius:9px;padding:7px 10px;font-size:11px;font-weight:700}.topActions .avatar{background:#e6ebe3;border-radius:50%;width:39px;height:39px;font-size:11px;font-weight:800}.topActions>svg{color:#667067;width:12px}.workspace{min-height:calc(100vh - var(--header) - var(--tray));grid-template-columns:minmax(405px,455px) minmax(570px,1fr);display:grid}.resultsPane{border-right:1px solid var(--line);min-width:0;padding:22px 32px 28px 24px;position:relative}.breadcrumbs{color:#7f857f;align-items:center;gap:12px;height:25px;font-size:11px;display:flex}.breadcrumbs span:first-child{color:#303731}.breadcrumbs svg{width:10px;transform:rotate(-90deg)}.resultsPane h1{font:500 24px/1.15 var(--serif);letter-spacing:-.02em;margin:19px 0 2px}.subtitle{color:#6e736f;margin:0;font-size:12px}.resultTools{justify-content:space-between;align-items:center;margin:23px 0 12px;display:flex}.resultTools p{color:#7e837d;align-items:center;gap:8px;margin:0;font-size:10px;display:flex}.resultTools p strong{color:#525953;font-weight:500}.resultTools p i,.detailHeading p i{background:#8f948f;border-radius:50%;width:3px;height:3px}.resultTools button{cursor:pointer;background:#fdfcf9;border:1px solid #deddd7;border-radius:10px;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:11px;display:flex}.resultTools button svg{width:15px}.filterPopover{z-index:8;border:1px solid var(--line);background:#fff;border-radius:12px;flex-direction:column;gap:10px;width:210px;padding:14px;font-size:11px;display:flex;position:absolute;top:151px;right:31px;box-shadow:0 18px 50px #18291f26}.filterPopover label{color:#606862;align-items:center;gap:7px;display:flex}.supplierList{flex-direction:column;gap:10px;display:flex}.supplierCard{cursor:pointer;background:#ffffff57;border:1px solid #e5e4de;border-radius:12px;grid-template-columns:106px minmax(0,1fr);gap:20px;min-height:194px;padding:12px;transition:all .18s;display:grid;position:relative}.supplierCard:hover{background:#ffffffb3;transform:translateY(-1px)}.supplierCard.current{background:#fcfcf6;border-color:#c6ce67;box-shadow:0 4px 15px #2943310a}.shortlistToggle{z-index:3;cursor:pointer;opacity:0;background:#ffffffdb;border:1px solid #d8ddd7;border-radius:7px;place-items:center;width:24px;height:24px;transition:all .15s;display:grid;position:absolute;top:8px;left:8px}.supplierCard:hover .shortlistToggle{opacity:1}.shortlistToggle.chosen{background:var(--green);color:#fff;border-color:var(--green);opacity:1}.shortlistToggle svg{width:13px}.supplierPhoto{background:#eeede8;border-radius:8px;width:106px;min-height:168px;overflow:hidden}.supplierPhoto img{object-fit:cover;width:100%;height:100%}.supplierPhoto1 img{object-position:8% center}.supplierPhoto2 img{object-position:center center}.supplierInfo{min-width:0;padding-top:5px}.balanceBadge{text-transform:uppercase;color:#49614c;background:#edf2df;border-radius:20px;height:20px;padding:0 12px;font-size:7px;font-weight:800;line-height:20px;position:absolute;top:9px;right:25px}.supplierInfo h2{font:500 17px/1.2 var(--serif);white-space:nowrap;text-overflow:ellipsis;margin:2px 0 4px;overflow:hidden}.supplierInfo h2 span{font:400 12px var(--font-sans);color:#6d746e;margin-right:5px}.supplierInfo p{color:#626a63;align-items:center;gap:7px;margin:0;font-size:9px;display:flex}.supplierInfo p i{background:#848b85;border-radius:50%;width:3px;height:3px}.cardMetrics{grid-template-columns:1fr 1fr;gap:10px 18px;margin-top:13px;display:grid}.cardMetrics>div{min-width:0}.cardMetrics>div:nth-child(odd){border-right:1px solid #e8e7e1}.cardMetrics small,.cardMetrics b,.cardMetrics em{display:block}.cardMetrics small{color:#858a85;margin-bottom:3px;font-size:9px}.cardMetrics strong{color:#0e583c;font-size:25px;line-height:1}.cardMetrics strong em{color:#717971;margin-left:3px;font-size:8px;font-style:normal;font-weight:500;display:inline}.cardMetrics b{font-size:13px;font-weight:500}.cardMetrics em{color:#7b817c;margin-top:4px;font-size:8px;font-style:normal}.cardMetrics b.high,.cardMetrics b.medium{align-items:center;gap:4px;font-weight:700;display:flex}.cardMetrics b.high{color:#256044}.cardMetrics b.medium{color:var(--amber)}.cardMetrics b svg{width:14px}.detailPane{min-width:0;padding:31px 42px 28px}.detailHeading{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.rankBadge{text-transform:uppercase;color:#3f5a43;background:#eef2df;border-radius:12px;padding:6px 12px;font-size:8px;font-weight:800;display:inline-block}.detailHeading h2{font:500 27px/1.15 var(--serif);letter-spacing:-.02em;margin:13px 0 7px}.detailHeading p{color:#666e67;align-items:center;gap:8px;margin:0;font-size:9px;display:flex}.detailScore{text-align:right}.detailScore small,.detailScore span{color:#727872;font-size:9px;display:block}.detailScore strong{color:#1c5d40;font-size:39px;line-height:1}.detailScore strong em{font:500 9px var(--font-sans);color:#7d837e;margin-left:4px}.detailScore span{justify-content:flex-end;align-items:center;gap:5px;margin-top:7px;display:flex}.detailScore span svg{color:#1c5d40;width:14px}.gallery{grid-template-columns:minmax(0,1.65fr) minmax(250px,1fr);gap:8px;height:310px;display:grid}.gallery button{cursor:pointer;background:#ecebe6;border:0;border-radius:8px;padding:0;overflow:hidden}.gallery img{object-fit:cover;width:100%;height:100%;display:block}.heroImage img{object-position:center 58%}.galleryGrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.galleryGrid button{outline-offset:-2px;outline:2px solid #0000}.galleryGrid button.selected{outline-color:#c9d16c}.galleryGrid button:nth-child(2) img{object-position:center 44%}.description{color:#565e57;margin:15px 0 16px;font-size:10px;line-height:1.55}.specs{grid-template-columns:.7fr 1.15fr 1.15fr 1.15fr 1.35fr;margin-bottom:15px;display:grid}.specs>div{border-left:1px solid #e5e4de;min-width:0;padding:0 17px}.specs>div:first-child{border:0;padding-left:0}.specs small,.specs strong{display:block}.specs small{color:#777e78;margin-bottom:7px;font-size:8px}.specs strong{white-space:nowrap;font-size:9px}.colors{gap:7px;display:flex}.colors i{background:#27593e;border-radius:50%;width:11px;height:11px}.colors i:nth-child(2){background:#0e1714}.colors i:nth-child(3){background:#fff;border:1px solid #9ba09c}.colors i:nth-child(4){background:#ebe2cc}.colors i:nth-child(5){background:#31586e}.priceTable{border:1px solid #e7e5df;border-radius:9px;padding:10px 13px;font-size:9px}.priceTable>div{grid-template-columns:1.35fr repeat(4,1fr);align-items:center;min-height:22px;display:grid}.priceTable span{color:#737a74}.priceTable b{font-size:9px}.fulfilment{grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0;display:grid}.fulfilment>div{gap:7px;min-width:0;display:flex}.fulfilment svg{flex:0 0 15px;width:15px}.fulfilment span,.fulfilment strong{display:block}.fulfilment span{color:#777d78;font-size:8px}.fulfilment strong{color:#454c46;white-space:nowrap;margin-top:7px;font-size:9px}.insight{background:linear-gradient(100deg,#f7f8e9,#f7f6ee);border:1px solid #cad175;border-radius:9px;align-items:center;gap:13px;padding:14px 17px;display:flex}.insight>svg{color:#1b6445;width:26px;height:26px}.insight strong,.insight span{display:block}.insight strong{margin-bottom:4px;font-size:12px}.insight span{color:#526158;font-size:10px}.compareTray{z-index:45;left:var(--sidebar);height:var(--tray);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fdfcf9fa;border:1px solid #deddd7;border-bottom:0;border-radius:12px 12px 0 0;grid-template-columns:150px minmax(0,1fr) 208px;align-items:center;gap:15px;padding:14px 30px 17px 24px;display:grid;position:fixed;bottom:0;right:0;box-shadow:0 -7px 30px #202d250f}.trayIntro{flex-direction:column;justify-content:space-between;align-self:stretch;display:flex}.trayIntro strong{font-size:11px}.trayIntro button{cursor:pointer;background:#fdfcf8;border:1px solid #deddd7;border-radius:9px;justify-content:center;align-items:center;gap:7px;height:42px;font-size:10px;display:flex}.trayIntro button svg{width:16px}.trayItems{grid-template-columns:repeat(3,minmax(170px,1fr));gap:7px;min-width:0;display:grid}.trayItems article{background:#fff;border:1px solid #e1e0da;border-radius:9px;grid-template-columns:47px minmax(0,1fr) 28px;align-items:center;gap:8px;height:95px;padding:7px;display:grid;position:relative}.trayItems img{object-fit:cover;border-radius:5px;width:47px;height:76px}.trayItems article:nth-child(2) img{object-position:5% center}.trayItems strong,.trayItems small,.trayItems span{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.trayItems strong{font:500 12px var(--serif)}.trayItems small{color:#767d77;margin:4px 0 10px;font-size:7px}.trayItems span{font-size:9px;font-weight:700}.trayItems span em{color:#777d78;margin-top:3px;font-size:7px;font-style:normal;display:block}.trayItems article>b{font:600 22px var(--serif);color:#277355}.trayItems article:nth-child(3)>b{color:#cfb43d}.trayItems article>button{color:#a1a5a1;cursor:pointer;background:0 0;border:0;position:absolute;top:5px;right:5px}.trayItems article>button svg{width:12px}.trayRank{color:#fff;background:#114b35;border-radius:4px;place-items:center;width:17px;height:17px;position:absolute;left:5px;z-index:2!important;font-size:8px!important;display:grid!important;top:4px!important}.compareButton{color:#fff;cursor:pointer;background:linear-gradient(110deg,#164d38,#0a3b29);border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;height:52px;font-weight:700;display:flex;box-shadow:0 10px 20px #0d412e26}.compareButton svg{width:19px}.compareButton:disabled{opacity:.45}.toast{z-index:80;color:#883424;background:#fff7f4;border:1px solid #e9b8ab;border-radius:11px;align-items:flex-start;gap:10px;width:min(410px,100vw - 40px);padding:13px;font-size:11px;display:flex;position:fixed;bottom:151px;right:28px;box-shadow:0 15px 40px #411e1421}.toast>svg{flex:none;width:17px}.toast span{flex:1}.toast button{cursor:pointer;background:0 0;border:0}.toast button svg{width:13px}.modalBackdrop{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#051e1461;place-items:center;padding:30px;display:grid;position:fixed;inset:0}.compareModal{background:#fbfaf6;border-radius:18px;width:min(950px,100%);max-height:calc(100vh - 60px);padding:26px;overflow:auto;box-shadow:0 30px 100px #051f144d}.compareModal>header{justify-content:space-between;align-items:start;display:flex}.compareModal>header h2{font:500 28px var(--serif);margin:5px 0 20px}.modalKicker{text-transform:uppercase;letter-spacing:.12em;color:#35644b;font-size:8px;font-weight:800}.compareModal>header button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.compareModal>header button svg{width:16px}.modalGrid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.modalGrid article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.modalGrid img{object-fit:cover;border-radius:8px;width:100%;height:135px}.modalGrid article:nth-child(2) img{object-position:5% center}.modalGrid h3{font:500 17px var(--serif);margin:12px 0 3px}.modalGrid article>span{color:#7a817b;font-size:8px}.modalGrid dl{border-top:1px solid #ecebe5;grid-template-columns:repeat(3,1fr);margin:13px 0 0;padding-top:10px;display:grid}.modalGrid dl div{border-left:1px solid #ecebe5;padding-left:9px}.modalGrid dl div:first-child{border:0;padding-left:0}.modalGrid dt{color:#7a817b;font-size:8px}.modalGrid dd{margin:4px 0 0;font-size:11px;font-weight:700}.modalInsight{color:#3e5045;background:#eef3e4;border-radius:10px;align-items:center;gap:11px;margin:14px 0;padding:13px;font-size:10px;display:flex}.modalInsight svg{color:#2a6749;width:20px}.modalInsight strong{color:#1e3427;margin-bottom:3px;display:block}.compareModal>footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:16px;display:flex}.compareModal>footer p{color:#667067;align-items:center;gap:7px;font-size:9px;display:flex}.compareModal>footer p svg{color:#2a6749;width:16px}.compareModal>footer button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:10px;height:44px;padding:0 17px;font-size:11px;font-weight:700;display:flex}.compareModal>footer button svg{width:16px}.messagePair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.messagePair article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px}.messagePair article:nth-child(2){background:#f1f4eb}.messagePair article>span{color:#214f37;background:#e8eee3;border-radius:6px;padding:5px 8px;font-size:9px;font-weight:800;display:inline-block}.messagePair p{color:#4e5851;font-size:12px;line-height:1.7}.approvalSuccess{color:#245238;background:#e8f3e8;border-radius:10px;align-items:center;gap:12px;margin-top:16px;padding:16px;display:flex}.approvalSuccess svg{width:27px;height:27px}.approvalSuccess strong,.approvalSuccess span{display:block}.approvalSuccess span{margin-top:4px;font-size:10px}.approvalSuccess strong{font-size:12px}@media (max-width:1180px){:root{--sidebar:76px}.sidebar{padding:95px 9px 0}.sideNav button,.sideBottom>button{justify-content:center;padding:0}.sideNav button span,.sideBottom button span,.sideNav button b,.sideProfile div,.sideProfile>svg{display:none}.sideProfile{justify-content:center;padding-inline:0}.topbar{grid-template-columns:190px minmax(280px,1fr) 190px;padding-inline:20px}.workspace{grid-template-columns:390px minmax(540px,1fr)}.resultsPane{padding-left:18px;padding-right:18px}.detailPane{padding-inline:24px}.compareTray{grid-template-columns:135px minmax(0,1fr) 190px;padding-inline:16px}.trayItems{grid-template-columns:repeat(3,minmax(145px,1fr))}.trayItems small{display:none}}@media (max-width:900px){:root{--header:70px;--tray:112px}.topbar{grid-template-columns:auto 1fr auto;padding-inline:13px}.brand small,.topActions .demoChip,.topActions>button:first-of-type,.topActions>svg{display:none}.commandSearch{margin:0 14px}.workspace{grid-template-columns:350px minmax(500px,1fr);overflow-x:auto}.resultsPane{padding-top:16px}.detailPane{padding:24px 20px}.gallery{height:270px}.compareTray{height:var(--tray);grid-template-columns:120px minmax(0,1fr) 170px}.trayIntro button{height:35px}.trayItems article{height:76px}.trayItems img{width:39px;height:58px}.trayItems{grid-template-columns:repeat(3,minmax(125px,1fr))}.trayItems article{grid-template-columns:39px minmax(0,1fr) 24px}.trayItems small,.trayItems span em{display:none}.compareButton{height:46px;font-size:11px}}@media (max-width:640px){:root{--sidebar:0px;--tray:94px}.sidebar{display:none}.appShell{padding-left:0}.topbar{grid-template-columns:auto 1fr auto;left:0}.brand span:last-child{display:none}.commandSearch{height:43px;margin:0 9px}.commandSearch input{font-size:12px}.topActions{gap:4px}.topActions .avatar{width:34px;height:34px}.workspace{display:block;overflow:visible}.resultsPane{border:0;padding:18px 14px 110px}.detailPane{display:none}.supplierCard{grid-template-columns:92px 1fr;gap:13px}.supplierPhoto{width:92px}.balanceBadge{display:none}.compareTray{height:var(--tray);grid-template-columns:1fr 160px;padding:10px 12px;left:0}.trayIntro{justify-content:center}.trayIntro button,.trayItems{display:none}.compareButton{height:49px}.modalBackdrop{padding:10px}.compareModal{max-height:calc(100vh - 20px);padding:18px}.modalGrid{grid-template-columns:1fr}.modalGrid img{height:110px}.messagePair{grid-template-columns:1fr}.compareModal>footer{flex-direction:column;align-items:stretch;gap:10px}.compareModal>footer button{justify-content:center}}.saveNotice{color:#315f43;text-align:center;background:#edf3e7;border-top:1px solid #dce6d8;padding:7px 11px;font-size:7px}.liveComposer button:disabled{opacity:.5}@media (max-width:640px){.comparisonMatrix{overflow-x:auto}.matrixRow{min-width:520px}.inquiryFields,.conversationLayout{grid-template-columns:1fr}.chatMessages{min-height:240px}.chatMessages article{max-width:92%}.supplierChoice{top:14px;right:14px}}.brandButton{text-align:left;cursor:pointer;background:0 0;border:0;padding:0}.sideBottom>button.active{color:var(--lime);background:#ffffff1f}.saasPage{min-height:calc(100vh - var(--header));background:#f8f7f2;padding:34px 38px 54px}.saasPage.fullHeight{height:calc(100vh - var(--header));overflow:hidden}.saasHead{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;display:flex}.saasHead>div>span,.panelKicker{color:#3c684f;text-transform:uppercase;letter-spacing:.13em;font-size:8px;font-weight:800}.saasHead h1{font:500 36px/1.05 var(--serif);letter-spacing:-.025em;margin:8px 0}.saasHead p{color:#717973;margin:0;font-size:11px}.saasPrimary{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;align-items:center;gap:8px;height:42px;padding:0 15px;font-size:10px;font-weight:750;display:flex}.saasPrimary svg{width:16px}.kpiGrid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;display:grid}.kpiGrid article{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px}.kpiGrid article>span,.kpiGrid article>strong,.kpiGrid article>small{display:block}.kpiGrid article>span{color:#727a73;font-size:9px}.kpiGrid article>strong{font:600 27px var(--serif);margin:8px 0}.kpiGrid article>small{color:#737b74;align-items:center;gap:5px;font-size:8px;display:flex}.kpiGrid article>small.positive{color:#2d7250}.kpiGrid article>small svg{width:12px}.dashboardGrid{grid-template-columns:1.65fr 1fr;gap:14px;margin-bottom:14px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:18px}.panel>header{justify-content:space-between;align-items:start;margin-bottom:15px;display:flex}.panel h2{font:500 19px var(--serif);margin:5px 0 0}.panel>header button,.ordersPreview>header button{color:#376349;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;display:flex}.panel>header button svg{width:13px}.actionList{flex-direction:column;display:flex}.actionList>button{text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #ecebe6;grid-template-columns:38px 1fr 18px;align-items:center;gap:11px;padding:12px 0;display:grid}.actionList>button:first-child{border:0}.actionList button>svg{color:#7b827c;width:14px}.actionList strong,.actionList small{display:block}.actionList strong{font-size:10px}.actionList small{color:#788079;margin-top:4px;font-size:8px}.actionIcon{border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.actionIcon svg{width:17px}.actionIcon.amber{color:#a27510;background:#fff3d5}.actionIcon.red{color:#a64d39;background:#fce9e3}.actionIcon.green{color:#347252;background:#e7f1e8}.upBadge{color:#2e7250;align-items:center;gap:4px;font-size:8px;display:flex}.upBadge svg{width:12px}.miniBars{border-bottom:1px solid var(--line);background:repeating-linear-gradient(0deg,#0000 0 37px,#efeee9 38px);align-items:flex-end;gap:8px;height:155px;padding:15px 8px 0;display:flex}.miniBars i{background:linear-gradient(#6a9879,#164d38);border-radius:5px 5px 0 0;flex:1}.barLabels{color:#858b86;justify-content:space-around;padding-top:8px;font-size:7px;display:flex}.ordersPreview{padding-bottom:8px}.previewRow{border-top:1px solid #ecebe6;grid-template-columns:100px 1.6fr 90px 110px 1fr;align-items:center;gap:15px;padding:11px 0;font-size:9px;display:grid}.previewRow>strong{font-size:9px}.previewRow>span{font-weight:650}.previewRow span small{color:#7d847e;margin-top:3px;font-size:7px;display:block}.previewRow>b{font-weight:700}.status{border-radius:20px;width:max-content;padding:5px 8px;font-size:7px;font-style:normal;font-weight:700}.status.green{color:#2f6b49;background:#e6f1e5}.status.blue{color:#356278;background:#e4eef3}.progress{background:#e8e9e5;border-radius:9px;height:5px;overflow:hidden}.progress i{border-radius:inherit;background:#3c7658;height:100%;display:block}.inbox{border:1px solid var(--line);background:#fff;border-radius:13px;grid-template-columns:270px minmax(360px,1fr) 270px;height:calc(100% - 91px);display:grid;overflow:hidden}.threadList{border-right:1px solid var(--line);overflow:auto}.listSearch{border:1px solid var(--line);border-radius:8px;align-items:center;gap:7px;height:38px;margin:12px;padding:0 10px;display:flex}.listSearch svg{color:#788079;width:14px}.listSearch input{border:0;outline:0;width:100%;min-width:0;font-size:9px}.threadList>button{text-align:left;cursor:pointer;background:#fff;border:0;border-top:1px solid #eeede8;grid-template-columns:38px 1fr 38px;align-items:start;gap:9px;width:100%;padding:13px 11px;display:grid}.threadList>button.active{border-left:3px solid var(--green);background:#eef3e9}.vendorAvatar{width:36px;height:36px;color:var(--green);background:#dce7db;border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.threadList strong,.threadList p{margin:0;display:block}.threadList strong{font-size:9px}.threadList p{color:#727a73;white-space:nowrap;text-overflow:ellipsis;margin-top:5px;font-size:8px;overflow:hidden}.threadList>button>small{text-align:right;color:#808781;font-size:7px}.threadList>button>small b{background:var(--green);color:#fff;border-radius:50%;place-items:center;width:17px;height:17px;margin:7px 0 0 auto;display:grid}.liveChat{flex-direction:column;min-width:0;display:flex}.liveChat>header{border-bottom:1px solid var(--line);align-items:center;gap:9px;height:61px;padding:0 16px;display:flex}.liveChat>header div{flex:1}.liveChat>header strong,.liveChat>header small{display:block}.liveChat>header strong{font:500 13px var(--serif)}.liveChat>header small{color:#778079;margin-top:3px;font-size:7px}.liveChat>header small i{background:#43a76e;border-radius:50%;width:6px;height:6px;margin-right:4px;display:inline-block}.liveChat>header button{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:center;gap:6px;height:33px;padding:0 10px;font-size:8px;display:flex}.liveChat>header button svg{width:14px}.liveMessages{background:linear-gradient(150deg,#f7f6f0,#f0f3eb);flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow:auto}.dateDivider{color:#828883;background:#fff;border-radius:15px;align-self:center;padding:5px 9px;font-size:7px}.liveMessages article{border:1px solid var(--line);background:#fff;border-radius:11px 11px 11px 3px;align-self:flex-start;max-width:76%;padding:10px 12px}.liveMessages article.mine{background:var(--green-2);color:#fff;border:0;border-radius:11px 11px 3px;align-self:flex-end}.liveMessages small,.liveMessages time{opacity:.67;font-size:7px;display:block}.liveMessages p{margin:6px 0;font-size:9px;line-height:1.55}.liveMessages time{text-align:right}.liveComposer{border-top:1px solid var(--line);align-items:center;gap:7px;height:60px;padding:9px;display:flex}.liveComposer button{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.liveComposer input{border:0;outline:0;flex:1;min-width:0;font-size:9px}.liveComposer>span{color:#62806e;background:#edf3e9;border-radius:5px;padding:5px 7px;font-size:7px}.liveComposer button.send{background:var(--green);color:#fff;border-color:var(--green)}.liveComposer svg{width:14px}.extractionPanel{border-left:1px solid var(--line);padding:17px;overflow:auto}.extractionPanel h2{font:500 19px var(--serif);margin:7px 0 13px}.extractionPanel dl{margin:0}.extractionPanel dl div{border-top:1px solid #ecebe6;justify-content:space-between;gap:8px;padding:10px 0;display:flex}.extractionPanel dt{color:#747c75;font-size:8px}.extractionPanel dd{text-align:right;margin:0;font-size:8px;font-weight:700}.extractionPanel>button{color:#315f44;background:#eaf1df;border:0;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;height:38px;margin-top:10px;font-size:9px;font-weight:700;display:flex}.extractionPanel>button svg{width:14px}.extractionPanel>p{color:#7b827c;align-items:flex-start;gap:5px;margin-top:13px;font-size:7px;line-height:1.5;display:flex}.extractionPanel>p svg{flex:none;width:13px}.projectTabs,.orderFilters{border-bottom:1px solid var(--line);align-items:center;gap:5px;margin-bottom:15px;display:flex}.projectTabs button,.orderFilters button{color:#747b75;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;height:40px;padding:0 13px;font-size:9px}.projectTabs button.active,.orderFilters button.active{border-bottom-color:var(--green);color:var(--green);font-weight:700}.projectTabs b,.orderFilters b{background:#e8ede5;border-radius:12px;margin-left:4px;padding:3px 6px;font-size:7px}.orderFilters button.filter{border:1px solid var(--line);border-radius:7px;align-items:center;gap:5px;height:32px;margin-left:auto;display:flex}.orderFilters button.filter svg{width:13px}.shortlistSummary{color:#fff;background:linear-gradient(105deg,#153f2f,#1b5740);border-radius:12px;grid-template-columns:1.5fr 1fr .7fr auto;align-items:center;gap:20px;margin-bottom:12px;padding:19px 21px;display:grid}.shortlistSummary h2{font:500 21px var(--serif);margin:6px 0}.shortlistSummary p{color:#c3d2c9;margin:0;font-size:8px}.shortlistSummary>div>small,.shortlistSummary>div>strong{display:block}.shortlistSummary>div>small{color:#b5c8bd;font-size:8px}.shortlistSummary>div>strong{margin-top:5px;font-size:12px}.shortlistSummary>button{background:var(--lime);color:var(--green);border:0;border-radius:8px;align-items:center;gap:7px;height:39px;padding:0 13px;font-size:9px;font-weight:700;display:flex}.shortlistSummary button svg{width:14px}.vendorTable{border:1px solid var(--line);background:#fff;border-radius:11px;overflow:hidden}.vendorRow{border-top:1px solid #ecebe6;grid-template-columns:2fr .7fr .7fr .7fr .7fr .5fr 30px;align-items:center;gap:13px;min-height:66px;padding:0 15px;font-size:9px;display:grid}.vendorRow.header{color:#767d77;text-transform:uppercase;background:#f1f3ed;border:0;min-height:38px;font-size:7px}.vendorRow>span:first-child{grid-template-columns:38px 1fr;align-items:center;column-gap:9px;display:grid}.vendorRow.header>span:first-child{display:block}.vendorRow img{object-fit:cover;border-radius:5px;grid-row:1/3;width:38px;height:45px}.vendorRow span b,.vendorRow span small{display:block}.vendorRow span small{color:#7c837d;margin-top:3px;font-size:7px}.vendorRow>span>button{background:0 0;border:0}.scoreGood,.scoreMedium{font:600 18px var(--serif)}.scoreGood{color:#28714e}.scoreMedium{color:#bd9a25}.decisionBanner{background:#f5f7e8;border:1px solid #cbd47e;border-radius:10px;align-items:center;gap:12px;margin-top:12px;padding:13px 16px;display:flex}.decisionBanner>svg{color:#2b6b4b;width:22px}.decisionBanner div{flex:1}.decisionBanner strong{font-size:10px}.decisionBanner p{color:#667168;margin:4px 0 0;font-size:8px}.decisionBanner button{background:var(--green);color:#fff;border:0;border-radius:7px;height:34px;padding:0 11px;font-size:8px}.ordersLayout{grid-template-columns:340px 1fr;gap:14px;display:grid}.orderList{flex-direction:column;gap:8px;display:flex}.orderList>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:10px;padding:13px}.orderList>button.active{border-color:#92a558;box-shadow:0 0 0 2px #92a5581a}.orderList>button>div:first-child{justify-content:space-between;align-items:center;display:flex}.orderList strong{color:#657168;font-size:8px}.orderList h3{font:500 14px var(--serif);margin:10px 0 3px}.orderList p{color:#737b74;margin:0;font-size:8px}.orderMeta{justify-content:space-between;margin:12px 0 8px;font-size:8px;font-weight:700;display:flex}.orderDetail{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.orderDetail>header{justify-content:space-between;display:flex}.orderDetail h2{font:500 22px var(--serif);margin:6px 0}.orderDetail header p{color:#747b75;font-size:8px}.orderStats{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(3,1fr);margin:16px 0;display:grid}.orderStats>div{border-left:1px solid var(--line);padding:13px}.orderStats>div:first-child{border:0}.orderStats small,.orderStats strong{display:block}.orderStats small{color:#788079;font-size:7px}.orderStats strong{margin-top:5px;font-size:11px}.orderDetail>h3,.documents h3{font:500 14px var(--serif)}.timeline{margin:13px 0 20px}.timeline>div{gap:11px;min-height:49px;display:flex;position:relative}.timeline>div:not(:last-child):before{content:"";background:#dfe2dd;width:1px;height:22px;position:absolute;top:28px;left:14px}.timeline i{color:#98a09a;z-index:1;background:#fff;border:1px solid #d9ddd8;border-radius:50%;place-items:center;width:29px;height:29px;display:grid}.timeline i svg{width:13px}.timeline .done i{color:#2f754f;background:#e5f1e6;border-color:#bad5c2}.timeline .current i{background:var(--green);color:#fff;border-color:var(--green)}.timeline span strong,.timeline span small{display:block}.timeline span strong{margin-top:2px;font-size:9px}.timeline span small{color:#7b827c;margin-top:4px;font-size:7px}.documents{border-top:1px solid var(--line);padding-top:9px}.documents header{justify-content:space-between;align-items:center;display:flex}.documents header button{color:#356248;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.documents>button{text-align:left;background:0 0;border:0;border-top:1px solid #eeede8;grid-template-columns:25px 1fr 20px;align-items:center;gap:8px;width:100%;padding:10px 0;display:grid}.documents>button svg{width:16px}.documents>button span{font-size:8px;font-weight:700}.documents>button small{color:#7c837d;margin-top:3px;font-size:7px;font-weight:400;display:block}.directoryTools{gap:8px;margin-bottom:14px;display:flex}.directoryTools>div{border:1px solid var(--line);background:#fff;border-radius:9px;flex:1;align-items:center;gap:8px;height:40px;padding:0 11px;display:flex}.directoryTools svg{width:14px}.directoryTools input{border:0;outline:0;width:100%;min-width:0;font-size:9px}.directoryTools>button{border:1px solid var(--line);background:#fff;border-radius:9px;align-items:center;gap:6px;padding:0 12px;font-size:9px;display:flex}.supplierDirectory{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.supplierDirectory article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:15px}.supplierDirectory article>header{grid-template-columns:48px 1fr auto;align-items:center;gap:10px;display:grid}.supplierDirectory header img{object-fit:cover;border-radius:7px;width:48px;height:52px}.supplierDirectory h2{font:500 15px var(--serif);margin:0}.supplierDirectory header p{color:#7a827b;margin:4px 0 0;font-size:7px}.supplierDirectory header>strong{font:600 24px var(--serif);color:#286c4b}.supplierDirectory header>strong small{font:500 7px var(--font-sans);color:#7c837d}.vendorBadges{gap:5px;margin:13px 0;display:flex}.vendorBadges span{background:#f0f2ed;border-radius:6px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;display:flex}.vendorBadges span svg{width:11px}.vendorBadges .verified{color:#2c704d;background:#e7f2e6}.vendorBadges .pending{color:#976c13;background:#fff2d5}.supplierDirectory dl{border-top:1px solid #ecebe6;border-bottom:1px solid #ecebe6;grid-template-columns:repeat(3,1fr);margin:0;padding:11px 0;display:grid}.supplierDirectory dl div{border-left:1px solid #ecebe6;padding-left:9px}.supplierDirectory dl div:first-child{border:0;padding-left:0}.supplierDirectory dt{color:#7b827c;font-size:7px}.supplierDirectory dd{margin:4px 0 0;font-size:9px;font-weight:700}.supplierDirectory footer{justify-content:space-between;align-items:center;padding-top:11px;display:flex}.supplierDirectory footer span{color:#7c837d;font-size:7px}.supplierDirectory footer button{color:#35644a;background:0 0;border:0;align-items:center;gap:4px;font-size:8px;display:flex}.reportPeriod{justify-content:flex-end;gap:6px;margin-top:-16px;margin-bottom:13px;display:flex}.reportPeriod button{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:5px;height:32px;padding:0 10px;font-size:8px;display:flex}.reportPeriod svg{width:13px}.reportsGrid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:13px;display:grid}.stackedBar{border-radius:7px;height:25px;margin:25px 0;display:flex;overflow:hidden}.stackedBar i:first-child{background:#164d38;width:42%}.stackedBar i:nth-child(2){background:#6e987b;width:26%}.stackedBar i:nth-child(3){background:#b5c66b;width:20%}.stackedBar i:nth-child(4){background:#d7c58c;width:12%}.categoryChart ul{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.categoryChart li{grid-template-columns:10px 1fr;gap:6px;font-size:8px;display:grid}.categoryChart li i{border-radius:2px;width:8px;height:8px}.categoryChart li i.c1{background:#164d38}.categoryChart li i.c2{background:#6e987b}.categoryChart li i.c3{background:#b5c66b}.categoryChart li i.c4{background:#d7c58c}.categoryChart li b{color:#626b64;grid-column:2}.supplierPerformance>div{border-top:1px solid #ecebe6;grid-template-columns:160px 1fr 60px;align-items:center;gap:13px;padding:13px 0;font-size:8px;display:grid}.supplierPerformance>div>span{font-weight:700}.supplierPerformance>div small{color:#7d847e;margin-top:3px;font-size:7px;display:block}.supplierPerformance>div>b{text-align:right;color:#387054}.savingRow{border-top:1px solid #ecebe6;grid-template-columns:1.4fr 1.4fr 1fr 1fr .8fr;gap:14px;padding:12px 0;font-size:8px;display:grid}.savingRow.header{text-transform:uppercase;color:#777e78;background:#f1f3ed;margin:0 -18px;padding:10px 18px;font-size:7px}.savingRow>b{color:#2e744f}.settingsLayout{grid-template-columns:210px 1fr;gap:14px;display:grid}.settingsLayout>aside{flex-direction:column;gap:4px;display:flex}.settingsLayout>aside button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:9px;height:39px;padding:0 11px;font-size:9px;display:flex}.settingsLayout>aside button.active{color:#24563c;background:#e9eee5;font-weight:700}.settingsLayout>aside svg{width:15px}.settingsLayout>section{flex-direction:column;gap:12px;display:flex}.settingsBlock{border:1px solid var(--line);background:#fff;border-radius:11px;padding:18px}.settingsBlock>header{border-bottom:1px solid #ecebe6;margin-bottom:14px;padding-bottom:13px}.settingsBlock>header h2{font:500 17px var(--serif);margin:0}.settingsBlock>header p{color:#778079;margin:5px 0 0;font-size:8px}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.formGrid label{color:#69726b;font-size:8px}.formGrid input,.formGrid select{border:1px solid var(--line);background:#fff;border-radius:8px;width:100%;height:38px;margin-top:5px;padding:0 10px;font-size:9px;display:block}.saveButton{background:var(--green);color:#fff;border:0;border-radius:8px;height:36px;margin-top:14px;padding:0 13px;font-size:9px}.settingRow{border-top:1px solid #ecebe6;justify-content:space-between;align-items:center;padding:11px 0;display:flex}.settingRow:first-of-type{border:0}.settingRow strong,.settingRow span{display:block}.settingRow strong{font-size:9px}.settingRow span{color:#7b827c;margin-top:4px;font-size:8px}.switch{background:#dfe2de;border:0;border-radius:20px;width:38px;height:22px;padding:3px}.switch i{background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.switch.on{background:#28704d}.switch.on i{transform:translate(16px)}.settingsBlock.connector>header{justify-content:space-between;display:flex}.settingsBlock.connector>header span{color:#966d14;background:#fff0cc;border-radius:12px;padding:5px 9px;font-size:7px;font-weight:700}.connectorStatus{grid-template-columns:25px 1fr auto;align-items:center;gap:10px;display:grid}.connectorStatus>svg{color:#ba8a26;width:21px}.connectorStatus strong{font-size:9px}.connectorStatus p{color:#778079;margin:4px 0 0;font-size:8px}.connectorStatus button{border:1px solid var(--line);background:#fff;border-radius:7px;height:33px;font-size:8px}.helpSearch{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:9px;width:min(680px,100%);height:48px;margin:0 auto 20px;padding:0 14px;display:flex}.helpSearch svg{color:#4b705a;width:18px}.helpSearch input{border:0;outline:0;flex:1;font-size:10px}.helpGrid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.helpGrid article{border:1px solid var(--line);background:#fff;border-radius:11px;padding:17px}.helpGrid article>svg{color:#2f6849;width:26px}.helpGrid h2{font:500 16px var(--serif);margin:13px 0 6px}.helpGrid p{color:#737b74;min-height:45px;font-size:8px;line-height:1.5}.helpGrid button{color:#35644a;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-size:8px;display:flex}.supportBanner{color:#fff;background:#143e2e;border-radius:11px;justify-content:space-between;align-items:center;margin-top:14px;padding:18px;display:flex}.supportBanner>div{align-items:center;gap:11px;display:flex}.supportBanner>div>svg{width:25px}.supportBanner strong{font-size:10px}.supportBanner p{color:#bfd0c6;margin:4px 0 0;font-size:8px}.supportBanner>button{background:var(--lime);height:35px;color:var(--green);border:0;border-radius:7px;padding:0 12px;font-size:8px;font-weight:700}@media (max-width:1100px){.kpiGrid{grid-template-columns:repeat(2,1fr)}.dashboardGrid{grid-template-columns:1fr}.supplierDirectory,.helpGrid{grid-template-columns:1fr 1fr}.inbox{grid-template-columns:230px 1fr}.extractionPanel{display:none}.shortlistSummary{grid-template-columns:1fr 1fr}.shortlistSummary>button{grid-column:2}.previewRow{grid-template-columns:90px 1.5fr 80px 100px}.previewRow .progress{display:none}}@media (max-width:700px){.saasPage{padding:22px 13px 110px}.saasPage.fullHeight{height:auto;overflow:visible}.saasHead{flex-direction:column;align-items:flex-start}.saasHead h1{font-size:30px}.kpiGrid{grid-template-columns:1fr 1fr}.dashboardGrid,.reportsGrid,.ordersLayout,.settingsLayout{grid-template-columns:1fr}.previewRow{grid-template-columns:90px 1fr auto}.previewRow .status,.previewRow>b{display:none}.inbox{height:auto;display:block}.threadList{border:0;border-bottom:1px solid var(--line);max-height:230px}.liveChat{min-height:570px}.supplierDirectory,.helpGrid,.shortlistSummary{grid-template-columns:1fr}.shortlistSummary>button{grid-column:auto}.vendorTable{overflow-x:auto}.vendorRow{min-width:760px}.orderFilters{overflow-x:auto}.orderFilters button{white-space:nowrap}.orderFilters button.filter{margin-left:0}.reportPeriod{margin-top:0}.formGrid{grid-template-columns:1fr}.settingsLayout>aside{grid-template-columns:1fr 1fr;display:grid}.conversationLayout{grid-template-columns:1fr}.kpiGrid.report{grid-template-columns:1fr 1fr}}.shortlistToggle.chosen{opacity:0}.supplierCard:hover .shortlistToggle.chosen{opacity:1}.modalGrid article{cursor:pointer;position:relative}.modalGrid article.preferred{border-color:#9cae4d;box-shadow:0 0 0 2px #9cae4d21}.supplierChoice{z-index:2;cursor:pointer;background:#ffffffe6;border:1px solid #d9ddd7;border-radius:50%;place-items:center;width:25px;height:25px;display:grid;position:absolute;top:17px;right:17px}.supplierChoice svg{width:21px;height:21px;color:var(--green)}.supplierChoice span{background:#e3e6e1;border-radius:50%;width:9px;height:9px}.comparisonMatrix{border:1px solid var(--line);background:#fff;border-radius:11px;margin-top:12px;overflow:hidden}.matrixRow{border-top:1px solid #eeede8;grid-template-columns:1.25fr repeat(3,1fr);align-items:center;min-height:31px;font-size:9px;display:grid}.matrixRow:first-child{border:0}.matrixRow>*{padding:0 12px}.matrixRow span{color:#6e766f}.matrixRow strong{font-size:9px}.matrixRow b{font-size:9px;font-weight:600}.matrixHead{text-transform:uppercase;letter-spacing:.04em;background:#f1f3ec}.inquiryFields{grid-template-columns:180px 1fr;gap:10px;margin:12px 0;display:grid}.inquiryFields label{text-transform:uppercase;letter-spacing:.06em;color:#6e766f;font-size:8px}.inquiryFields input{border:1px solid var(--line);width:100%;height:39px;color:var(--ink);background:#fff;border-radius:8px;outline:0;margin-top:6px;padding:0 11px;font-size:10px;display:block}.inquiryFields input:focus{border-color:#81934b;box-shadow:0 0 0 3px #81934b1a}.conversationLayout{grid-template-columns:minmax(0,1.6fr) minmax(230px,.75fr);gap:12px;display:grid}.chatPanel,.quoteExtraction{border:1px solid var(--line);background:#fff;border-radius:12px;overflow:hidden}.chatHeader{border-bottom:1px solid var(--line);background:#f7f8f3;align-items:center;gap:9px;padding:13px 15px;display:flex}.onlineDot{background:#41a76c;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 3px #41a76c24}.chatHeader strong,.chatHeader small{display:block}.chatHeader strong{font:500 14px var(--serif)}.chatHeader small{color:#778078;margin-top:3px;font-size:8px}.chatMessages{background:linear-gradient(150deg,#f8f7f1,#f1f4ed);flex-direction:column;gap:13px;min-height:300px;padding:18px;display:flex}.chatMessages article{border-radius:12px;max-width:78%;padding:11px 13px;box-shadow:0 2px 10px #1e2d230d}.chatMessages article small,.chatMessages article time{opacity:.7;font-size:7px;display:block}.chatMessages article p{margin:7px 0;font-size:10px;line-height:1.55}.chatMessages article time{text-align:right}.outgoing{color:#fff;background:#174f39;align-self:flex-end;border-bottom-right-radius:3px!important}.incoming{background:#fff;border:1px solid #e6e6df;align-self:flex-start;border-bottom-left-radius:3px!important}.messageComposer{border-top:1px solid var(--line);gap:8px;padding:11px;display:flex}.messageComposer input{border:1px solid var(--line);border-radius:9px;outline:0;flex:1;height:39px;padding:0 12px;font-size:10px}.messageComposer button{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;place-items:center;width:39px;display:grid}.messageComposer button svg{width:17px}.quoteExtraction{padding:17px}.quoteExtraction h3{font:500 20px var(--serif);margin:7px 0 15px}.quoteExtraction dl{margin:0}.quoteExtraction dl div{border-top:1px solid #ecebe5;justify-content:space-between;gap:12px;padding:10px 0;display:flex}.quoteExtraction dt{color:#747c75;font-size:8px}.quoteExtraction dd{text-align:right;margin:0;font-size:9px;font-weight:700}.saving{background:#edf3df;border-radius:9px;margin-top:12px;padding:13px}.saving strong,.saving span{display:block}.saving strong{color:#24573c;font-size:22px}.saving span{color:#657267;margin-top:3px;font-size:8px}