@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#ebe9df;font-synthesis:none;background:#080909;font-family:Manrope,sans-serif}*{box-sizing:border-box}html,body,#root{background:#080909;min-height:100%;margin:0}body{min-width:320px}button,input{font:inherit}.stadium-shell{background:radial-gradient(at 28% 20%,#59523529,#0000 38%),radial-gradient(at 82% 58%,#4548401f,#0000 38%),#080909;min-height:100vh;overflow:hidden}.stadium-header{background:#060707e6;border-bottom:1px solid #292721;justify-content:space-between;align-items:center;gap:20px;height:76px;padding:0 34px;display:flex}.stadium-header-left,.header-info{align-items:center;display:flex}.stadium-header-left{gap:14px}.stadium-brand{gap:10px}.brand{align-items:center;display:flex}.brand-mark{border:1px solid #c6a878;border-radius:6px;place-items:center;width:29px;height:29px;display:grid;position:relative;overflow:hidden;transform:rotate(-9deg)}.brand-mark:before{content:"";border:1px solid #836f4d;border-radius:50%;position:absolute;inset:5px}.brand-mark span{color:#e8d9a3;font:800 18px Georgia;position:relative;transform:rotate(9deg)}.brand-mark i{background:#b47b4b;width:11px;height:2px;position:absolute;bottom:7px;right:1px;transform:rotate(40deg)}.brand b{letter-spacing:-.4px;color:#eee9dd;font-size:15px;display:block}.brand b em{color:#c8aa71;font-style:normal}.brand small{color:#756c5b;letter-spacing:1px;margin-top:3px;font:7px DM Mono;display:block}.header-divider{color:#565047;font:13px DM Mono}.header-section{color:#ada495;letter-spacing:1.2px;font:10px DM Mono}.header-info{gap:17px}.header-info>div{border-left:1px solid #353128;padding-left:12px}.header-info small{color:#766f62;letter-spacing:.9px;font:8px DM Mono;display:block}.header-info b{color:#d5cfc1;white-space:nowrap;margin-top:5px;font:400 10px DM Mono;display:block}.header-online{align-items:center;gap:7px;display:flex;color:#a6ca9a!important;font:9px DM Mono!important}.header-online i{background:#a7ce91;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #a7ce91}.header-icon{color:#8d887a;background:0 0;border:0;padding:3px;position:relative}.header-notify{background:#c7774a;border-radius:50%;width:4px;height:4px;position:absolute;top:0;right:0}.header-avatar{color:#d8c99c;background:#1d1a14;border:1px solid #68583f;border-radius:50%;width:28px;height:28px;font:9px DM Mono}.header-action,.test-actions button{color:#0c0b09;cursor:pointer;background:linear-gradient(105deg,#b49967,#806b4e);border:1px solid #c4a770;border-radius:3px;justify-content:center;align-items:center;gap:7px;height:34px;padding:0 12px;font-size:10px;font-weight:800;display:flex}.stadium-main{max-width:1700px;margin:auto;padding:29px 35px 55px}.stadium-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:23px;display:flex}.stadium-heading>div:first-child>span{color:#948b7b;letter-spacing:1.3px;font:9px DM Mono}.stadium-heading h1{letter-spacing:-1.6px;color:#e9e4d8;margin:10px 0 8px;font-size:34px;font-weight:500;line-height:1.1}.stadium-heading h1 em{color:#c4a774;font-style:normal}.stadium-heading p{color:#8e897c;margin:0;font-size:12px;line-height:1.6}.heading-stats{align-items:flex-end;gap:24px;display:flex}.heading-stats>div{border-left:1px solid #3a342b;min-width:112px;padding-left:12px}.heading-stats small{color:#766f61;letter-spacing:1px;font:8px DM Mono;display:block}.heading-stats b{color:#cfc5ae;white-space:nowrap;margin-top:6px;font:400 10px DM Mono;display:block}.stadium-layout{grid-template-columns:245px minmax(520px,1fr) 285px;align-items:stretch;gap:16px;display:grid}.stadium-layout>section,.stadium-layout>aside,.stadium-bottom>section{background:linear-gradient(145deg,#181815f7,#090a0af7);border:1px solid #3a352d;box-shadow:0 16px 50px #0003}.topology-panel{border-radius:6px;min-height:700px;padding:16px 12px}.topology-title{color:#9e9585;letter-spacing:1px;justify-content:space-between;padding:0 6px 14px;font:9px DM Mono;display:flex}.topology-title b{color:#b99f6a;font-size:8px;font-weight:400}.topology-canvas{height:610px;position:relative}.topology-canvas svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.topology-link{fill:none;stroke-width:1px;stroke-dasharray:2 4;animation:7s linear infinite wireFlow}.cyan-line{stroke:#b7a871;opacity:.8}.gold-line{stroke:#b98e64;opacity:.75;animation-delay:-2s}.orange-line{stroke:#aa6447;opacity:.75;animation-delay:-4s}.topology-canvas circle{fill:#0b0c0b;stroke:#d4bd87;stroke-width:1.4px;filter:drop-shadow(0 0 4px #dac38480)}.topology-card{background:linear-gradient(135deg,#36342cdb,#131311f2);border:1px solid #514a3e;border-radius:3px;height:112px;padding:12px 11px;position:absolute;left:16px;right:3px;box-shadow:0 7px 16px #00000073}.topology-card:first-of-type{top:12px}.topology-card:nth-of-type(2){top:153px}.topology-card:nth-of-type(3){top:294px}.topology-card:nth-of-type(4){top:435px}.topology-card:after{content:"";pointer-events:none;border:1px solid #d2bc8b14;position:absolute;inset:4px}.topology-card-top{color:#d4c7aa;justify-content:space-between;align-items:center;display:flex}.card-type{align-items:center;gap:5px;font:9px DM Mono;display:flex}.card-status{color:#d49870;font:8px DM Mono}.topology-card b{color:#e6e0d2;margin-top:13px;font-size:11px;font-weight:500;display:block}.topology-card small{color:#9e9686;margin-top:4px;font:8px DM Mono;display:block}.topology-card.cyan .card-type{color:#d9c681}.topology-card.gold .card-type{color:#b9c5b0}.topology-card.orange .card-type{color:#d28f6c}.topology-card.cyan .card-status{color:#a6c79a}.topology-card.gold .card-status{color:#ccb878}.topology-bars{align-items:flex-end;gap:2px;height:13px;display:flex;position:absolute;bottom:14px;right:12px}.topology-bars i{background:#9b9078;width:2px}.topology-bars i:first-child{height:4px}.topology-bars i:nth-child(2){height:8px}.topology-bars i:nth-child(3){height:5px}.topology-bars i:nth-child(4){background:#ad7452;height:11px}.topology-bars i:nth-child(5){height:8px}.topology-bars i:nth-child(6){background:#c8b579;height:13px}.topology-bars i:nth-child(7){height:10px}.topology-footer{color:#847c6d;border-top:1px solid #39342d;flex-wrap:wrap;align-items:center;gap:6px;padding:13px 6px 0;font:8px DM Mono;display:flex}.topology-footer svg{color:#c3a975}.topology-footer b{color:#c0b59f;width:100%;padding-left:19px;font-weight:400}.meters-section{border-radius:6px;min-width:0;padding:17px 18px 14px}.section-title{border-bottom:1px solid #3b352c;justify-content:space-between;align-items:center;gap:15px;padding-bottom:12px;display:flex}.section-title>div:first-child span{color:#a49b8a;letter-spacing:1.1px;font:9px DM Mono;display:block}.section-title>div:first-child b{color:#e1d9c8;margin-top:6px;font-size:14px;font-weight:500;display:block}.section-title button{color:#a99b7e;background:#191813;border:1px solid #4c4639;border-radius:3px;padding:6px}.meter-legend{color:#918776;align-items:center;gap:7px;font:8px DM Mono;display:flex}.meter-legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.plan-dot{background:#b9b878;box-shadow:0 0 7px #c8c77899}.actual-dot{background:#cc7955;margin-left:7px;box-shadow:0 0 7px #cc795599}.gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px;display:grid}.gauge-tile{background:linear-gradient(150deg,#27251feb,#0f0f0df5);border:1px solid #423b30;border-radius:4px;min-width:0;padding:10px 8px 8px;position:relative;overflow:hidden}.gauge-tile:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 47%,#bbaa6f14,#0000 45%);position:absolute;inset:0}.gauge-tile.plan{border-color:#5b5840}.gauge-tile.actual{border-color:#624334}.gauge-tile-top{justify-content:space-between;align-items:flex-start;display:flex;position:relative}.tile-label{color:#d9cba8;letter-spacing:.7px;font:8px DM Mono;display:block}.gauge-tile.actual .tile-label{color:#e5a57a}.gauge-tile-top small{color:#827969;margin-top:4px;font:8px DM Mono;display:block}.tile-dot{background:#9e9b70;border-radius:50%;width:7px;height:7px;box-shadow:0 0 7px #9e9b70}.gauge-tile.actual .tile-dot{background:#cf7d58;box-shadow:0 0 7px #cf7d58}.gauge-tile .speedometer{height:245px}.speedometer{max-width:100%;height:245px;margin:0 auto -4px;position:relative}.speedometer svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.meter-track,.meter-progress,.meter-highlight{fill:none;stroke-linecap:round}.meter-track{stroke:#2d2c26;stroke-width:18px}.meter-progress{stroke:#4b493c;stroke-width:8px}.meter-highlight{stroke:currentColor;stroke-width:8px;filter:url(#meter-glow);transition:stroke-dasharray .25s}.speedometer-plan{color:#c0ba78}.speedometer-actual{color:#d57d5b}.ticks{pointer-events:none;position:absolute;inset:0}.ticks i{transform-origin:0 112px;background:#9b927b;width:1px;height:7px;position:absolute;top:52px;left:50%}.needle{stroke:#efe9d5;stroke-width:2px;transform-origin:210px 210px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.needle-dot{fill:#e6d48f;filter:url(#meter-glow)}.meter-center{text-align:center;position:absolute;top:105px;left:0;right:0}.meter-center small{color:#978e7b;letter-spacing:.8px;font:8px DM Mono;display:block}.meter-center strong{color:#ede6d6;letter-spacing:-1.8px;white-space:nowrap;margin:5px 0 0;font-size:28px;display:block}.meter-center span{color:#a79a7a;font:8px DM Mono}.meter-range{color:#877d6b;justify-content:space-between;font:8px DM Mono;display:flex;position:absolute;bottom:20px;left:8%;right:8%}.gauge-tile-bottom{color:#867d6b;border-top:1px solid #383229;justify-content:space-between;padding-top:7px;font:8px DM Mono;display:flex}.test-actions{border-top:1px solid #39342c;justify-content:space-between;align-items:center;gap:18px;margin-top:12px;padding-top:12px;display:flex}.test-actions div span{color:#ae9f85;align-items:center;gap:6px;font:9px DM Mono;display:flex}.test-actions div span svg{color:#c2aa6e}.test-actions div small{color:#6f685b;margin-top:5px;font:8px DM Mono;display:block}.test-actions button{min-width:162px;height:35px}.key-metrics{border-radius:6px;min-height:700px;padding:17px 15px}.key-metrics .section-title button{padding:6px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px;margin:16px 0 17px;display:grid}.metric-dial{text-align:center;border-left:1px solid #40392f;min-height:83px;padding:5px 2px 9px;position:relative}.metric-dial strong{color:#d8d0bc;white-space:nowrap;margin-top:11px;font:17px DM Mono;display:block;position:relative}.metric-dial span{color:#827a6a;margin-top:5px;font:8px DM Mono;display:block;position:relative}.metric-ring{opacity:.9;border:4px solid #34342b;border-right-color:#bdb477;border-radius:50%;width:35px;height:35px;position:absolute;top:0;left:50%;transform:translate(-50%)}.metric-ring.cyan{border-right-color:#b5b277}.metric-ring.gold{border-right-color:#ce9e6c}.metric-ring.orange{border-right-color:#c97955}.metric-ring.green{border-right-color:#97b48a}.metric-list{border-top:1px solid #3b352d;border-bottom:1px solid #3b352d}.metric-list>div{border-bottom:1px solid #29261f;justify-content:space-between;gap:10px;padding:12px 0;display:flex}.metric-list>div:last-child{border-bottom:0}.metric-list span{color:#827967;font:8px DM Mono}.metric-list b{color:#d7cfbd;text-align:right;font:400 9px DM Mono}.metric-plan{background:#26231b8c;border:1px solid #4d4639;margin-top:16px;padding:12px 10px}.metric-plan>span{color:#a99a7a;letter-spacing:.8px;font:8px DM Mono;display:block}.metric-plan>div{justify-content:space-between;gap:8px;margin-top:11px;display:flex}.metric-plan b{color:#d4c792;font:400 10px DM Mono}.metric-plan small{color:#837c6d;margin-top:12px;font:8px/1.45 DM Mono;display:block}.stadium-bottom{grid-template-columns:minmax(0,1.35fr) minmax(410px,.9fr);gap:16px;margin-top:16px;display:grid}.usage-panel,.infra-panel{border-radius:6px;padding:17px 18px 14px}.legend{color:#877d6e;align-items:center;gap:6px;font:8px DM Mono;display:flex}.legend i{border-radius:50%;width:7px;height:7px;display:inline-block}.legend-cyan{background:#c2ba7e}.legend-orange{background:#c75;margin-left:8px}.usage-chart{height:240px;margin-top:15px;padding-left:40px;position:relative}.usage-chart svg{background:linear-gradient(#4d472f1a,#0000);width:100%;height:210px}.usage-grid{fill:none;stroke:#3b3930;stroke-width:1px;stroke-dasharray:2 7}.usage-line{fill:none;stroke:#c2bb7d;stroke-width:2px;filter:drop-shadow(0 0 4px #c8be76a6);animation:.9s ease-out chartRise}.usage-scan{stroke:#c77a55;stroke-width:1px;stroke-dasharray:3 6;opacity:.8}.chart-labels{color:#756e60;flex-direction:column;justify-content:space-between;height:210px;font:8px DM Mono;display:flex;position:absolute;top:0;left:0}.chart-axis{color:#756e60;justify-content:space-between;padding:4px 7px 0 40px;font:8px DM Mono;display:flex}.usage-footer{border-top:1px solid #3b352d;grid-template-columns:repeat(3,1fr);gap:12px;padding-top:12px;display:grid}.usage-footer span{color:#7b7364;font:8px DM Mono;display:block}.usage-footer b{color:#d9d0b8;margin-top:6px;font:400 15px DM Mono;display:block}.infra-head,.infra-row{grid-template-columns:1.2fr .7fr .8fr 1fr;align-items:center;gap:10px;display:grid}.infra-head{color:#756e60;border-bottom:1px solid #3b352d;padding:15px 0 8px;font:8px DM Mono}.infra-row{color:#bcb4a1;border-bottom:1px solid #25221c;min-height:45px;font:9px DM Mono}.infra-row:last-child{border-bottom:0}.infra-name{color:#d5cdb9}.infra-name i{background:#aab77a;border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 6px #aab77a}.infra-status{color:#d79b72}.infra-status.active{color:#b4c994}.infra-row b{color:#dacb9f;font:400 10px DM Mono}.infra-row small{color:#7f786c;white-space:nowrap;text-overflow:ellipsis;font:8px DM Mono;overflow:hidden}.result-bar{background:linear-gradient(145deg,#201e18,#0d0e0c);border:1px solid #3a352d;border-radius:6px;grid-template-columns:minmax(220px,1.45fr) 145px 145px 145px 145px 125px;align-items:center;gap:11px;margin-top:16px;padding:14px;display:grid}.result-intro span{color:#9a8f79;letter-spacing:1px;font:8px DM Mono;display:block}.result-intro b{color:#e0d7c4;margin-top:6px;font-size:13px;display:block}.result-intro small{color:#777062;margin-top:4px;font:8px/1.4 DM Mono;display:block}.result-bar label{position:relative}.result-bar label>span{color:#8f846f;margin-bottom:6px;font:8px DM Mono;display:block}.result-bar input{color:#e3d6ad;background:#12120e;border:1px solid #5e513a;border-radius:3px;outline:none;width:100%;height:34px;padding:0 40px 0 8px;font:10px DM Mono}.result-bar input::placeholder{color:#686154}.result-bar label i{color:#ae9866;font:8px DM Mono;position:absolute;bottom:10px;right:8px}.result-value{border-left:1px solid #443c2d;padding-left:11px}.result-value span{color:#8e836d;font:8px DM Mono;display:block}.result-value b{color:#dcd69b;margin-top:6px;font:400 15px DM Mono;display:block}.result-value.orange b{color:#e4a077}.result-value small{color:#7e7769;margin-top:5px;font:8px DM Mono;display:block}.export-button{color:#d0bd8b;cursor:pointer;background:#272116;border:1px solid #66553c;border-radius:3px;justify-content:center;align-items:center;gap:6px;height:34px;font:9px DM Mono;display:flex}.export-button:disabled{opacity:.3;cursor:not-allowed}@keyframes wireFlow{to{stroke-dashoffset:-70px}}@keyframes chartRise{0%{stroke-dasharray:0 1200}to{stroke-dasharray:1200 0}}@media (width<=1350px){.stadium-main{padding-left:22px;padding-right:22px}.stadium-layout{grid-template-columns:215px minmax(440px,1fr) 245px}.stadium-bottom{grid-template-columns:minmax(0,1fr) 370px}.result-bar{grid-template-columns:minmax(205px,1.2fr) repeat(4,125px) 115px}}@media (width<=1080px){.stadium-header{padding:0 20px}.header-section,.header-divider,.header-info>div:not(.header-online){display:none}.stadium-heading{flex-direction:column;align-items:flex-start}.heading-stats{justify-content:flex-start;width:100%}.stadium-layout{grid-template-columns:210px minmax(0,1fr)}.key-metrics{grid-column:1/-1;min-height:0}.metric-grid{grid-template-columns:repeat(4,1fr)}.metric-list{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.metric-list>div{border-bottom:0;border-right:1px solid #29261f;padding-right:8px}.metric-list>div:last-child{border-right:0}.stadium-bottom{grid-template-columns:1fr}.result-bar{grid-template-columns:1fr 1fr 1fr 1fr}.result-intro,.export-button{grid-column:1/-1}}@media (width<=720px){.stadium-header{height:64px;padding:0 13px}.header-info{gap:8px}.header-online,.header-icon,.header-avatar{display:none}.header-action{height:31px;padding:0 9px;font-size:9px}.stadium-main{padding:22px 13px 40px}.stadium-heading h1{font-size:28px}.heading-stats{gap:10px;width:100%;overflow:auto}.heading-stats>div{min-width:92px}.heading-stats b{font-size:9px}.stadium-layout{grid-template-columns:1fr}.topology-panel{min-height:0}.topology-canvas{height:380px}.topology-card{height:78px}.topology-card:first-of-type{top:8px}.topology-card:nth-of-type(2){top:96px}.topology-card:nth-of-type(3){top:184px}.topology-card:nth-of-type(4){top:272px}.topology-canvas svg{height:380px}.meters-section{padding:14px 11px}.meters-title{display:block}.meter-legend{margin-top:10px}.gauge-tile .speedometer{height:213px}.meter-center{top:91px}.meter-center strong{font-size:24px}.key-metrics{padding:15px 12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-list{display:block}.metric-list>div{border-bottom:1px solid #29261f;border-right:0;padding:10px 0}.metric-list>div:last-child{border-bottom:0}.test-actions{flex-direction:column;align-items:stretch}.test-actions button{width:100%}.stadium-bottom{margin-top:13px}.usage-panel,.infra-panel{padding:14px 12px}.result-bar{grid-template-columns:1fr 1fr;padding:12px}.result-intro,.export-button{grid-column:1/-1}.result-value{border-top:1px solid #443c2d;border-left:0;padding:10px 0 0}.result-value b{font-size:14px}}@media (width<=450px){.stadium-brand small{display:none}.brand b{font-size:14px}.stadium-heading h1{font-size:25px}.gauge-grid{gap:6px}.gauge-tile{padding:8px 5px 6px}.gauge-tile .speedometer{height:180px}.meter-center{top:76px}.meter-center small{font-size:7px}.meter-center strong{font-size:19px}.meter-center span{font-size:7px}.meter-range{font-size:6px;bottom:14px}.ticks i{transform-origin:0 103px;top:41px}.gauge-tile-bottom,.tile-label,.gauge-tile-top small{font-size:7px}.usage-chart{height:205px}.usage-chart svg,.chart-labels{height:180px}.chart-axis{font-size:7px}.usage-footer{gap:5px}.usage-footer b{font-size:12px}.infra-head,.infra-row{grid-template-columns:1.15fr .65fr .8fr}.infra-head span:last-child,.infra-row small{display:none}.result-bar{gap:8px}.result-value b{font-size:13px}}.gauge-tile{background:linear-gradient(145deg,#1f1f19fa,#0a0b0afa);box-shadow:inset 0 1px #ffffff09,0 12px 22px #0000003d}.gauge-tile:before{background:radial-gradient(circle at 50% 42%,#d7c17417,#0000 47%)}.gauge-tile.actual:before{background:radial-gradient(circle at 50% 42%,#de7e531a,#0000 47%)}.gauge-tile-top{z-index:2}.tile-label{letter-spacing:1px;font-size:9px}.gauge-tile-top small{letter-spacing:.25px;font-size:8px}.speedometer{height:255px;margin:0 auto -3px}.speedometer svg{filter:drop-shadow(0 9px 13px #00000038);overflow:visible}.meter-halo{fill:none;stroke:currentColor;stroke-width:34px;opacity:.075;filter:url(#meter-glow)}.meter-track{stroke:#292b24;stroke-width:25px;opacity:.95}.meter-progress{stroke:#4a4b3b;stroke-width:10px;opacity:.95;transition:stroke-dashoffset .35s}.meter-highlight{stroke-width:7px;filter:url(#meter-glow);transition:stroke-dasharray .35s}.speedometer-plan .meter-track{stroke:#303429}.speedometer-plan .meter-progress{stroke:#5f6547}.speedometer-actual .meter-track{stroke:#302721}.speedometer-actual .meter-progress{stroke:#654231}.meter-inner-ring{fill:none;stroke:currentColor;stroke-width:1px;stroke-dasharray:1 9;opacity:.42}.dial-ticks line{stroke:#8f8b73;stroke-width:1px;opacity:.65}.dial-ticks line.major{stroke:#d8c78c;stroke-width:2px;opacity:.9}.speedometer-actual .dial-ticks line{stroke:#9e6b54}.speedometer-actual .dial-ticks line.major{stroke:#e0a078}.scale-labels text{fill:#847b69;letter-spacing:.3px;text-anchor:middle;font:8px DM Mono}.scale-labels text:nth-child(3){fill:#b9aa79}.speedometer-actual .scale-labels text:nth-child(3){fill:#d99a73}.meter-status{fill:#8b836e;letter-spacing:1.4px;text-anchor:middle;font:7px DM Mono}.speedometer-plan .meter-status{fill:#a8aa76}.speedometer-actual .meter-status{fill:#d28a65}.needle-shadow{stroke:#000;stroke-width:8px;stroke-linecap:round;opacity:.5;filter:blur(3px);transform-origin:210px 204px}.needle{stroke:#f4edda;stroke-width:2.5px;stroke-linecap:round;transform-origin:210px 204px;filter:drop-shadow(0 0 4px #ffecb4bf);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.needle-dot{fill:#e8d995;stroke:#11100d;stroke-width:3px;filter:url(#meter-glow)}.speedometer-actual .needle-dot{fill:#eea377}.needle-core{fill:#15130f}.meter-center{z-index:3;pointer-events:none;top:111px}.meter-center small{color:#a39a85;letter-spacing:1.2px;font-size:8px}.meter-center strong{letter-spacing:-1.7px;text-shadow:0 2px 10px #0009;margin-top:7px;font-size:29px}.meter-center span{color:#a99f87;letter-spacing:.35px;font-size:9px}.speedometer-plan .meter-center strong{color:#e4dea2}.speedometer-actual .meter-center strong{color:#f1ae88}.meter-range{z-index:3;border-top:1px solid #9789624d;padding-top:6px;bottom:7px;left:18%;right:18%}.meter-range span{color:#c3b890;flex-direction:column;align-items:center;gap:2px;display:flex}.meter-range b{font:400 8px DM Mono}.meter-range small{color:#77705f;text-transform:uppercase;letter-spacing:.5px;font:7px DM Mono}.key-metrics{background:linear-gradient(155deg,#191915fa,#090a0afa);padding:17px 15px 15px;overflow:hidden}.profile-title{align-items:flex-start}.profile-title>div:first-child b{letter-spacing:-.3px;font-size:16px}.profile-state{color:#b8ae8e;letter-spacing:.6px;white-space:nowrap;border:1px solid #4c4737;border-radius:999px;align-items:center;gap:5px;padding:6px 8px;font:8px DM Mono;display:flex}.profile-state i{background:#8f9c68;border-radius:50%;width:6px;height:6px;box-shadow:0 0 7px #a4b776}.profile-state.running{color:#d4a06f;border-color:#61452f}.profile-state.running i{background:#d78157;box-shadow:0 0 7px #e28d60}.profile-state.error i{background:#c45f4c}.profile-grid{grid-template-columns:1fr 1fr;gap:8px;margin:14px 0;display:grid}.profile-card{background:linear-gradient(145deg,#2a2820b8,#11110ed1);border:1px solid #3d392f;border-radius:4px;min-height:116px;padding:10px;position:relative;overflow:hidden}.profile-card:after{content:"";pointer-events:none;border:1px solid #d8c28414;position:absolute;inset:4px}.profile-card.cyan{border-color:#4e513c}.profile-card.gold{border-color:#514537}.profile-card.orange{border-color:#5b4031}.profile-card.green{border-color:#46523b}.profile-card-top{z-index:1;justify-content:space-between;align-items:center;gap:5px;display:flex;position:relative}.profile-card-top span{color:#cfc39d;letter-spacing:.25px;align-items:center;gap:5px;font:8px DM Mono;display:flex}.profile-card-top span svg{color:#b7bd80}.profile-card.gold .profile-card-top span svg{color:#c6a46e}.profile-card.orange .profile-card-top span svg{color:#d47b56}.profile-card.green .profile-card-top span svg{color:#9eb785}.profile-card-top>b{color:#756d5f;font:400 7px DM Mono}.profile-card strong{z-index:1;color:#eee6d4;letter-spacing:-.7px;white-space:nowrap;margin-top:15px;font:400 19px DM Mono;display:block;position:relative}.profile-card small{z-index:1;color:#817969;margin-top:5px;font:8px/1.3 DM Mono;display:block;position:relative}.profile-card.orange strong{color:#edaa82}.profile-card.green strong{color:#b7c98b;font-size:15px}.profile-accent{background:#aeb276;width:58%;height:2px;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #b9c077b3}.profile-card.gold .profile-accent{background:#c6a16b;box-shadow:0 0 10px #c6a16b99}.profile-card.orange .profile-accent{background:#cf7655;box-shadow:0 0 10px #cf7655b3}.profile-card.green .profile-accent{background:#90ae7b;box-shadow:0 0 10px #90ae7bb3}.profile-details{border-top:1px solid #3b352d;border-bottom:1px solid #3b352d}.profile-detail{border-bottom:1px solid #29261f;justify-content:space-between;align-items:center;gap:9px;padding:10px 0;display:flex}.profile-detail:last-child{border-bottom:0}.profile-detail>div{color:#827967;white-space:nowrap;align-items:center;gap:6px;font:8px DM Mono;display:flex}.profile-detail>div svg{color:#b7a676}.profile-detail>b{color:#ddd3bb;text-align:right;white-space:nowrap;font:400 9px DM Mono}.profile-detail b small{color:#8b806f;margin-left:5px;font:8px DM Mono}.profile-translation{background:linear-gradient(135deg,#2d291fb3,#12110eb3);border:1px solid #4d4638;border-radius:4px;margin-top:14px;padding:11px 10px}.translation-top{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.translation-top span{color:#c0ae80;letter-spacing:.8px;font:8px DM Mono}.translation-top b{color:#8d815f;font:400 7px DM Mono}.translation-row{border-top:1px solid #393329;grid-template-columns:66px 1fr 15px 1fr;align-items:center;gap:5px;padding:9px 0;display:grid}.translation-direction{color:#cfc39d;align-items:center;gap:4px;font:8px DM Mono;display:flex}.translation-direction svg{color:#bdc27d}.translation-row>div:not(.translation-direction){min-width:0}.translation-row b{color:#e2d69e;white-space:nowrap;font:400 11px DM Mono;display:block}.translation-row small{color:#7d7567;white-space:nowrap;margin-top:3px;font:7px DM Mono;display:block}.translation-row>i{color:#c27b55;text-align:center;font:13px DM Mono}.translation-result b{color:#e6a078}.translation-note{color:#827968;margin-top:8px;font:7px/1.45 DM Mono;display:block}@media (width<=720px){.speedometer{height:225px}.meter-center{top:98px}.meter-center strong{font-size:26px}.meter-range{bottom:5px}.profile-grid{gap:7px}.profile-card{min-height:110px;padding:9px}.profile-card-top>b{display:none}.profile-card strong{font-size:17px}.translation-row{grid-template-columns:62px 1fr 13px 1fr}}@media (width<=450px){.speedometer{height:192px}.meter-center{top:82px}.meter-center small{font-size:7px}.meter-center strong{margin-top:5px;font-size:21px}.meter-center span{font-size:7px}.meter-range{padding-top:4px;bottom:2px;left:13%;right:13%}.meter-range b{font-size:7px}.meter-range small{font-size:6px}.scale-labels text{font-size:7px}.meter-status{font-size:6px}.profile-card{min-height:104px;padding:8px}.profile-card-top span{font-size:7px}.profile-card strong{margin-top:12px;font-size:15px}.profile-card small{font-size:7px}.profile-detail{padding:9px 0}.profile-detail>div{font-size:7px}.profile-detail>b{font-size:8px}.translation-row{grid-template-columns:56px 1fr 11px 1fr;gap:4px}.translation-direction{font-size:7px}.translation-row b{font-size:10px}.translation-row small{font-size:6px}}.speedometer{flex-direction:column;justify-content:flex-start;align-items:stretch;height:265px;margin:0 auto -3px;display:flex}.speedometer svg{filter:drop-shadow(0 9px 13px #00000038);flex:0 0 174px;width:100%;height:174px;display:block;position:static;inset:auto;overflow:visible}.needle-group{transform-box:view-box;transform-origin:210px 204px;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.needle-shadow,.needle{transform-origin:auto!important;transform:none!important}.meter-center{text-align:center;z-index:3;flex:none;margin-top:-1px;padding:0 4px;position:static}.meter-center small{letter-spacing:1.3px;font-size:8px}.meter-center strong{margin-top:5px;font-size:27px;line-height:1.05}.meter-center span{margin-top:4px;font-size:9px;display:block}.meter-range{z-index:3;border-top:1px solid #9789624d;flex:none;justify-content:space-between;align-items:flex-start;gap:10px;width:64%;margin:10px auto 0;padding:6px 0 0;display:flex;position:static}.meter-range span{flex-direction:column;align-items:center;gap:2px;display:flex}.meter-range b{font-size:8px}.meter-range small{font-size:7px}.needle-shadow{stroke:#000;stroke-width:8px;stroke-linecap:round;opacity:.48;filter:blur(3px)}.needle{stroke:#f4edda;stroke-width:2.5px;stroke-linecap:round;filter:drop-shadow(0 0 4px #ffecb4bf)}.speedometer-actual .needle{stroke:#ffd3a4;filter:drop-shadow(0 0 4px #ff9860cc)}@media (width<=720px){.speedometer{height:232px}.speedometer svg{flex-basis:148px;height:148px}.meter-center strong{font-size:25px}.meter-range{width:70%;margin-top:8px}}@media (width<=450px){.speedometer{height:198px}.speedometer svg{flex-basis:124px;height:124px}.meter-center small{font-size:7px}.meter-center strong{margin-top:4px;font-size:21px}.meter-center span{margin-top:3px;font-size:7px}.meter-range{width:76%;margin-top:6px;padding-top:4px}.meter-range b{font-size:7px}.meter-range small{font-size:6px}}.topology-canvas .topology-card svg{width:13px;height:13px;position:static;inset:auto;overflow:visible}