@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17201c;font-synthesis:none;--green-950:#10251e;--green-800:#1d4133;--green-600:#34745b;--lime:#d9f06d;--line:#e2e5de;--muted:#6b746f;background:#f4f5f1;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{grid-template-columns:244px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--green-950);color:#dbe5df;flex-direction:column;height:100vh;padding:26px 18px 20px;display:flex;position:sticky;top:0}.brand{letter-spacing:-.5px;color:#fff;align-items:center;gap:11px;padding:0 9px 27px;font-family:Manrope,sans-serif;font-size:19px;display:flex}.brand>span{background:var(--lime);width:35px;height:35px;color:var(--green-950);border-radius:10px;place-items:center;display:grid}.brand strong{color:var(--lime);margin-left:3px}.nav-label,.eyebrow{color:#82928a;letter-spacing:1.4px;font-size:10px;font-weight:700}.nav-label{margin:0 0 8px;padding:0 11px}.sidebar nav{gap:4px;display:grid}.sidebar button{color:#9eb0a7;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;padding:11px 12px;transition:all .2s;display:flex}.sidebar button:hover{color:#fff;background:#19352b}.sidebar button.active{color:#fff;box-shadow:inset 3px 0 var(--lime);background:#24473a}.sidebar-bottom{border-top:1px solid #284137;margin-top:auto;padding-top:11px}.user-card{align-items:center;gap:10px;margin-top:16px;padding:12px 9px 0;display:flex}.user-card>span{width:34px;height:34px;color:var(--lime);background:#36574a;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.user-card div{gap:2px;display:grid}.user-card strong{color:#f6faf7;font-size:12px}.user-card small{color:#7f9389;font-size:10px}main{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#ffffffeb;justify-content:space-between;align-items:center;gap:20px;min-height:74px;padding:13px 34px;display:flex}.topbar>div:first-child{gap:4px;display:grid}.topbar p{margin:0;font-size:14px;font-weight:700}.topbar span{color:var(--muted);font-size:11px}.top-actions{align-items:center;gap:12px;display:flex}.primary,.secondary,.link-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;display:inline-flex}.primary{background:var(--green-950);color:#fff;border-radius:9px;padding:10px 16px;font-size:12px;font-weight:700}.primary:hover{background:var(--green-800)}.content{max-width:1500px;margin:0 auto;padding:32px 34px 48px}.welcome{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;display:flex}.welcome .eyebrow{color:#819087}h1,h2{letter-spacing:-1px;margin:0;font-family:Manrope,sans-serif}h1{margin-top:6px;font-size:30px}h2{font-size:17px}.welcome p{color:var(--muted);margin:6px 0 0;font-size:13px}.company-chip{border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:10px;padding:9px 13px;display:flex}.company-chip>span{width:30px;height:30px;color:var(--green-800);background:#edf2eb;border-radius:8px;place-items:center;font-size:10px;font-weight:800;display:grid}.company-chip div{gap:2px;display:grid}.company-chip small{color:#89938e;letter-spacing:1px;font-size:8px;font-weight:700}.company-chip strong{font-size:11px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:#fff;border-radius:13px}.metric-card{align-items:flex-start;gap:14px;padding:18px;display:flex}.metric-icon{border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.metric-icon.green{color:#2f7557;background:#e9f3ed}.metric-icon.amber{color:#aa6912;background:#fff2d5}.metric-icon.purple{color:#7655b8;background:#f0eafd}.metric-icon.blue{color:#416f9f;background:#e8f0fb}.metric-card>div:last-child{gap:4px;min-width:0;display:grid}.metric-card span{color:var(--muted);font-size:11px}.metric-card strong{letter-spacing:-.5px;font-family:Manrope,sans-serif;font-size:20px}.metric-card small{color:#929b96;font-size:9px}.grid-main{grid-template-columns:minmax(0,1fr) 315px;align-items:start;gap:16px;display:grid}.panel{overflow:hidden}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:19px 20px 15px;display:flex}.panel-heading .eyebrow{margin-bottom:5px;display:block}.link-button{color:var(--green-600);background:0 0;font-size:11px;font-weight:700}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#87908b;letter-spacing:.7px;text-transform:uppercase;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8f9f6;padding:10px 15px;font-size:9px;font-weight:700}td{white-space:nowrap;border-bottom:1px solid #eef0eb;padding:13px 15px;font-size:11px}tbody tr:last-child td{border-bottom:0}.product-cell{white-space:normal;align-items:center;gap:9px;min-width:230px;display:flex}.product-cell>span{color:#557466;background:#eef3ef;border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.product-cell div{gap:2px;display:grid}.product-cell strong{font-size:11px}.product-cell small{color:#8a938e;font-size:9px}.mono{color:#617069;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px}.right-column{gap:16px;display:grid}.progress-value{color:var(--green-600);font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.progress{background:#edf0ea;border-radius:99px;height:5px;margin:0 20px;overflow:hidden}.progress span{background:var(--green-600);width:20%;height:100%;display:block}.checklist{margin:0;padding:12px 20px 19px;list-style:none;display:grid}.checklist li{gap:11px;padding:10px 0;display:flex;position:relative}.checklist li:not(:last-child):after{content:"";background:#dce1da;width:1px;height:20px;position:absolute;top:36px;left:13px}.checklist li>span{color:#88938d;border:1px solid #dce2dc;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:9px;font-weight:700;display:grid}.checklist li.done>span{color:#34745b;background:#e6f2eb;border-color:#8ebba6}.checklist li div{gap:2px;display:grid}.checklist strong{font-size:11px}.checklist small{color:#8a938e;font-size:9px}.integration-panel{padding:18px}.integration-title{align-items:center;gap:10px;margin-bottom:12px;display:flex}.bling-mark{color:#1b69bf;background:#eff5ff;border-radius:9px;place-items:center;width:34px;height:34px;font-family:Manrope,sans-serif;font-weight:800;display:grid}.integration-title div{gap:2px;display:grid}.integration-title strong{font-size:12px}.integration-title small{color:#8a938e;font-size:9px}.integration-panel p{color:var(--muted);margin:13px 0;font-size:10px;line-height:1.55}.secondary{width:100%;color:var(--green-800);background:#fff;border:1px solid #dbe0da;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700}.secondary:hover{background:#f5f7f3}.status-pill{border-radius:99px;align-items:center;width:max-content;padding:5px 9px;font-weight:700;display:inline-flex;font-size:9px!important}.status-pill.warning{color:#986413;background:#fff2d8}.status-pill.neutral{color:#707a74;background:#eef0ed}.status-pill.success{color:#337158;background:#e8f3ec}.error-banner{color:#9d3e35;background:#fff0ee;border:1px solid #e6bdb8;border-radius:9px;margin:0 0 16px;padding:12px 15px;font-size:12px}.demo-banner{color:#775c12;background:#fff8df;border:1px solid #d8c58f;border-radius:9px;margin:0 0 16px;padding:12px 15px;font-size:12px;font-weight:600}@media (width<=1100px){.metrics{grid-template-columns:repeat(2,1fr)}.grid-main{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.app-shell{grid-template-columns:68px minmax(0,1fr)}.sidebar{padding:20px 9px}.brand{padding:0 7px 24px}.brand div,.nav-label,.sidebar button span,.user-card div{display:none}.sidebar button{justify-content:center;padding:12px}.user-card{justify-content:center;padding:10px 0 0}.topbar{padding:12px 18px}.top-actions .status-pill{display:none}.content{padding:24px 18px 36px}.welcome{flex-direction:column;align-items:flex-start}.metrics,.right-column{grid-template-columns:1fr}}