:root{--bg:#0b0e10;--panel:#12171a;--panel-2:#151b1e;--border:#252d30;--border-soft:#1d2528;--text:#f4f7f4;--muted:#879397;--muted-2:#5b686c;--green:#49d6a1;--blue:#6bb5ff;--orange:#f5a55c;--sidebar:#0e1214;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:13px}button,a{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}.app-shell{display:flex;min-height:100vh}.sidebar{width:252px;background:var(--sidebar);border-right:1px solid var(--border-soft);padding:27px 15px 18px;display:flex;flex-direction:column;flex-shrink:0}.brand{font-size:16px;font-weight:800;letter-spacing:-.6px;display:flex;align-items:center;gap:9px;margin:0 12px 37px}.brand-dot{color:var(--green)}.brand-mark{height:21px;width:22px;display:flex;gap:3px;align-items:center}.brand-mark span{width:8px;border-radius:2px;background:var(--green);display:block;transform:skewY(-24deg)}.brand-mark span:first-child{height:13px;opacity:.75}.brand-mark span:last-child{height:20px}.workspace-switcher{height:52px;background:#171e21;border:1px solid #293236;border-radius:6px;padding:7px 9px;display:flex;align-items:center;gap:9px;margin-bottom:26px}.workspace-icon,.avatar{width:30px;height:30px;background:#d2f0dd;color:#153b32;border-radius:5px;display:grid;place-items:center;font-size:12px;font-weight:800}.workspace-copy{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.workspace-copy small,.user-copy small{font-family:var(--mono);font-size:8px;color:var(--muted-2);letter-spacing:.4px}.workspace-copy strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chevron{color:var(--muted);font-size:16px}.nav-label{font:500 9px var(--mono);text-transform:uppercase;letter-spacing:1px;color:#566266;margin:0 11px 9px}.nav-label-spaced{margin-top:32px}.nav-item{height:38px;padding:0 11px;color:#8c989b;display:flex;align-items:center;gap:12px;border-radius:5px;font-size:12px;margin:2px 0}.nav-item:hover,.nav-item.active{background:#1b2527;color:var(--text)}.nav-item.active{color:var(--green);font-weight:700}.nav-icon{font-size:18px;width:15px;text-align:center;color:inherit;line-height:1}.nav-count{margin-left:auto;background:#29383a;color:#a7b8b8;border-radius:10px;padding:2px 7px;font:10px var(--mono)}.external{margin-left:auto;color:#647174}.status-icon{font-size:11px;color:var(--green)}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;margin-left:auto;box-shadow:0 0 8px #49d6a1}.sidebar-bottom{margin-top:auto}.upgrade-card{border:1px solid #263235;background:#151c1e;padding:17px 15px;border-radius:6px;margin-bottom:19px}.upgrade-spark{color:var(--orange);font-size:19px}.upgrade-card strong{display:block;margin-top:10px;font-size:12px}.upgrade-card p{color:var(--muted);font-size:11px;line-height:1.55;margin:6px 0 12px}.text-button,.small-link,.docs-link{background:none;border:0;color:var(--green);font-weight:700;font-size:11px;padding:0}.text-button span,.small-link span,.docs-link span{margin-left:6px}.user-row{display:flex;align-items:center;gap:9px;padding:0 9px}.user-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.user-copy strong{font-size:11px}.more-button,.row-more{border:0;background:transparent;color:#667276;letter-spacing:2px;font-size:11px}.main-content{min-width:0;flex:1}.topbar{height:70px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;justify-content:space-between;padding:0 42px}.breadcrumbs{color:#748084;font-size:11px;display:flex;gap:10px;align-items:center}.breadcrumbs b{font-weight:400;color:#424c4e}.breadcrumbs strong{color:#dce3e0;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:19px}.environment{font:10px var(--mono);color:#9da9aa}.environment i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-right:7px}.icon-button,.help-button{border:0;background:none;color:#829093}.icon-button{font-size:18px;position:relative}.notification-dot{position:absolute;background:var(--orange);height:4px;width:4px;border-radius:50%;top:0;right:0}.help-button{display:flex;align-items:center;gap:6px;font-size:11px}.help-button:first-letter{border:1px solid #455053;border-radius:50%;padding:0 4px}.content-wrap{max-width:1440px;padding:47px 42px 25px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:34px}.eyebrow{font:500 9px var(--mono);letter-spacing:1.1px;color:#667376;margin:0 0 10px}.page-heading h1{font-size:27px;letter-spacing:-1.25px;margin:0;font-weight:700}.accent{color:var(--green)}.heading-subtitle{font-size:12px;color:#879397;margin:8px 0 0}.primary-button{border:0;background:var(--green);color:#08251d;border-radius:4px;font-size:11px;font-weight:800;padding:11px 15px;display:inline-flex;align-items:center;gap:8px;box-shadow:0 0 0 1px rgba(73,214,161,.1);transition:transform .2s,background .2s}.primary-button:hover{transform:translateY(-1px);background:#67e1b1}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px}.metric-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:5px}.metric-card{padding:19px 20px 17px;min-height:144px;position:relative;overflow:hidden}.metric-top{display:flex;justify-content:space-between}.metric-label{font:500 9px var(--mono);color:#798689;letter-spacing:.6px}.metric-symbol{font-size:18px}.green{color:var(--green)}.blue{color:var(--blue)}.orange{color:var(--orange)}.metric-value{font-size:27px;font-weight:700;letter-spacing:-1px;margin-top:16px}.metric-unit{font-size:16px;letter-spacing:0;margin-left:2px}.metric-foot{display:flex;gap:8px;color:#697578;font-size:10px;margin-top:7px}.trend-positive{font-family:var(--mono);color:var(--green)}.sparkline{display:flex;position:absolute;right:18px;bottom:18px;gap:3px;height:30px;align-items:flex-end}.sparkline i{display:block;width:3px;border-radius:3px;background:currentColor;opacity:.75}.sparkline i:nth-child(1){height:9px}.sparkline i:nth-child(2){height:14px}.sparkline i:nth-child(3){height:11px}.sparkline i:nth-child(4){height:20px}.sparkline i:nth-child(5){height:16px}.sparkline i:nth-child(6){height:23px}.sparkline i:nth-child(7){height:18px}.sparkline i:nth-child(8){height:26px}.sparkline i:nth-child(9){height:20px}.sparkline i:nth-child(10){height:29px}.sparkline i:nth-child(11){height:24px}.sparkline i:nth-child(12){height:30px}.green-line{color:var(--green)}.blue-line{color:var(--blue)}.orange-line{color:var(--orange)}.split-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:14px;margin-bottom:14px}.panel{padding:22px 21px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.panel h2{font-size:13px;margin:0;letter-spacing:-.2px}.panel-heading p{font-size:10px;color:#748084;margin:6px 0 0}.select-button,.round-button{background:#192124;border:1px solid #303b3e;color:#a6b0b0;border-radius:4px;font-size:10px;padding:7px 9px}.select-button span{margin-left:12px;color:#718083}.round-button{border-radius:50%;height:27px;width:27px;padding:0;font-size:16px;color:var(--green)}.chart-wrap{display:flex;height:204px}.chart-y{width:28px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:27px;color:#566367;font:9px var(--mono)}.chart{position:relative;flex:1;height:100%;padding-bottom:27px}.grid-line{height:1px;position:absolute;left:0;right:0;background:#222b2d}.line-1{top:0}.line-2{top:25%}.line-3{top:50%}.line-4{top:75%}.chart svg{height:calc(100% - 27px);width:100%;overflow:visible}.area{fill:url(#chartFill)}.line{fill:none;stroke:var(--green);stroke-width:2}.chart-x{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#566367;font:9px var(--mono)}.connection-list{margin-top:2px}.connection-row{display:flex;align-items:center;min-height:58px;border-bottom:1px solid #20292b;gap:10px}.provider-icon{width:29px;height:29px;border-radius:5px;display:grid;place-items:center;font-weight:800;font-size:15px}.steam-icon{background:#dbe5e7;color:#172328}.discord-icon{background:#303b52;color:#9dbdff}.connection-copy{display:flex;flex-direction:column;gap:4px;flex:1}.connection-copy strong{font-size:11px}.connection-copy small{color:#718083;font-size:9px}.connected-status,.soon-status{font:9px var(--mono);color:var(--green)}.connected-status i{display:inline-block;width:5px;height:5px;background:var(--green);border-radius:50%;margin-right:5px}.soon-status{color:#6e7a7d}.outline-button{width:100%;margin-top:17px;padding:9px;background:transparent;border:1px dashed #354245;color:#a2adae;border-radius:4px;font-size:10px}.outline-button span{color:var(--green);font-size:15px;vertical-align:-1px;margin-right:4px}.lower-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(310px,1fr);gap:14px}.key-panel{padding-bottom:14px}.key-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #20292b}.key-icon{width:28px;height:28px;background:#1f352f;color:var(--green);display:grid;place-items:center;border-radius:4px;font-size:15px}.muted-key{background:#232b2d;color:#899395}.key-copy{display:flex;flex-direction:column;gap:4px;flex:1}.key-copy strong{font-size:11px}.key-copy small{color:#6e7a7d;font:9px var(--mono)}.key-date{font-size:9px;color:#687477;margin-right:10px}.live-pill,.test-pill{font:9px var(--mono);padding:4px 7px;border-radius:3px}.live-pill{background:#173a31;color:var(--green)}.test-pill{background:#282e30;color:#9aa3a4}.docs-panel{background:#162622;border-color:#29473d;position:relative;overflow:hidden}.docs-panel:after{content:'✦';position:absolute;right:25px;top:19px;color:#2c6655;font-size:38px}.docs-kicker{font:500 9px var(--mono);letter-spacing:1px;color:var(--green)}.docs-panel h2{font-size:22px;letter-spacing:-1px;line-height:1.1;margin:13px 0 9px}.docs-panel h2 em{color:var(--green);font-style:normal}.docs-panel p{color:#879b96;font-size:10px;line-height:1.5;max-width:230px}.code-snippet{display:flex;justify-content:space-between;align-items:center;background:#0c1715;border:1px solid #25453a;border-radius:3px;padding:9px 10px;color:#91a9a2;font:9px var(--mono);margin:20px 0 15px;white-space:nowrap;overflow:hidden}.code-snippet b{color:var(--green);font-weight:500}.code-snippet button{background:none;border:0;color:#5e8a7a}.docs-link{color:#b8e9d3}.footer{border-top:1px solid var(--border-soft);margin-top:43px;padding-top:18px;display:flex;justify-content:space-between;color:#566367;font:9px var(--mono)}.footer span:last-child{display:flex;gap:17px}.footer a:hover{color:var(--green)}.footer i{width:4px;height:4px;border-radius:50%;background:var(--green);align-self:center}.toast{position:fixed;bottom:25px;right:28px;background:#d9f3e5;color:#12271e;border-radius:4px;padding:10px 14px;font-size:11px;font-weight:700;opacity:0;transform:translateY(8px);pointer-events:none;transition:.25s;z-index:10}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{position:fixed;inset:0;background:rgba(4,7,8,.75);display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .2s;z-index:5}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{width:min(430px,calc(100vw - 32px));background:#151c1f;border:1px solid #344043;border-radius:7px;padding:28px;position:relative;box-shadow:0 24px 80px rgba(0,0,0,.5)}.modal-close{position:absolute;right:17px;top:14px;border:0;background:none;color:#788588;font-size:23px}.modal-icon{display:grid;place-items:center;width:35px;height:35px;background:#1d3b32;color:var(--green);border-radius:5px;font-size:17px;margin-bottom:21px}.modal h2{font-size:20px;margin:0 0 8px}.modal-copy{color:#8a9899;font-size:11px;line-height:1.5;margin:0 0 22px}.modal label{display:block;color:#b7c0be;font-size:10px;margin-bottom:7px}.modal input{width:100%;background:#0e1315;border:1px solid #344144;color:#e9efec;border-radius:4px;padding:11px;font:11px var(--sans);outline:none}.modal input:focus{border-color:var(--green)}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.cancel-button{background:transparent;border:1px solid #344144;color:#a8b1af;border-radius:4px;padding:10px 14px;font-size:11px}.modal .primary-button{padding:10px 14px}@media(max-width:1050px){.sidebar{width:220px}.topbar,.content-wrap{padding-left:28px;padding-right:28px}.key-date{display:none}}@media(max-width:780px){.sidebar{display:none}.topbar{height:58px;padding:0 18px}.topbar-actions{gap:12px}.help-button span{display:none}.content-wrap{padding:30px 16px 20px}.page-heading{align-items:flex-start;gap:20px;flex-direction:column}.page-heading h1{font-size:24px}.metric-grid,.split-layout,.lower-grid{grid-template-columns:1fr}.metric-card{min-height:132px}.footer{gap:13px;flex-direction:column}.footer span:last-child{flex-wrap:wrap}.activity-panel{min-height:300px}.connection-panel{min-height:300px}}