@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--ink:#17202d;--muted:#687386;--line:#e6e9ee;--paper:#f5f7f9;--blue:#1769e0;--navy:#101c2b;--green:#15966b;--red:#d4474f;--amber:#d48a14;--violet:#7459dc;--cyan:#168ca0;--gold:#b68120;--shadow:0 1px 2px #1220330a,0 8px 26px #1220330a}*{box-sizing:border-box}html{font-size:15px;scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.shell{display:grid;grid-template-columns:238px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:238px;background:var(--navy);color:#d8dfe9;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:white;padding:0 8px;margin-bottom:28px}.brand-mark{width:34px;height:34px;border:1px solid #ffffff45;border-radius:9px;display:grid;place-items:center;font:800 20px Manrope;background:linear-gradient(145deg,#fff 0 48%,#89b8ff 49% 100%);color:#132438}.brand b{font:800 18px Manrope;letter-spacing:-.5px}.brand small{display:block;color:#91a0b4;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;margin-top:1px}.sidebar nav{display:flex;flex-direction:column;gap:3px;overflow-y:auto}.sidebar nav>small{font-size:9px;letter-spacing:1.5px;color:#66778e;margin:19px 11px 6px}.sidebar nav a,.settings{height:38px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:7px;color:#aeb9c8;text-decoration:none;font-size:13px;font-weight:500}.sidebar nav a i{width:17px;text-align:center;color:#7f90a6;font-style:normal;font-size:16px}.sidebar nav a:hover,.sidebar nav a.active{background:#1b2a3c;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 #5d9eff}.sidebar nav a.active i{color:#75aaff}.settings{margin-top:auto;border-top:1px solid #ffffff10;border-radius:0;padding-top:17px;height:52px}.shell>main{grid-column:2;min-width:0}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 34px;gap:20px;position:sticky;top:0;z-index:10}.menu{display:none}.global-search{height:38px;width:min(470px,42vw);display:flex;align-items:center;background:#f4f6f8;border:1px solid #edf0f3;border-radius:7px;padding:0 11px;color:#8490a0}.global-search input{border:0;outline:0;background:transparent;flex:1;padding:0 9px;font:13px 'DM Sans'}.global-search kbd{background:#fff;border:1px solid #dce1e7;border-radius:4px;padding:2px 6px;font:10px inherit;color:#7e8998}.environment{margin-left:auto;border:1px solid #cde8dc;background:#f0faf6;color:#207958;padding:6px 9px;border-radius:5px;font-size:10px;font-weight:700;letter-spacing:1px}.environment i,.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px}.alerts{color:#536174;text-decoration:none;font-size:20px}.user{border-left:1px solid var(--line);padding-left:20px;display:flex;align-items:center;gap:9px}.user>span{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e6edfa;color:#27558f;font-weight:700}.user b,.user small{display:block;line-height:1.25}.user b{font-size:12px}.user small{font-size:10px;color:var(--muted)}.user form button{background:none;border:0;color:#8993a2;cursor:pointer}.content{padding:38px 36px 70px;max-width:1540px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:26px}.page-head h1,.tenant-hero h1{font:700 30px Manrope;margin:5px 0 4px;letter-spacing:-1px}.page-head p,.tenant-hero p{margin:0;color:var(--muted)}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.6px;color:#6f7c8e}.eyebrow.red{color:var(--red)}.head-actions{display:flex;gap:9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;border:1px solid transparent;border-radius:7px;padding:0 15px;font:600 12px 'DM Sans';text-decoration:none;cursor:pointer}.button.primary{background:var(--blue);color:#fff;box-shadow:0 4px 10px #1769e026}.button.secondary{background:#fff;border-color:#dce1e7;color:#3d4b5d}.button.tiny{min-height:30px;padding:0 11px;background:#fff;border-color:#dce1e7;color:#3d4b5d}.status-banner{background:linear-gradient(100deg,#112b29,#163b36);color:#fff;border-radius:10px;padding:15px 20px;display:flex;align-items:center;gap:12px;margin-bottom:18px}.status-banner .pulse{width:10px;height:10px;border-radius:50%;background:#45d29b;box-shadow:0 0 0 5px #45d29b20}.status-banner b,.status-banner small{display:block}.status-banner b{font-size:13px}.status-banner small{color:#a9c7bf;font-size:11px;margin-top:2px}.status-banner a{margin-left:auto;color:#b9d8d0;text-decoration:none;font-size:11px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.metric{padding:18px;text-decoration:none;color:inherit;position:relative;transition:.18s}.metric:hover{transform:translateY(-2px);border-color:#cfd6df}.metric-icon{position:absolute;right:17px;top:17px;width:31px;height:31px;display:grid;place-items:center;border-radius:7px;font-style:normal}.metric-icon.blue{background:#edf4ff;color:var(--blue)}.metric-icon.violet{background:#f2efff;color:var(--violet)}.metric-icon.cyan{background:#eaf8fa;color:var(--cyan)}.metric-icon.gold{background:#fbf5e7;color:var(--gold)}.metric>small{font-size:9px;font-weight:700;letter-spacing:1.2px;color:#7b8796}.metric strong{font:700 30px Manrope;display:block;margin:9px 0 5px}.metric p{margin:0;color:var(--muted);font-size:11px}.metric p span{margin:0 5px}.dot.amber{background:var(--amber)}.dashboard-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:16px;margin-bottom:16px}.panel{padding:20px}.panel>header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #eef0f3;padding-bottom:15px}.panel>header h2,.form-card h2{font:700 17px Manrope;margin:4px 0 0}.panel>header a{color:var(--blue);text-decoration:none;font-size:11px}.attention-list>a,.tenant-cards>a{display:flex;align-items:center;gap:12px;padding:13px 2px;border-bottom:1px solid #f0f1f3;text-decoration:none;color:inherit}.attention-list>a:last-child,.tenant-cards>a:last-child{border:0}.attention-icon{width:29px;height:29px;border-radius:7px;background:#fff0f0;color:var(--red);display:grid;place-items:center;font-weight:700}.attention-list div{flex:1}.attention-list b,.attention-list p{font-size:12px;margin:0}.attention-list p{font-size:10px;color:var(--muted);margin-top:3px}.attention-list p strong{color:var(--red)}.activity-list>div{display:flex;gap:11px;padding:11px 2px}.activity-dot{width:8px;height:8px;background:#acc0df;border:2px solid #eef3fa;border-radius:50%;margin-top:4px}.activity-list p{margin:0}.activity-list b,.activity-list small{font-size:11px;display:block}.activity-list small{color:var(--muted);margin-top:3px}.tenant-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:0 24px}.tenant-cards>a>div{flex:1}.tenant-cards b,.tenant-cards small{display:block;font-size:12px}.tenant-cards small{color:var(--muted);font-size:10px;margin-top:3px}.tenant-cards i{font-style:normal;color:#8995a5}.avatar{width:34px;height:34px;border-radius:8px;background:#eaf0fa;color:#345b8d;display:grid;place-items:center;font-weight:700;font-size:11px;flex:none}.badge{display:inline-flex;align-items:center;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:#edf0f3;color:#667182;white-space:nowrap}.badge.active,.badge.connected,.badge.healthy,.badge.success{background:#e8f7f1;color:#187653}.badge.trial,.badge.onboarding,.badge.pending{background:#fff5df;color:#97610c}.badge.demo{background:#f0edff;color:#6549ba}.badge.suspended,.badge.error,.badge.failed{background:#ffeded;color:#b43c45}.badge.cancelled,.badge.archived,.badge.disabled{background:#edf0f3;color:#667182}.filterbar{display:flex;gap:9px;margin-bottom:13px}.filterbar label{flex:1;max-width:390px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:0 11px;display:flex;align-items:center}.filterbar input{border:0;padding:10px;outline:0;flex:1}.filterbar select,select,input,textarea{font:13px 'DM Sans';border:1px solid #dce1e7;border-radius:7px;background:#fff}.filterbar select{padding:0 12px}.table-panel{padding:0;overflow:hidden}table{width:100%;border-collapse:collapse}th{text-align:left;background:#fafbfc;color:#768294;font-size:9px;letter-spacing:1px;padding:12px 16px;border-bottom:1px solid var(--line)}td{padding:14px 16px;border-bottom:1px solid #eef0f2;font-size:12px}tbody tr:last-child td{border:0}tbody tr:hover{background:#fcfdff}td a{color:#285f9e;text-decoration:none}.org{display:flex;gap:10px;align-items:center;color:inherit}.org b,.org small{display:block}.org small{color:var(--muted);font-size:10px;margin-top:2px}code{font:10px ui-monospace,SFMono-Regular,monospace;background:#f1f3f6;padding:3px 5px;border-radius:4px;color:#526174}.row-go{font-size:18px}.empty{text-align:center;padding:30px;color:var(--muted)}.empty span{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;margin:0 auto 9px;background:#e8f7f1;color:var(--green)}.empty b{color:var(--ink);display:block}.empty p{margin:5px 0;font-size:11px}.empty.compact{padding:20px}.flash{padding:12px 15px;border-radius:7px;margin-bottom:16px;font-size:12px}.flash.error{background:#ffeded;color:#a9363e}.flash.success{background:#e7f7f0;color:#167251}.back{display:block;color:#607084;text-decoration:none;font-size:11px;margin-bottom:8px}.wizard{display:grid;grid-template-columns:230px 1fr;gap:18px}.steps{margin:0;padding:19px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:10px;height:max-content}.steps li{display:flex;gap:11px;padding:12px 5px;color:#9aa3af}.steps i{width:25px;height:25px;border:1px solid #dce1e7;border-radius:50%;display:grid;place-items:center;font-size:10px;font-style:normal}.steps span,.steps small{display:block;font-size:11px;font-weight:600}.steps small{font-size:9px;color:#9aa3af;font-weight:400;margin-top:3px}.steps li.active{color:var(--blue)}.steps li.active i{background:var(--blue);color:white;border-color:var(--blue)}.wizard-body{display:flex;flex-direction:column;gap:14px}.form-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:23px}.form-card>p{color:var(--muted);font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.form-grid label,.form-card label,dialog label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,dialog textarea{height:41px;padding:0 11px}.form-grid label small{font-weight:400;color:var(--muted);font-size:9px}.app-picker{display:grid;grid-template-columns:repeat(2,1fr);gap:9px;margin-top:17px}.app-picker label{border:1px solid var(--line);border-radius:8px;padding:11px;display:flex;flex-direction:row;align-items:center;gap:10px;cursor:pointer}.app-picker input{accent-color:var(--blue)}.app-picker b,.app-picker small{display:block;font-size:11px}.app-picker small{font-size:9px;color:var(--muted);font-weight:400}.app-symbol{width:30px;height:30px;display:grid;place-items:center;background:#f0edff;color:var(--violet);border-radius:7px}.app-symbol.large{width:38px;height:38px}.wizard footer{display:flex;justify-content:flex-end;gap:9px}.tenant-hero>div{display:flex;align-items:center;gap:13px}.avatar.large{width:50px;height:50px;font-size:14px}.tenant-hero>div>div{flex:none}.tenant-hero .badge{margin-left:5px}.tabs{display:flex;gap:23px;border-bottom:1px solid #dfe3e8;margin:25px 0 18px;overflow-x:auto}.tabs a{padding:0 1px 11px;color:#687587;text-decoration:none;font-size:11px;white-space:nowrap}.tabs a.active{color:var(--blue);font-weight:700;border-bottom:2px solid var(--blue)}.tabs span{background:#e9edf2;border-radius:10px;padding:1px 5px;font-size:8px}.tenant-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.tenant-layout>div{display:flex;flex-direction:column;gap:16px}.info-grid{display:grid;grid-template-columns:1fr 1fr}.info-grid>div{padding:18px;border-right:1px solid #eef0f2;border-bottom:1px solid #eef0f2}.info-grid>div:nth-child(2n){border-right:0}.info-grid>div:nth-child(n+3){border-bottom:0}.info-grid small,.info-grid b{display:block}.info-grid small{font-size:8px;letter-spacing:1px;color:#8792a1}.info-grid b{font-size:12px;margin-top:7px}.info-grid p{font-size:10px;color:var(--muted);margin:4px 0}.entitlement-list>div,.connection-list>div{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid #eef0f2}.entitlement-list>div:last-child,.connection-list>div:last-child{border:0}.entitlement-list>div>div,.connection-list>div>div{flex:1}.entitlement-list b,.entitlement-list small,.connection-list b,.connection-list small{display:block;font-size:11px}.entitlement-list small,.connection-list small{color:var(--muted);font-size:9px;margin-top:3px}.side-panel{margin-bottom:16px}.health-score{display:flex;align-items:end;margin:13px 0}.health-score strong{font:700 39px Manrope;color:var(--green)}.health-score>span{color:#8994a3;font-size:11px;padding-bottom:7px}.health-score small{display:block;color:var(--green)}dl{margin:0}dl>div{display:flex;justify-content:space-between;padding:10px 0;border-top:1px solid #eef0f2;font-size:10px}dt{color:var(--muted)}dd{margin:0;font-weight:600}.mini-timeline>div{display:flex;gap:10px;padding:10px 0}.mini-timeline i{width:7px;height:7px;border-radius:50%;background:#83a9da;margin-top:4px}.mini-timeline p{margin:0}.mini-timeline b,.mini-timeline small{display:block;font-size:10px}.mini-timeline small{color:var(--muted);margin-top:2px}.muted{color:var(--muted);font-size:11px}dialog{border:0;border-radius:12px;padding:0;box-shadow:0 25px 80px #09152355;max-width:450px}dialog::backdrop{background:#0c17266e;backdrop-filter:blur(2px)}dialog form{padding:27px;position:relative}dialog h2{font:700 21px Manrope;margin:6px 0}dialog p{color:var(--muted);font-size:12px;line-height:1.5}dialog textarea{height:85px;padding:10px;resize:vertical}dialog form>div{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.dialog-close:first-child{position:absolute;right:15px;top:13px;border:0;background:none;font-size:22px;color:#86909c}.catalogue{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.app-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px;box-shadow:var(--shadow)}.app-card header{display:flex;justify-content:space-between}.app-card h2{font:700 16px Manrope;margin:15px 0 5px}.app-card p{font-size:11px;color:var(--muted);min-height:48px;line-height:1.45}.app-card footer{border-top:1px solid #eef0f2;margin-top:15px;padding-top:13px;display:flex;gap:30px}.app-card footer b,.app-card footer small{display:block;font-size:11px}.app-card footer small{font-size:8px;color:var(--muted);margin-top:2px}.connection-name{display:flex;align-items:center;gap:8px}.connection-name i{width:27px;height:27px;background:#eaf8fa;color:var(--cyan);border-radius:6px;display:grid;place-items:center;font-style:normal}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.health-grid .panel{position:relative;padding:24px}.health-grid .metric-icon{position:static}.health-grid h2{font:700 17px Manrope}.health-grid p{color:var(--muted);font-size:11px;line-height:1.5}.coming{text-align:center;padding:12vh 20px}.coming>span{font-size:48px;color:var(--blue)}.coming small{display:block;color:var(--blue);font-weight:700;letter-spacing:1.5px;margin:12px}.coming h1{font:700 34px Manrope;margin:0}.coming p{color:var(--muted);margin:9px auto 22px;max-width:460px}.login-page{display:grid;grid-template-columns:minmax(420px,43%) 1fr;min-height:100vh;background:#fff}.login-card{padding:48px clamp(40px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.login-card>.brand{position:absolute;top:40px;color:var(--ink);margin:0}.login-card>.brand small{color:#7e8996}.login-copy h1{font:700 34px Manrope;letter-spacing:-1.2px;margin:10px 0 5px}.login-copy p{color:var(--muted);margin:0 0 27px}.login-card form{display:flex;flex-direction:column;gap:16px}.login-card label{display:flex;flex-direction:column;gap:6px;font-size:11px;font-weight:600}.login-card input{height:44px;padding:0 12px}.login-card .button{height:44px;margin-top:5px;justify-content:space-between}.login-foot{font-size:9px;text-align:center;color:#9aa3ae;margin-top:26px}.login-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#0d1d2c,#15334c);margin:16px;border-radius:14px;color:#fff;padding:65px}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent)}.login-art:after{content:'';position:absolute;width:430px;height:430px;border:1px solid #63a7e42a;border-radius:50%;right:-80px;top:12%;box-shadow:0 0 0 65px #4a96da0a,0 0 0 130px #4a96da08}.login-art blockquote{position:absolute;left:65px;bottom:145px;max-width:470px;font:600 30px/1.3 Manrope;letter-spacing:-1px;margin:0;z-index:2}.art-status{position:absolute;left:65px;bottom:65px;display:flex;gap:10px;align-items:center;z-index:2}.art-status>i{width:9px;height:9px;background:#48dca2;border-radius:50%;box-shadow:0 0 0 5px #48dca220}.art-status b,.art-status small{display:block;font-size:11px}.art-status small{color:#8fb0c6;font-size:9px;margin-top:2px}
@media(max-width:1050px){.metric-grid{grid-template-columns:1fr 1fr}.catalogue{grid-template-columns:1fr 1fr}.tenant-layout{grid-template-columns:1fr}.tenant-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wizard{grid-template-columns:1fr}.steps{display:flex}.steps li{flex:1}.login-art{display:none}.login-page{display:block}.login-card{min-height:100vh;max-width:560px;margin:auto}}
@media(max-width:760px){.shell{display:block}.sidebar{transform:translateX(-100%);transition:.2s}.nav-open .sidebar{transform:none;box-shadow:20px 0 40px #09152340}.shell>main{min-width:0}.topbar{padding:0 16px}.menu{display:block;border:0;background:none;font-size:18px}.global-search{width:auto;flex:1}.global-search kbd,.environment,.user>div{display:none}.user{padding-left:9px}.content{padding:24px 16px 50px}.page-head{align-items:flex-start;gap:15px}.metric-grid,.dashboard-grid,.catalogue,.health-grid{grid-template-columns:1fr}.tenant-cards,.info-grid,.form-grid,.app-picker{grid-template-columns:1fr}.info-grid>div{border-right:0}.tenant-layout>aside{display:block}.wizard .steps{overflow:auto}.steps li small{display:none}.table-panel{overflow:auto}table{min-width:720px}.tabs{gap:16px}.login-card{padding:90px 25px 30px}}