:root{--ink:#1d253a;--muted:#778096;--purple:#6c5ce7;--purple-soft:#efedff;--line:#e8eaf0;--bg:#f7f8fb;--card:#fff;--nav:#141b2f;--nav-muted:#8790a9;--radius:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:14px;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}.icon{flex:none;display:inline-block;vertical-align:middle;fill:none;color:inherit}button{cursor:pointer}
.app-shell{display:flex;min-height:100vh}.sidebar{width:258px;flex:0 0 258px;background:var(--nav);color:#fff;display:flex;flex-direction:column;min-height:100vh;position:sticky;top:0;height:100vh;padding:30px 18px 20px;overflow-y:auto}
.brand{display:flex;align-items:center;gap:11px;padding:0 13px 26px}.brand-mark{display:inline-flex;width:35px;height:35px;align-items:center;justify-content:center;color:#dad7ff;background:#594de2;border-radius:10px;font-weight:900;font-size:20px;letter-spacing:-1.5px;box-shadow:0 5px 18px #403cb744}.brand-copy{display:flex;flex-direction:column;line-height:1;gap:5px}.brand-copy strong{font-size:21px;letter-spacing:-1px;font-weight:800}.brand-dot{color:#a4a0ff}.brand-copy small{color:#9da5bd;letter-spacing:2.1px;font-size:8px;font-weight:700}
.workspace{display:flex;align-items:center;gap:10px;background:#202941;padding:11px;border:1px solid #303b54;border-radius:11px;margin:2px 4px 28px;color:#ccd2e3}.workspace-icon{width:31px;height:31px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#343a7a;color:#e7e5ff;font-weight:800}.workspace-text{display:flex;flex-direction:column;gap:3px;flex:1}.workspace-text small{color:#939db6;font-size:10px}.workspace-text strong{color:#f1f2f7;font-size:12px;font-weight:600}.workspace>.icon{color:#69738e}
.nav-group-label{font-size:9px;font-weight:800;letter-spacing:1.7px;color:#67728e;padding:0 16px;margin:0 0 12px}.tools-label{margin-top:27px}.sidebar-nav{display:flex;flex-direction:column;gap:5px}.sidebar-nav a{display:flex;align-items:center;gap:14px;color:#a6aec4;font-size:13px;font-weight:500;padding:12px 15px;border-radius:10px;border:1px solid transparent;transition:background .2s,color .2s}.sidebar-nav a .icon{color:#818bac}.sidebar-nav a[aria-current=page]{background:#292c53;border-color:#343762;color:#fff}.sidebar-nav a[aria-current=page] .icon{color:#aba7ff}.sidebar-nav a:hover{background:#242d46;color:#fff}.sidebar-spacer{flex:1;min-height:30px}
.read-only-box{border:1px solid #39435b;background:#212b43;border-radius:11px;padding:14px 12px;display:flex;align-items:flex-start;gap:11px;margin:0 4px 23px;color:#a8a5ff}.read-only-box>div{display:flex;flex-direction:column;gap:5px}.read-only-box strong{font-size:11px;color:#e8e7ff}.read-only-box small{font-size:10px;line-height:1.5;color:#a6aec5}.sidebar-footer{border-top:1px solid #2c344a;padding:19px 6px 0;display:flex;align-items:center;gap:10px}.avatar{width:33px;height:33px;border-radius:50%;background:#9b8fff;color:#14182b;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center}.sidebar-footer>span:nth-child(2){display:flex;flex-direction:column;gap:4px;flex:1}.sidebar-footer strong{font-size:11px}.sidebar-footer small{font-size:10px;color:#939db6}.sidebar-footer form{margin:0}.logout-button{border:0;background:transparent;color:#9ca6c1;padding:6px;border-radius:6px}.logout-button:hover{background:#2f3950;color:#fff}
.app-body{min-width:0;flex:1}.topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 44px}.breadcrumbs{display:flex;align-items:center;gap:10px;color:#9aa0ae;font-size:12px}.breadcrumbs strong{color:#343d53;font-weight:600}.topbar-right{display:flex;align-items:center;gap:23px}.top-version{display:flex;align-items:center;gap:7px;color:#68748c;background:#f3f4f7;padding:7px 11px;border-radius:30px;font-weight:600;font-size:10px}.status-pin{width:7px;height:7px;border-radius:50%;background:#48bb90}.top-avatar{height:32px;width:32px;border-radius:50%;background:#ededff;color:#6e60db;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.page-container{max-width:1440px;margin:auto;padding:39px 44px 32px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:800;color:#8983db;letter-spacing:2px;margin-bottom:11px}.page-heading h1{font-size:31px;line-height:1.15;letter-spacing:-1.25px;font-weight:760;margin:0 0 9px;color:#20283d}.page-heading p{color:var(--muted);font-size:13px;margin:0;line-height:1.5}.wave{color:#aaa0f4;font-size:22px;font-weight:500;padding-left:2px}.button{display:inline-flex;gap:10px;justify-content:center;align-items:center;border-radius:9px;min-height:38px;padding:0 15px;white-space:nowrap;font-size:12px;font-weight:700}.button-outline{background:#fff;border:1px solid #e3e5ec;color:#424b65}.button-outline:hover{border-color:#b1abf8;color:#5345ba}.button-primary{background:#6e5ee6;border:1px solid #6e5ee6;color:#fff}.button-primary:hover{background:#5c4ddb}
.notice{display:flex;align-items:flex-start;gap:11px;padding:13px 17px;margin:0 0 22px;border-radius:10px;border:1px solid transparent;font-size:12px;line-height:1.5}.notice .icon{margin-top:1px}.notice strong{font-weight:730}.notice p{margin:3px 0 0}.demo-notice{background:#f0efff;border-color:#dfdcff;color:#5a528f}.error-notice{background:#fff2ee;border-color:#ffded3;color:#91472b}.neutral-notice{background:#eff4fb;border-color:#dbe5f4;color:#425979}.mode-tag{display:inline-flex;align-items:center;gap:8px;border:1px solid #e2e6ed;color:#626c84;background:#fff;border-radius:10px;font-weight:650;font-size:11px;padding:11px 14px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:21px 20px 18px;min-height:144px;box-shadow:0 4px 15px #141c3105}.stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:6px;color:#767f93;font-size:12px;font-weight:600}.stat-top>span:first-child{padding-top:4px}.stat-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center}.stat-lilac{background:#eeeaff;color:#7568e8}.stat-blue{background:#e7f0ff;color:#4588e6}.stat-orange{background:#fff1e7;color:#e29a55}.stat-green{background:#e8f8f0;color:#41a97b}.stat-number{font-weight:800;color:#1d263b;font-size:34px;letter-spacing:-1.5px;margin:3px 0 5px;line-height:1.1}.stat-suffix{font-size:17px;color:#a5acba;font-weight:600;letter-spacing:0}.stat-bottom{color:#919aab;font-size:10px;line-height:1.3}
.section-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:19px}.panel{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);min-width:0;box-shadow:0 5px 18px #141c3104}.panel-title-row{padding:24px 24px 18px;display:flex;align-items:center;justify-content:space-between;gap:14px}.panel-kicker{letter-spacing:1.5px;font-size:9px;font-weight:800;color:#9a96ad;margin-bottom:7px}.panel h2{font-size:17px;letter-spacing:-.35px;font-weight:750;margin:0}.inline-link{display:inline-flex;align-items:center;gap:7px;color:#7162dc;font-size:11px;font-weight:750;white-space:nowrap}.inline-link:hover{text-decoration:underline}.list-table{padding:0 24px 11px}.site-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #f1f2f5}.site-favicon{background:#f1f2f6;color:#7b859c;border-radius:9px;display:flex;align-items:center;justify-content:center;height:35px;width:35px;flex-shrink:0}.site-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.site-info strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-info>span{font-size:10px;color:#9aa2b2}.pill{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:24px;padding:6px 9px;line-height:1;font-size:10px;font-weight:700}.pill-demo{color:#8c70a9;background:#f4edf9}.pill-neutral{color:#7d8596;background:#f2f3f6}.pill-positive{color:#2d996f;background:#e8f8ef}.connector-list{padding:0 24px 12px}.connector-row{border-top:1px solid #f1f2f5;display:flex;align-items:center;gap:12px;padding:16px 0}.connector-logo{display:flex;align-items:center;justify-content:center;color:#756bd7;background:#f0effc;height:35px;width:35px;border-radius:9px}.connector-row>div{display:flex;flex:1;flex-direction:column;gap:5px;min-width:0}.connector-row strong{font-size:12px}.connector-row small{font-size:10px;color:#9aa2b2;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dot-label{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#8b94a6}.dot{height:6px;width:6px;border-radius:50%;display:inline-block}.dot-on{background:#4cc091}.dot-off{background:#c8ceda}
.bottom-promo{display:flex;justify-content:space-between;align-items:center;min-height:195px;background:linear-gradient(115deg,#252945 10%,#39336e 100%);border-radius:var(--radius);margin-top:21px;overflow:hidden;padding:28px 39px;position:relative;color:#fff}.bottom-promo>div:first-child{max-width:570px;z-index:1}.promo-eyebrow{font-size:9px;font-weight:850;letter-spacing:1.9px;color:#c3b8ff}.bottom-promo h2{margin:12px 0 9px;font-size:23px;letter-spacing:-.5px}.bottom-promo p{max-width:530px;font-size:12px;color:#c9cae0;line-height:1.7;margin:0 0 12px}.bottom-promo a{color:#c8c3ff;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.promo-art{color:#aaa0ff;background:#ffffff0b;border-radius:50%;width:180px;height:180px;display:flex;align-items:center;justify-content:center;border:1px solid #ffffff18;box-shadow:0 0 0 35px #ffffff07,0 0 0 70px #ffffff04;margin-right:35px}.main-footer{display:flex;gap:15px;justify-content:space-between;color:#a7aebb;font-size:10px;padding:30px 2px 0}
.search-box{display:flex;align-items:center;gap:9px;color:#8b95a8;padding:9px 11px;border:1px solid #e6e9f0;border-radius:8px;min-width:220px}.search-box input{width:100%;border:0;outline:none;color:#3b4861;font-size:11px;background:transparent}.search-box input::placeholder{color:#a9afbd}.count-bubble{display:inline-flex;align-items:center;justify-content:center;min-width:22px;background:#f1f0fd;color:#7268bf;font-size:10px;padding:4px 7px;border-radius:20px;margin-left:5px;vertical-align:middle}.table-scroller{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;min-width:600px}.data-table th{background:#fafbfd;padding:14px 24px;font-size:10px;color:#9ba2b0;font-weight:730;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap}.data-table td{padding:17px 24px;border-bottom:1px solid #f0f2f6;color:#697389;max-width:400px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tr[hidden]{display:none}.table-primary{color:#31394d;font-weight:720;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.table-primary .icon{color:#8173d8}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.nameservers{font-size:10px;max-width:340px;word-break:break-word}.content-cell{overflow-wrap:anywhere}.record-type{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:#6257c4;font-weight:800;background:#eeeaff;border-radius:5px;padding:5px 7px}.align-right{text-align:right}.panel-footer-note{border-top:1px solid var(--line);padding:13px 24px;color:#a0a7b6;font-size:10px;display:flex;gap:7px;align-items:center}.empty-state{padding:40px 20px!important;text-align:center;color:#8f98a9!important}.back-link{display:inline-flex;gap:5px;align-items:center;color:#8a7aca}.back-link:hover{text-decoration:underline}
.server-card{margin:0 24px 24px;border:1px solid var(--line);border-radius:11px;padding:18px;display:flex;gap:14px;align-items:center}.server-big-icon{display:flex;height:50px;width:50px;align-items:center;justify-content:center;color:#7166d2;background:#efedff;border-radius:12px}.server-detail{display:flex;flex-direction:column;gap:7px;flex:1}.server-detail strong{font-size:13px;overflow-wrap:anywhere}.server-detail>span{font-size:11px;color:#969dab}.empty-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 25px 50px;gap:10px;color:#968de0}.empty-panel h3{margin:5px 0 0;color:#333d53}.empty-panel p{margin:0 0 6px;line-height:1.7;color:#8c95a8;max-width:475px;font-size:12px}.two-info-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.info-card{padding:22px 25px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);color:#766bd5}.info-card h3{font-size:14px;color:#303a50;margin:14px 0 6px}.info-card p{font-size:11px;color:#8b96a9;line-height:1.7;margin:0}.integration-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:22px}.integration-card{padding:24px;border:1px solid var(--line);background:#fff;border-radius:var(--radius)}.integration-top{display:flex;align-items:center;justify-content:space-between}.integration-icon{height:45px;width:45px;display:flex;justify-content:center;align-items:center;background:#f0efff;border-radius:12px;color:#7162d9}.integration-card h2{margin:20px 0 8px;font-size:16px}.integration-card p{margin:0;line-height:1.55;color:#8d95a7;font-size:12px;min-height:35px}.integration-foot{font-size:10px;color:#a2a8b6;border-top:1px solid var(--line);margin-top:21px;padding-top:13px}.instructions ol{padding:0 28px 22px 47px;color:#667188;font-size:12px;line-height:2.1}.instructions code{font-size:11px;background:#f1f2fa;padding:2px 5px;border-radius:5px}.instructions a{color:#665bd8;font-weight:700}
.login-body{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:radial-gradient(ellipse at 15% 20%,#423b7a 0,transparent 32%),radial-gradient(ellipse at 80% 80%,#243954 0,transparent 40%),#141b2f}.login-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:45px 43px 32px;box-shadow:0 30px 100px #0004}.login-logo{display:flex;align-items:center;gap:11px;margin-bottom:37px}.login-logo .brand-mark{width:40px;height:40px}.login-logo .brand-copy strong{color:#182039;font-size:23px}.login-logo .brand-copy small{color:#939cae}.login-kicker{color:#7567df;font-size:10px;font-weight:800;letter-spacing:1.7px;margin-bottom:10px}.login-card h1{font-size:25px;letter-spacing:-1.2px;margin:0 0 10px;line-height:1.2}.login-card>p{color:#7e899a;font-size:12px;line-height:1.6;margin:0 0 27px}.login-card label{display:block;margin-bottom:9px;font-size:11px;color:#434b60;font-weight:700}.login-card input{width:100%;border:1px solid #dadee9;background:#fbfcfe;border-radius:9px;padding:13px;outline:none}.login-card input:focus{border-color:#9187e9;box-shadow:0 0 0 3px #9084ee22}.login-button{margin-top:15px;width:100%;height:44px}.login-foot{border-top:1px solid #eff0f4;margin-top:28px;padding-top:21px;font-size:10px;color:#afb5c1;text-align:center}.login-error{background:#fff0eb;color:#a64833;padding:10px 12px;border-radius:7px;margin-bottom:15px;font-size:12px}
@media(max-width:1200px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-grid{grid-template-columns:1fr}.topbar{padding:0 28px}.page-container{padding:34px 28px}}
@media(max-width:800px){.sidebar{width:69px;flex-basis:69px;padding:20px 8px}.brand{padding:0 6px 29px}.brand-copy,.workspace,.nav-group-label,.sidebar-nav a span,.read-only-box,.sidebar-footer span:nth-child(2),.sidebar-footer form{display:none}.sidebar-nav a{justify-content:center;padding:13px}.tools-label{margin-top:0}.sidebar-footer{justify-content:center}.topbar{height:62px;padding:0 18px}.page-container{padding:26px 18px}.page-heading{align-items:flex-start}.page-heading h1{font-size:26px}.page-heading .button{font-size:0;min-width:40px;padding:0 10px}.page-heading .button .icon{width:18px;height:18px}.promo-art{margin-right:0;width:100px;height:100px}.promo-art .icon{height:60px;width:60px}.mode-tag{padding:9px;font-size:0;gap:0}}
@media(max-width:560px){.stats-grid,.integration-grid,.two-info-cards{grid-template-columns:1fr}.page-heading{margin-bottom:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.stat-card{min-height:120px}.panel-title-row{padding:20px;align-items:flex-start;flex-wrap:wrap}.search-box{width:100%}.bottom-promo{padding:26px}.bottom-promo h2{font-size:20px}.promo-art{display:none}.main-footer{flex-direction:column}.topbar-right{gap:8px}.top-version{font-size:9px}.sidebar{width:58px;flex-basis:58px}.brand-mark{width:31px;height:31px}.sidebar-nav a{padding:12px 8px}.site-row .pill{display:none}.login-card{padding:30px 24px}.server-card{flex-wrap:wrap}}
/* Existing app customer inventory, integrated into the Cloud shell. */
.client-connect{max-width:560px;padding:26px}.client-connect h2{margin-top:0}.client-connect p,.client-connect small{font-size:12px;color:#687389;line-height:1.7}.client-connect form{display:grid;gap:10px;margin:20px 0}.client-connect label{font-size:12px;font-weight:700}.client-connect input{width:100%;border:1px solid #dadee9;border-radius:8px;padding:12px}.client-connect button{margin-top:8px}.client-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin:20px 0;font-size:12px}.client-toolbar>div{display:flex;gap:8px;flex-wrap:wrap}.client-details{margin:20px 0}.client-summary{padding:0 24px 20px;color:#687389;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.client-subheading{padding:10px 24px;font-size:13px}#clients-content>.panel{margin-bottom:20px}#clients-notice{font-size:13px;line-height:1.6}#clients-notice[data-error=true]{color:#a43426}#clients-content[hidden],#clients-connect[hidden],#client-details[hidden]{display:none}.client-connect[hidden]{display:none}.client-link{font:inherit;background:#eeeaff;color:#5548aa;border:0;border-radius:6px;padding:7px 12px;cursor:pointer}.client-link:focus-visible{outline:2px solid #5548aa}#clients-identity{overflow-wrap:anywhere}#client-members td:first-child{overflow-wrap:anywhere;white-space:normal}button:disabled{opacity:.55;cursor:wait}

.hosting-section{padding:20px 24px;border-top:1px solid var(--border,#e4e7ec)}.hosting-form{display:grid;gap:14px;padding:20px 24px;max-width:100%}.hosting-form label{display:grid;gap:8px;font-weight:600}.hosting-form input,.hosting-form textarea,.hosting-form select{width:100%;padding:11px 12px;border:1px solid #c9cfd9;border-radius:9px;background:#fff;color:#162037;font:inherit}.hosting-form textarea{font-family:ui-monospace,monospace;font-size:13px;resize:vertical;tab-size:2}.hosting-form p{margin:0;color:#667085;font-size:13px}.hosting-form .button{justify-self:start}.hosting-section summary{cursor:pointer;font-weight:600}

/* Uttopya wordmark: locally hosted Roboto, with a centered signature. */
@font-face{font-family:'Roboto';src:url('/static/fonts/Roboto-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.brand{justify-content:center;text-align:center;padding:3px 0 31px}.brand-copy{display:flex;align-items:center;justify-content:center;gap:9px}.brand-copy strong{font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:30px;letter-spacing:-1.3px}.brand-copy small{font-size:8px;letter-spacing:2.5px;line-height:1.2}.login-card{max-width:420px;padding:40px 36px 36px}.login-logo{display:flex;justify-content:center;text-align:center;margin-bottom:37px}.login-logo .brand-copy{margin:0;gap:12px;line-height:1}.login-logo .brand-copy strong{font-size:42px;letter-spacing:-1.8px}.login-logo .brand-copy small{font-size:10px;letter-spacing:3px;color:#8993a8}.login-card .login-button{margin-top:18px}.sidebar-footer>span:nth-child(2){min-width:0}.sidebar-footer strong{line-height:1.45;font-size:10px;overflow-wrap:normal}.sidebar-footer .avatar{flex:none}
@media(max-width:800px){.sidebar .brand-copy{display:flex;gap:6px}.sidebar .brand-copy strong{font-size:14px;letter-spacing:-.6px}.sidebar .brand-copy small{font-size:4.5px;letter-spacing:.65px}.sidebar .brand{padding:6px 0 25px}.sidebar-nav a{min-height:44px}.sidebar-footer{flex-wrap:wrap;gap:8px}.sidebar-footer form{display:block}.sidebar-footer .logout-button{min-height:36px}.topbar .breadcrumbs{min-width:0;line-height:1.4}.topbar .breadcrumbs strong{overflow-wrap:anywhere}}
@media(max-width:560px){.breadcrumbs>span,.breadcrumbs>.icon{display:none}.login-card{padding:34px 25px 30px}.login-logo .brand-copy strong{font-size:38px}.login-logo .brand-copy small{font-size:9px}.sidebar .brand-copy strong{font-size:12px}.sidebar .brand-copy small{font-size:4px;letter-spacing:.45px}}
.login-card input{font-size:16px;min-height:48px}