:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f6f7f8;color:#17201b;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(64,110,91,.12),transparent 320px),#f6f7f8}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.app-shell{width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:32px 0 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.product-name{margin:0 0 6px;font-size:.92rem;font-weight:750;color:#2f6b4f}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(2.2rem,4vw,4.6rem);line-height:.98;letter-spacing:0}h2{margin-bottom:8px;font-size:1.1rem;line-height:1.2}.muted{color:#607067;line-height:1.55}.icon-button,.primary-button,.secondary-button{border:1px solid #cbd8d0;background:#fff;color:#17201b;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 14px;font-weight:700}.icon-button{width:42px;padding:0}.primary-button{background:#1f7a56;border-color:#1f7a56;color:#fff}.secondary-button{background:#fff}.primary-button:disabled,.secondary-button:disabled{border-color:#d8e1dc;background:#eef2ef;color:#88958e}.compact-button{min-height:40px;padding:0 10px}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.status-card,.panel{background:#ffffffeb;border:1px solid #dce5df;border-radius:8px;box-shadow:0 20px 40px #212d260f}.status-card{min-height:112px;padding:16px}.status-card span{display:block;margin:12px 0 6px;color:#607067;font-size:.78rem;font-weight:700;text-transform:uppercase}.status-card strong{display:block;word-break:break-word}.status-card.good .status-icon{color:#1f7a56}.status-card.warn .status-icon{color:#a05f1b}.status-icon svg{width:22px;height:22px}.panel{margin-top:14px;padding:20px}.two-column{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.45fr);gap:18px;align-items:stretch}.access-box{border:1px dashed #abc1b5;border-radius:8px;padding:16px;background:#f8fbf9}.access-box.connected{border-style:solid;border-color:#b7d8c8;background:#f2fbf6}.access-box span{display:block;color:#607067;font-size:.78rem;font-weight:800;text-transform:uppercase}.access-box strong{display:block;margin:8px 0;font-size:1.35rem;letter-spacing:0}.access-box p{margin-bottom:0;color:#607067}.access-form{display:grid;gap:12px}.sign-in-form{align-content:start}.access-form label{display:grid;gap:6px}.access-form label span{color:#607067;font-size:.78rem;font-weight:800;text-transform:uppercase}.access-form small{display:inline-flex;align-items:center;gap:5px;color:#607067;font-size:.76rem;overflow-wrap:anywhere}.access-form input{min-height:40px;border:1px solid #cbd8d0;border-radius:8px;padding:0 12px;background:#fff}.access-form input:disabled{color:#8a958f;background:#f4f7f5}.sign-in-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.form-error{margin:0;color:#9a321f;font-weight:700}.helper-card{display:grid;gap:9px;margin-top:14px;padding:12px;border:1px solid #dce5df;border-radius:8px;background:#f8fbf9}.helper-card p{margin:0;color:#607067;line-height:1.45}.helper-title{display:inline-flex;align-items:center;gap:8px;color:#2f6b4f;font-size:.78rem;font-weight:800;text-transform:uppercase}.helper-card code{display:block;padding:10px;border:1px solid #e1e9e4;border-radius:6px;background:#fff;color:#17201b;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.82rem;line-height:1.45;overflow-wrap:anywhere}.status-note{display:grid;gap:4px;padding:12px;border:1px solid #b7d8c8;border-radius:8px;background:#f2fbf6}.status-note p{margin:0;color:#607067}.status-note a{color:#1f7a56;font-weight:800}.recovery-details{display:grid;gap:12px;margin-top:4px;border-top:1px solid #e1e9e4;padding-top:12px}.recovery-details summary{color:#2f6b4f;cursor:pointer;font-weight:800}.recovery-details[open]{gap:12px}.password-setup{display:grid;gap:10px;margin-top:16px;padding:14px;border:1px solid #b7d8c8;border-radius:8px;background:#f2fbf6}.password-setup p{margin:0;color:#607067;line-height:1.45}.password-setup label{display:grid;gap:6px}.password-setup label span{color:#607067;font-size:.78rem;font-weight:800;text-transform:uppercase}.password-setup input{min-height:40px;border:1px solid #cbd8d0;border-radius:8px;padding:0 12px;background:#fff}.success-message{margin:0;color:#1f7a56;font-weight:800}.password-note{margin-top:16px}.landing-shell{width:min(1220px,calc(100vw - 32px));margin:0 auto;padding:28px 0 56px}.landing-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:28px;min-height:680px;overflow:hidden;border:1px solid #dce5df;border-radius:8px;padding:clamp(22px,4vw,54px);background:linear-gradient(135deg,rgba(20,118,156,.12),transparent 34%),linear-gradient(180deg,#fff,#f4f8f6 58%,#eef6f9);box-shadow:0 28px 70px #1b2d271a}.landing-copy{position:relative;z-index:2;max-width:720px}.landing-copy h1{max-width:740px;margin-bottom:18px;color:#101b16}.hero-lede{max-width:680px;color:#526158;font-size:clamp(1.05rem,2vw,1.26rem);line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.hero-actions span{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 11px;border:1px solid #cbd8d0;border-radius:999px;background:#ffffffc2;color:#314139;font-size:.86rem;font-weight:800}.landing-login{position:relative;z-index:3;align-self:start;padding:18px;border:1px solid #cbd8d0;border-radius:8px;background:#fffffff0;box-shadow:0 20px 50px #192a231f}.hero-signal{position:absolute;left:clamp(24px,4vw,54px);right:clamp(24px,4vw,54px);bottom:34px;z-index:1;min-height:245px;border:1px solid rgba(30,91,112,.18);border-radius:8px;background:linear-gradient(90deg,rgba(31,122,86,.12),transparent 48%),repeating-linear-gradient(0deg,rgba(31,122,86,.08) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(20,118,156,.08) 0 1px,transparent 1px 44px),#ffffffb3}.signal-lane{position:absolute;display:grid;gap:4px;width:min(310px,42vw);padding:14px;border:1px solid #dce5df;border-radius:8px;background:#fff;box-shadow:0 18px 40px #192a2321}.signal-lane span,.signal-matrix span{color:#607067;font-size:.76rem;font-weight:800;text-transform:uppercase}.signal-lane strong{color:#17201b;overflow-wrap:anywhere}.lane-one{left:26px;top:28px;border-left:4px solid #ba5b31}.lane-two{left:min(380px,45%);top:110px;border-left:4px solid #1f7a56}.signal-matrix{position:absolute;right:28px;top:28px;display:grid;gap:10px;width:min(330px,34vw);padding:14px;border:1px solid #c7dce3;border-radius:8px;background:#f7fcfe}.signal-matrix div{display:grid;grid-template-columns:minmax(92px,1fr) repeat(3,18px);align-items:center;gap:8px}.signal-matrix i{width:18px;height:18px;border-radius:5px;background:#1f7a56}.signal-matrix div:nth-child(2) i:nth-child(3),.signal-matrix div:nth-child(3) i:nth-child(4){background:#d28a2d}.landing-band{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.feature-tile{padding:18px;border:1px solid #dce5df;border-radius:8px;background:#fff;box-shadow:0 18px 40px #212d260f}.feature-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;margin-bottom:14px;border-radius:8px;background:#edf7f1;color:#1f7a56}.feature-tile:nth-child(2) .feature-icon{background:#eef7fb;color:#14769c}.feature-tile:nth-child(3) .feature-icon{background:#fff3dd;color:#94621c}.feature-tile p{margin:0;color:#607067;line-height:1.5}.privacy-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:24px;margin-top:14px;padding:26px;border:1px solid #dce5df;border-radius:8px;background:#fff}.eyebrow{margin-bottom:8px;color:#14769c;font-size:.78rem;font-weight:850;text-transform:uppercase}.privacy-grid{display:grid;gap:12px}.privacy-grid div{padding:14px;border:1px solid #dce5df;border-radius:8px;background:#f8fbf9}.privacy-grid strong,.privacy-grid span{display:block}.privacy-grid strong{margin-bottom:6px}.privacy-grid span{color:#607067;line-height:1.45}.locked-matrix{display:flex;gap:14px;align-items:start;padding:18px;border:1px solid #dce5df;border-radius:8px;background:#f8fbf9}.locked-matrix svg{color:#2f6b4f;flex:0 0 auto}.locked-matrix h3{margin:0 0 6px;font-size:1rem}.locked-matrix p{margin-bottom:10px;color:#607067;line-height:1.5}.locked-matrix span{display:inline-flex;padding:4px 8px;border-radius:999px;background:#eef2ef;color:#526158;font-size:.78rem;font-weight:800}.table-header{display:flex;justify-content:space-between;align-items:start;gap:18px;margin-bottom:16px}.scope-toggle{display:inline-flex;min-height:40px;padding:3px;border:1px solid #cbd8d0;border-radius:8px;background:#fff}.scope-toggle button{border:0;border-radius:6px;padding:0 12px;background:transparent;color:#607067;font-weight:800}.scope-toggle button.active{background:#1f7a56;color:#fff}.scope-toggle button:disabled{color:#9ba9a1;cursor:default}.search-form{min-width:min(520px,100%)}.table-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;min-width:min(360px,100%);min-height:40px;padding:0 12px;border:1px solid #cbd8d0;border-radius:8px;background:#fff}.search-box input{width:100%;border:0;outline:0}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:1180px}th,td{padding:11px 10px;border-bottom:1px solid #e6ece8;text-align:left;white-space:nowrap}th{position:relative;color:#607067;font-size:.78rem;text-transform:uppercase}.column-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sort-button{display:inline-flex;align-items:center;gap:6px;border:0;padding:0;background:transparent;color:inherit;font-size:inherit;font-weight:800;text-transform:inherit}.column-filter{position:relative;flex:0 0 auto;text-transform:none}.column-filter summary{display:inline-flex;align-items:center;justify-content:center;gap:2px;width:28px;height:28px;border:1px solid #dce5df;border-radius:6px;color:#607067;background:#fff;cursor:pointer;list-style:none}.column-filter summary::-webkit-details-marker{display:none}.column-filter.active summary{border-color:#1f7a56;color:#1f7a56;background:#eef8f2}.column-filter summary span{font-size:.66rem;font-weight:900}.filter-popover{position:absolute;top:calc(100% + 6px);right:0;z-index:20;width:230px;padding:12px;border:1px solid #dce5df;border-radius:8px;background:#fff;box-shadow:0 18px 40px #212d2629;color:#17201b;font-size:.84rem;text-transform:none}.filter-popover-title{margin-bottom:8px;font-weight:850}.filter-clear{margin:0 0 10px;border:0;padding:0;background:transparent;color:#1f7a56;font-size:.82rem;font-weight:850}.filter-clear:disabled{color:#9ba9a1;cursor:default}.filter-options{display:grid;gap:7px;max-height:230px;overflow:auto}.filter-options label{display:flex;align-items:center;gap:8px;color:#17201b;font-weight:650;line-height:1.25;white-space:normal}.filter-options input{flex:0 0 auto;width:16px;height:16px}.filter-options p{margin:0;color:#607067}.active-sort{color:#1f7a56}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.92rem}.confidence{display:inline-flex;min-width:64px;justify-content:center;padding:4px 8px;border-radius:999px;font-size:.78rem;font-weight:800;background:#eef2ef;color:#526158}.confidence.medium{background:#fff3dd;color:#8a5b1d}.confidence.higher{background:#e5f6ee;color:#1f7a56}.recommendation-panel{background:#fff}.recommendation-count{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;border-radius:8px;background:#eef7fb;color:#14769c;font-weight:850}.recommendation-list{display:grid;gap:12px}.recommendation{display:grid;gap:12px;padding:14px;border:1px solid #dce5df;border-radius:8px;background:#fbfdfc}.recommendation-kind,.recommendation-metrics{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.recommendation-kind{color:#14769c;font-size:.78rem;font-weight:850;text-transform:uppercase}.recommendation-path{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.sku-block{display:grid;gap:5px;padding:12px;border:1px solid #e1e9e4;border-radius:8px;background:#fff}.sku-block span{color:#607067;font-size:.72rem;font-weight:850;text-transform:uppercase}.sku-block strong{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;overflow-wrap:anywhere}.sku-block small{color:#607067;line-height:1.35}.path-arrow{color:#1f7a56;font-weight:900}.recommendation p{margin:0;color:#607067;line-height:1.45}.recommendation-metrics span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border-radius:999px;background:#eef2ef;color:#526158;font-size:.78rem;font-weight:800}.recommendation-metrics .confidence{min-height:28px}.empty-recommendations{display:flex;align-items:center;gap:12px;padding:16px;border:1px solid #dce5df;border-radius:8px;background:#f8fbf9}.empty-recommendations svg{color:#14769c;flex:0 0 auto}.empty-recommendations p{margin:0;color:#607067;line-height:1.45}.installations{display:grid;gap:10px}.installation{display:flex;gap:10px;align-items:start;padding:12px;border:1px solid #e1e9e4;border-radius:8px}.installation svg{color:#1f7a56}.installation span{display:block;margin-top:3px;color:#607067}@media(max-width:860px){.landing-hero,.landing-band,.privacy-section,.status-grid,.two-column{grid-template-columns:1fr}.landing-hero{min-height:auto;padding-bottom:280px}.landing-login{max-width:520px}.hero-signal{min-height:220px}.lane-one,.lane-two{left:16px;width:calc(100% - 32px)}.lane-two{top:94px}.signal-matrix{display:none}.sign-in-actions,.recommendation-path{grid-template-columns:1fr}.path-arrow{display:none}.table-header{display:grid}.search-form{margin-top:14px}}