:root{--bg:#071733;--bg-deep:#061126;--panel:#0a1c38c7;--panel-strong:#102746eb;--panel-soft:#ffffff0d;--cream:#f7f0df;--white:#fff;--blue:#1165b5;--teal:#12b8ad;--gold:#c8ad62;--text:#102033;--muted:#f7f0dfc2;--line:#ffffff1a;--line-strong:#ffffff29;--shadow:0 24px 60px #02081252;--shell:1260px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.page{background:radial-gradient(circle at 20% 0,#12b8ad38,#0000 34%),radial-gradient(circle at 80% 10%,#1165b540,#0000 32%),linear-gradient(#071733 0% 42%,#0a1e42 100%);min-height:100vh;padding:32px}.shell{max-width:var(--shell);margin:0 auto}.hero,.portalFrame,.moduleCard,.flowCard,.matrixPanel,.opsCard{box-shadow:var(--shadow)}.hero{border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffff0d,#ffffff05),linear-gradient(135deg,#1165b52e,#12b8ad1f);border-radius:34px;padding:28px}.nav{color:var(--white);justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.brand{align-items:center;gap:14px;display:flex}.brand strong,.eyebrow,h1,h2,h3,.label,.button,.sideMenu li,.priorityList,.chip,.tagWall span{font-family:Space Grotesk,Arial,Helvetica,sans-serif}.brand strong{font-size:20px;display:block}.brand span{color:#ffffffb8;font-size:14px}.logo{background:linear-gradient(135deg, var(--blue), var(--teal));width:44px;height:44px;color:var(--white);border-radius:14px;place-items:center;font-weight:800;display:grid;box-shadow:0 14px 32px #12b8ad40}.logo.small{width:38px;height:38px;font-size:13px}.navlinks{color:#ffffffd9;gap:18px;font-size:14px;display:flex}.navlinks a:hover{color:var(--cream)}.heroGrid,.stats,.cardsGrid,.flowGrid,.matrixGrid,.opsGrid{gap:18px;display:grid}.heroGrid{grid-template-columns:1.1fr .9fr}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 10px;font-size:12px}h1,h2,h3,p,ul,ol{margin-top:0}h1{color:var(--white);max-width:10ch;margin-bottom:18px;font-size:clamp(42px,7vw,84px);line-height:.95}h2{color:var(--cream);max-width:14ch;margin-bottom:12px;font-size:clamp(28px,4vw,54px);line-height:1.02}h3{color:var(--cream);line-height:1.15}.teal{color:var(--teal)}.lead,.bulletList,.statusCard p,.kpiGrid p,.sectionHead p,.moduleCard p,.flowCard p,.matrixPanel p,.opsCard p,.priorityList,.signalList{line-height:1.7}.lead{color:#ffffffd1;max-width:64ch;margin-bottom:24px;font-size:18px}.heroActions{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.button{background:linear-gradient(135deg, var(--teal), #6fe4dc);color:#072139;border-radius:999px;justify-content:center;align-items:center;min-height:52px;padding:0 20px;font-weight:800;display:inline-flex}.button.ghost{color:var(--white);background:0 0;border:1px solid #ffffff29}.bulletList{color:#ffffffbd;padding-left:18px}.heroPanel{gap:16px;display:grid}.statusCard,.portalFrame,.moduleCard,.flowCard,.matrixPanel,.opsCard,.darkSection,.sideMenu,.insightPanel,.stat{border:1px solid var(--line);background:var(--panel-soft);border-radius:24px}.statusCard,.moduleCard,.flowCard,.matrixPanel,.opsCard,.sideMenu,.insightPanel,.stat{padding:22px}.label{color:var(--gold);margin-bottom:10px;font-size:13px;display:block}.statusCard strong{color:var(--white);margin-bottom:8px;font-size:30px;display:block}.statusCard p,.kpiGrid p,.sectionHead p:last-child,.moduleCard p,.flowCard p,.matrixPanel p,.opsCard p,.signalList,.priorityList{color:var(--muted)}.kpiGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.kpiGrid article{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:16px}.kpiGrid span{color:var(--cream);margin-bottom:8px;font-size:22px;font-weight:800;display:block}.ribbon{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin:22px 0 0;display:grid}.ribbon span{text-align:center;color:var(--cream);background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;padding:14px 16px;font-size:14px;font-weight:700;display:block}.section{padding-top:78px}.sectionHead{margin-bottom:24px}.sectionHead p:last-child{max-width:70ch}.portalFrame{background:linear-gradient(#081326b8,#08162edb);grid-template-columns:290px 1fr;gap:18px;padding:18px;display:grid}.menuHead{justify-content:space-between;align-items:end;gap:12px;margin-bottom:18px;display:flex}.menuHead strong{color:var(--cream)}.sideMenu ul,.domainList,.signalList{margin:0;padding:0;list-style:none}.sideMenu li{color:var(--cream);background:#ffffff0a;border-radius:14px;justify-content:space-between;gap:12px;margin-bottom:10px;padding:11px 12px;font-size:14px;display:flex}.sideMenu li small{color:#ffffff9e;font-size:12px}.portalMain{gap:18px;display:grid}.suitePage{padding-top:20px}.suiteShell{grid-template-columns:290px 1fr;align-items:start;gap:18px;display:grid}.suiteSidebar,.suiteContent,.suiteMiniCard,.tableCard{border:1px solid var(--line);background:var(--panel-soft);box-shadow:var(--shadow);border-radius:24px}.suiteSidebar{padding:22px;position:sticky;top:20px}.suiteBrand{align-items:center;gap:12px;margin-bottom:22px;display:flex}.suiteBrand strong{color:var(--white);display:block}.suiteBrand span{color:var(--muted);font-size:13px}.suiteSidebarBlock+.suiteSidebarBlock{margin-top:22px}.suiteNavList{margin:0;padding:0;list-style:none}.suiteNavList li+li{margin-top:10px}.suiteNavList a{color:var(--cream);background:#ffffff0a;border-radius:14px;justify-content:space-between;gap:12px;padding:11px 12px;display:flex}.suiteNavList a.active{background:linear-gradient(135deg,#12b8ad29,#1165b51f);border:1px solid #12b8ad47}.suiteNavList a small{color:#ffffff9e;font-size:12px}.suiteMiniCard{padding:16px}.suiteMiniCard strong{color:var(--white);margin-bottom:8px;display:block}.suiteMiniCard p{color:var(--muted);margin:0;line-height:1.6}.suiteContent{padding:22px}.routeHeader{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:end;gap:18px;margin-bottom:22px;padding-bottom:18px;display:flex}.breadcrumbs{color:#ffffff8f;text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.breadcrumbs span:not(:last-child):after{content:"/";margin-left:8px}.routeTitle{max-width:18ch;margin-bottom:0}.routeMetaCard{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;min-width:210px;padding:16px 18px}.routeMetaCard strong{color:var(--white)}.suiteStack{gap:18px;display:grid}.suiteHero{justify-content:space-between;align-items:start;gap:18px;display:flex}.companyHero{border:1px solid var(--line);background:linear-gradient(135deg,#12b8ad14,#1165b514),#ffffff0a;border-radius:24px;justify-content:space-between;align-items:start;gap:18px;padding:22px;display:flex}.suiteHero.compact{display:block}.suiteTitle{max-width:12ch;margin-bottom:12px}.suiteLead{max-width:64ch;color:var(--muted);margin:0;line-height:1.7}.tableCard{padding:22px}.tableHead{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.tableHead strong{color:var(--white)}.tableHead small{color:var(--muted)}.dataTable{gap:10px;display:grid}.row{color:var(--cream);background:#ffffff0a;border-radius:14px;grid-template-columns:1.2fr 1fr .8fr;gap:12px;padding:12px 14px;display:grid}.row.three{grid-template-columns:.6fr 1.2fr .8fr}.row.four{grid-template-columns:1.3fr .8fr .8fr .8fr}.row.header{color:#ffffffa6;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.pathList{gap:10px;display:grid}.pathList code{border:1px solid var(--line);color:var(--cream);word-break:break-all;background:#ffffff0a;border-radius:14px;padding:12px 14px;display:block}.portalTop{justify-content:space-between;align-items:start;gap:18px;padding:4px 4px 0;display:flex}.portalTop h3{max-width:18ch}.statusInline{flex-wrap:wrap;justify-content:end;gap:10px;display:flex}.chip{border:1px solid var(--line-strong);min-height:34px;color:var(--cream);border-radius:999px;align-items:center;padding:0 12px;font-size:12px;display:inline-flex}.chip.success{border-color:#12b8ad59}.chip.info{border-color:#1165b559}.chip.warning{border-color:#c8ad6259}.stats,.cardsGrid,.flowGrid,.opsGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat,.moduleCard,.flowCard,.matrixPanel,.opsCard{color:var(--cream)}.stat svg,.moduleCard svg,.flowCard svg,.matrixPanel svg,.opsCard svg,.insightPanel svg{color:var(--teal)}.statLabel{color:#ffffffb8;margin:12px 0 8px;font-size:14px;display:block}.stat strong{color:var(--white);margin-bottom:8px;font-size:30px;display:block}.insightGrid{grid-template-columns:1.2fr .8fr;gap:18px;display:grid}.spotlight{background:linear-gradient(135deg,#12b8ad1a,#1165b514),#ffffff0a}.panelHead{align-items:center;gap:10px;margin-bottom:14px;display:flex}.panelHead h3{margin-bottom:0}.signalList strong{color:var(--white)}.signalList li+li{margin-top:10px}.serviceMiniGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.serviceMiniGrid span,.serviceMiniGrid a,.tagWall span,.flowSteps span{border:1px solid var(--line);min-height:36px;color:var(--cream);background:#ffffff0a;border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.externalLink{color:var(--cream);text-underline-offset:3px;word-break:break-word;-webkit-text-decoration:underline #12b8ad61;text-decoration:underline #12b8ad61}.externalLink:hover{color:var(--white)}.darkSection{background:linear-gradient(135deg,#1165b533,#12b8ad24),linear-gradient(#061126db,#071222eb);padding:32px}.architecture .featured{background:linear-gradient(135deg,#c8ad621f,#12b8ad14),#ffffff0a;border-color:#c8ad6252}.flowSteps{flex-wrap:wrap;gap:10px;display:flex}.liveHealthCard{background:linear-gradient(135deg,#12b8ad1a,#1165b514),#ffffff0a;border-color:#12b8ad52}.matrixGrid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:18px}.matrixPanel.wide{grid-column:1/-1}.domainList li{color:var(--cream);border-bottom:1px solid #ffffff14;padding:12px 0}.domainList li:last-child{border-bottom:none}.tagWall{flex-wrap:wrap;gap:10px;display:flex}.tagWall.compact span{min-height:32px;font-size:12px}.traceGrid{grid-template-columns:1.15fr .85fr;gap:18px;display:grid}.timelineList,.alertList{gap:12px;display:grid}.timelineItem{background:#ffffff0a;border-radius:16px;grid-template-columns:92px 1fr;gap:14px;padding:14px;display:grid}.timelineItem span{color:var(--gold);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.timelineItem strong{color:var(--white);margin-bottom:6px;display:block}.timelineItem p,.alertCard p{color:var(--muted);margin:0;line-height:1.7}.alertCard{border:1px solid var(--line);background:#ffffff0a;border-radius:18px;padding:16px}.alertCard.warning{border-color:#c8ad6252}.alertCard.info{border-color:#1165b552}.alertCard.success{border-color:#12b8ad52}.serviceMapGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.moduleCardTop{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.moduleBadge{border:1px solid var(--line);min-height:30px;color:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.moduleBadge.success{border-color:#12b8ad52}.moduleBadge.info{border-color:#1165b552}.moduleBadge.warning{border-color:#c8ad6257}.moduleBadge.danger{border-color:#ff70705c}.moduleMeta{gap:12px;margin:16px 0 0;display:grid}.moduleMeta div{border-top:1px solid #ffffff14;padding-top:12px}.moduleMeta dt{color:#ffffff8f;margin-bottom:4px;font-size:12px}.moduleMeta dd{color:var(--muted);margin:0;line-height:1.6}.serviceCard{border:1px solid var(--line);color:var(--cream);background:#ffffff0a;border-radius:18px;padding:18px}.serviceCardHead{justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px;display:flex}.serviceCardHead h3{margin-bottom:0}.serviceStatus{min-height:30px;color:var(--cream);white-space:nowrap;border:1px solid #12b8ad47;border-radius:999px;align-items:center;padding:0 10px;font-size:12px;display:inline-flex}.serviceDetails{gap:12px;margin:0;display:grid}.serviceDetails div{border-top:1px solid #ffffff14;padding-top:12px}.serviceDetails dt{color:#ffffff8f;margin-bottom:4px;font-size:12px}.serviceDetails dd{color:var(--muted);margin:0;line-height:1.6}.healthGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.healthCard{border:1px solid var(--line);color:var(--cream);background:#ffffff0a;border-radius:18px;padding:18px}.healthCard.online{border-color:#12b8ad4d}.healthCard.warning{border-color:#c8ad6257}.healthCard.pending{border-color:#ffffff29}.healthCard.offline{border-color:#ff70705c}.healthHead{justify-content:space-between;align-items:start;gap:14px;margin-bottom:14px;display:flex}.healthHead h3{margin-bottom:0}.healthState{border:1px solid var(--line);min-height:30px;color:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:7px;padding:0 10px;font-size:12px;display:inline-flex}.healthDetails{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0;display:grid}.healthDetails div{border-top:1px solid #ffffff14;padding-top:12px}.healthDetails dt{color:#ffffff8f;margin-bottom:4px;font-size:12px}.healthDetails dd{color:var(--muted);word-break:break-word;margin:0;line-height:1.6}.stateColumns{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stateColumns strong{color:var(--white);margin-bottom:10px;display:block}.priorityList{margin-bottom:0;padding-left:20px}.priorityList li+li{margin-top:8px}@media (max-width:1120px){.heroGrid,.suiteShell,.portalFrame,.stats,.cardsGrid,.flowGrid,.traceGrid,.serviceMapGrid,.healthGrid,.matrixGrid,.opsGrid,.ribbon,.insightGrid,.stateColumns{grid-template-columns:1fr}.nav{flex-wrap:wrap}.navlinks{justify-content:space-between;width:100%}.matrixPanel.wide{grid-column:auto}.suiteSidebar{position:static}.routeHeader{flex-direction:column;align-items:start}}@media (max-width:760px){.page{padding:14px}.hero,.portalFrame,.statusCard,.moduleCard,.flowCard,.matrixPanel,.opsCard,.sideMenu,.insightPanel,.stat,.darkSection{padding:18px}.heroActions,.portalTop,.statusInline,.suiteHero,.companyHero,.tableHead{flex-direction:column;align-items:start}.button{width:100%}.kpiGrid,.serviceMiniGrid,.timelineItem,.healthDetails,.row,.row.three,.row.four{grid-template-columns:1fr}.sideMenu li{flex-direction:column}}