@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#182334;background:#f5f7fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-story{padding:42px 8vw 34px;background:radial-gradient(circle at 80% 20%,#236e9455,transparent 30%),linear-gradient(145deg,#062d42,#07536a 55%,#087b78);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand>div{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#0d8b87,#08627a);display:grid;place-items:center;color:#fff;font:800 18px Manrope}.brand p,.brand b,.brand small{display:block;margin:0}.brand b{font:800 16px Manrope}.brand small{font-size:10px;color:#8995a3;letter-spacing:.3px}.brand.light>div{background:#ffffff20;border:1px solid #ffffff38}.brand.light small{color:#c2dee3}.login-story h1{font:800 clamp(38px,5vw,67px)/1.06 Manrope;margin:17px 0 20px;letter-spacing:-2px}.login-story>div:nth-child(2)>p{max-width:650px;color:#c7e1e4;font-size:17px;line-height:1.7}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:#6ee0cf}.login-products{display:flex;align-items:center;gap:12px;margin-top:34px}.login-products i{font-style:normal;border:1px solid #ffffff42;background:#ffffff12;border-radius:9px;padding:10px 15px;font-size:12px}.login-products span{height:1px;width:22px;background:#ffffff50}.login-story>small{color:#99c5cc}.login-form{display:grid;place-items:center;padding:30px}.login-form form{width:min(400px,100%)}.login-mark{display:flex;align-items:center;gap:7px;color:#0b807b;font-size:12px}.login-mark svg{width:17px}.login-form h2{font:800 33px Manrope;margin:22px 0 6px}.login-form>form>p{color:#7b8797;margin:0 0 30px}.login-form label,.form label{font-size:12px;font-weight:600;display:grid;gap:8px;margin:16px 0}.login-form input,.form input,.form select{height:46px;border:1px solid #dce2e9;border-radius:9px;padding:0 13px;outline:0}.login-form input:focus,.form input:focus,.form select:focus{border-color:#0b8580;box-shadow:0 0 0 3px #0b858012}.login-form form>button{width:100%;height:48px;border:0;border-radius:9px;background:#087d78;color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:23px}.login-form form>button svg{width:17px}.login-form form>small{display:block;text-align:center;color:#9aa4b0;font-size:10px;margin-top:18px}.alert{background:#fff0f0;color:#b54048;border:1px solid #f4d2d5;border-radius:8px;padding:10px;font-size:12px;margin:13px 0}.app{min-height:100vh;display:grid;grid-template-columns:245px 1fr}.app>aside{background:#fff;border-right:1px solid #e7ebef;padding:21px 14px;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;width:245px;z-index:20}.side-head{padding:0 9px 25px}.side-head>button{display:none}.app nav{display:grid;gap:3px}.app nav button{border:0;background:transparent;color:#647183;border-radius:8px;height:43px;padding:0 12px;display:grid;grid-template-columns:21px 1fr 5px;align-items:center;text-align:left;font-size:13px}.app nav svg{width:17px}.app nav button.active{background:#e8f5f3;color:#087a76;font-weight:700}.app nav button i{width:4px;height:18px;background:#0b8580;border-radius:4px}.side-help{margin:auto 4px 15px;background:linear-gradient(145deg,#073c4d,#08766f);border-radius:11px;color:#fff;padding:15px}.side-help svg{width:19px}.side-help b,.side-help span{display:block}.side-help b{font-size:12px;margin:8px 0 3px}.side-help span{font-size:9px;color:#b7ddda}.app aside footer{border-top:1px solid #edf0f3;padding:16px 5px 0;display:flex;align-items:center;gap:8px}.app aside footer>svg{width:31px;color:#90a0ae}.app aside footer div{min-width:0;flex:1}.app aside footer b,.app aside footer span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app aside footer b{font-size:11px}.app aside footer span{font-size:9px;color:#8b97a5}.app aside footer button{border:0;background:transparent;color:#81909e}.app aside footer button svg{width:16px}.workspace{grid-column:2;min-width:0}.workspace>header{height:73px;background:#fff;border-bottom:1px solid #e7ebef;display:flex;align-items:center;padding:0 30px;gap:22px;position:sticky;top:0;z-index:10}.mobile{display:none}.global-search{display:flex;align-items:center;gap:9px;background:#f5f7f9;border-radius:8px;width:min(380px,35vw);height:39px;padding:0 12px}.global-search svg{width:16px;color:#8c98a5}.global-search input{border:0;background:transparent;outline:0;width:100%;font-size:12px}.tenant-picker{margin-left:auto;position:relative}.tenant-picker span{display:block;font-size:8px;color:#8b96a3;margin-bottom:2px}.tenant-picker select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;font-size:11px;font-weight:600;padding-right:24px;max-width:210px}.tenant-picker svg{position:absolute;right:0;bottom:1px;width:15px}.profile{display:flex;align-items:center;gap:9px;border-left:1px solid #e6eaee;padding-left:18px}.profile>span{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#dff2ef;color:#087a76;font-weight:800}.profile b,.profile small{display:block}.profile b{font-size:11px}.profile small{font-size:9px;color:#8996a3}.content{padding:29px 32px 50px;max-width:1600px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.crumb{font-size:9px;color:#8995a3}.page-head h1{font:800 27px Manrope;margin:7px 0 5px;letter-spacing:-.6px}.page-head p{margin:0;color:#7b8794;font-size:12px}.primary-btn{height:39px;border:0;border-radius:8px;background:#087e79;color:#fff;padding:0 15px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700}.primary-btn svg{width:15px}.primary-btn:disabled{opacity:.45}.hero{background:linear-gradient(120deg,#073d51,#08756f);min-height:190px;border-radius:15px;color:#fff;padding:29px 32px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;width:360px;height:360px;border:70px solid #ffffff08;border-radius:50%;right:-120px;top:-180px}.hero h2{font:800 25px Manrope;margin:11px 0 8px}.hero p{font-size:12px;color:#c1dfe1;max-width:600px;line-height:1.6}.connection{position:relative;z-index:1;display:flex;align-items:center;gap:7px}.connection i{font-style:normal;background:#ffffff17;border:1px solid #ffffff31;padding:13px;border-radius:9px;font-size:10px;font-weight:700}.connection span{font-size:7px;color:#92d1cd}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:17px 0}.metrics article{background:#fff;border:1px solid #e5e9ee;border-radius:11px;padding:17px;display:grid;grid-template-columns:39px 1fr;column-gap:11px}.metrics article>div{width:39px;height:39px;border-radius:9px;background:#e5f4f2;color:#087d78;display:grid;place-items:center;grid-row:1/4}.metrics svg{width:18px}.metrics span{font-size:10px;color:#778493}.metrics strong{font:800 22px Manrope}.metrics small{font-size:8px;color:#9aa4af}.overview-grid{display:grid;grid-template-columns:1.7fr .8fr;gap:14px}.panel,.table-card,.product-grid article,.plan-grid article{background:#fff;border:1px solid #e4e9ee;border-radius:11px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:17px 19px;border-bottom:1px solid #edf0f3}.panel-head h3{font:700 13px Manrope;margin:0}.panel-head p{font-size:9px;color:#8b97a3;margin:3px 0 0}.pill{display:inline-flex;border-radius:12px;padding:4px 8px;font-size:8px;font-weight:700;background:#eef1f4;color:#687687;white-space:nowrap}.pill.active,.pill.connected,.pill.operational,.pill.healthy,.pill.processed{background:#e0f5ee;color:#117b60}.pill.trial,.pill.pending{background:#fff3dd;color:#9a6819}.pill.suspended,.pill.failed,.pill.inactive{background:#ffe8e9;color:#b44951}.app-flow{padding:19px;display:flex;align-items:center}.app-node{border:1px solid #dfe5ea;border-radius:9px;padding:12px;display:flex;align-items:center;gap:8px;min-width:175px;flex:1}.app-node.primary{border-color:#69aca7;background:#eff9f7}.app-node>i,.entity>i{font-style:normal;width:33px;height:33px;border-radius:8px;background:#e8f3f3;color:#087c77;display:grid;place-items:center;font-size:9px;font-weight:800}.app-node span{min-width:0;flex:1}.app-node b,.app-node small{display:block}.app-node b{font-size:9px}.app-node small{font-size:7px;color:#8c97a3;white-space:nowrap}.flow-line{height:1px;background:#a8c9c6;width:48px;position:relative;flex:none}.flow-line span{position:absolute;top:-17px;left:0;font-size:6px;white-space:nowrap;color:#77908e}.attention>div:not(.panel-head){display:flex;align-items:center;gap:11px;padding:14px 18px;border-bottom:1px solid #eef1f3}.attention>div>svg{width:18px;color:#0a7f79}.attention>div>span{display:block}.attention b,.attention small{display:block}.attention b{font-size:10px}.attention small{font-size:8px;color:#8a96a2;margin-top:2px}.toolbar{height:56px;background:#fff;border:1px solid #e4e9ee;border-radius:10px 10px 0 0;display:flex;align-items:center;padding:0 15px}.toolbar>div{display:flex;align-items:center;gap:7px}.toolbar svg{width:15px;color:#8794a1}.toolbar input{border:0;outline:0;font-size:11px;width:250px}.toolbar>span{margin-left:auto;font-size:9px;color:#85919e}.toolbar+.table-card{border-radius:0 0 10px 10px;border-top:0}.table-card{overflow:hidden}.table-card table{width:100%;border-collapse:collapse}.table-card th{text-align:left;padding:12px 15px;background:#f7f9fb;color:#7d8997;text-transform:uppercase;font-size:8px;letter-spacing:.5px}.table-card td{padding:13px 15px;border-top:1px solid #edf0f3;font-size:10px;color:#596777}.table-card td b{color:#283444}.table-card code{font-size:9px;color:#43706f}.entity{display:flex;align-items:center;gap:9px}.entity b,.entity small{display:block}.entity b{font-size:10px}.entity small{font-size:7px;color:#939da8;margin-top:2px}.empty{min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8794a1;text-align:center}.empty>svg{width:28px;color:#86aaa7}.empty h3{font:700 13px Manrope;color:#465363;margin:10px 0 4px}.empty p{font-size:10px;margin:0;max-width:350px}.product-grid,.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.product-grid article{padding:19px;position:relative}.product-icon{width:45px;height:45px;background:#e5f4f2;color:#097d77;border-radius:11px;display:grid;place-items:center;font:800 13px Manrope}.product-grid article>.pill{position:absolute;right:17px;top:18px}.product-grid h3{font:700 16px Manrope;margin:18px 0 6px}.product-grid p{font-size:10px;color:#7e8b98;min-height:30px}.product-grid dl{background:#f7f9fa;border-radius:8px;padding:4px 12px}.product-grid dl div{padding:9px 0;border-bottom:1px solid #e7ebee}.product-grid dl div:last-child{border:0}.product-grid dt{font-size:7px;color:#929da8}.product-grid dd{font-size:9px;margin:3px 0 0;overflow:hidden;text-overflow:ellipsis}.product-grid article>button,.plan-grid article>button{height:36px;width:100%;border:1px solid #dbe2e7;background:#fff;border-radius:7px;color:#087d78;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:14px}.product-grid article>button svg{width:13px}.plan-grid article{padding:21px;position:relative}.plan-grid article.featured{border:2px solid #168c85}.recommended{position:absolute;right:14px;top:15px;font-size:7px;background:#087e79;color:#fff;border-radius:10px;padding:4px 7px}.plan-grid h3{font:700 18px Manrope;margin:0 0 4px}.plan-grid code{font-size:8px;color:#8894a0}.plan-grid>article>strong{display:block;font:800 25px Manrope;margin-top:19px}.plan-grid strong small{font:400 10px DM Sans;color:#8894a0}.plan-grid>article>p{font-size:9px;color:#8a96a2}.plan-apps{display:flex;gap:5px;margin:14px 0}.plan-grid ul{list-style:none;padding:13px 0;border-top:1px solid #edf0f3}.plan-grid li{display:flex;gap:6px;align-items:center;font-size:10px;margin:9px 0}.plan-grid li svg{width:13px;color:#0b837c}.integration-summary{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:15px}.integration-summary article{background:#fff;border:1px solid #e4e9ee;border-radius:10px;padding:15px;display:flex;align-items:center;gap:10px}.integration-summary i{width:9px;height:9px;border-radius:50%;background:#1cac84;box-shadow:0 0 0 5px #e0f5ee}.integration-summary span{flex:1}.integration-summary b,.integration-summary small{display:block}.integration-summary b{font-size:11px}.integration-summary small{font-size:8px;color:#8b97a3;margin-top:3px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#15222f88;display:grid;place-items:center;z-index:100;padding:20px}.modal{width:min(560px,100%);background:#fff;border-radius:13px;box-shadow:0 24px 80px #12202f42}.modal>header{display:flex;justify-content:space-between;align-items:center;padding:19px 22px;border-bottom:1px solid #e9edf0}.modal header span{font-size:8px;color:#8794a1}.modal h2{font:700 18px Manrope;margin:3px 0 0}.modal header button{border:0;background:#f3f5f7;border-radius:7px;width:32px;height:32px}.modal header button svg{width:15px}.form{padding:8px 22px 20px;display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form .wide,.form .alert,.form footer{grid-column:1/-1}.form footer{display:flex;justify-content:flex-end;gap:8px;border-top:1px solid #edf0f3;margin-top:11px;padding-top:16px}.form footer button{height:38px;border:1px solid #dae1e6;background:#fff;border-radius:7px;padding:0 14px;font-size:10px}.form footer .primary-btn{background:#087e79;color:#fff;border:0}.scrim{display:none}@media(max-width:1050px){.metrics{grid-template-columns:1fr 1fr}.overview-grid{grid-template-columns:1fr}.product-grid,.plan-grid{grid-template-columns:1fr 1fr}.connection{display:none}.app-flow{overflow:auto}}@media(max-width:760px){.login{grid-template-columns:1fr}.login-story{display:none}.app{display:block}.app>aside{transform:translate(-100%);transition:.2s}.app>aside.open{transform:none}.side-head{display:flex;justify-content:space-between}.side-head>button{display:block;border:0;background:transparent}.scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#18232e66;border:0;z-index:15}.workspace{display:block}.workspace>header{padding:0 15px}.mobile{display:block;border:0;background:transparent}.mobile svg{width:20px}.global-search,.profile div{display:none}.content{padding:21px 15px}.page-head{align-items:flex-start;gap:12px}.page-head h1{font-size:23px}.hero{padding:24px}.metrics,.product-grid,.plan-grid,.integration-summary{grid-template-columns:1fr}.table-card{overflow:auto}.table-card table{min-width:650px}.app-flow{display:grid;gap:20px}.flow-line{height:20px;width:1px;margin:auto}.form{grid-template-columns:1fr}.form>*{grid-column:1}.tenant-picker{margin-left:auto;max-width:160px}}