@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#172320;background:#f2f5f3;font-family:Inter,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #172320;--muted: #6d7b76;--line: #dce4df;--panel: #ffffff;--sidebar: #101b18;--green: #2db781;--green-dark: #0c6c4e;--mint: #e2f7ee;--blue: #4678ec;--violet: #7b64db;--amber: #d88a28}*{box-sizing:border-box}html{min-width:320px;background:#f2f5f3}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #2db781;outline-offset:2px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:30;display:flex;width:248px;flex-direction:column;padding:24px 16px 18px;color:#dbe6e1;background:radial-gradient(circle at 10% 0%,rgba(50,159,118,.14),transparent 30%),var(--sidebar);border-right:1px solid rgba(255,255,255,.07)}.brand{display:flex;align-items:center;gap:12px;padding:0 7px 22px}.brand>span:last-child{display:flex;flex-direction:column;gap:2px}.brand strong{color:#fff;font-size:15px;letter-spacing:.16em}.brand small{color:#7f948c;font:500 9px/1.2 DM Mono,monospace;letter-spacing:.14em}.brand-mark{display:grid;width:31px;height:31px;grid-template-columns:repeat(3,5px);align-content:center;justify-content:center;gap:3px;border-radius:9px;color:#0f1b17;background:#55d69d;box-shadow:0 0 24px #34d59a33}.brand-mark i{width:5px;border-radius:99px;background:currentColor}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:17px}.brand-mark i:nth-child(3){height:7px}.brand-mark.compact{width:34px;height:34px}.workspace-card{display:flex;align-items:center;gap:10px;margin-bottom:26px;padding:11px 10px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:#ffffff09}.workspace-card>span:nth-child(2){display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.workspace-card strong{overflow:hidden;color:#f6faf8;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.workspace-card small{color:#7f938b;font-size:10px}.workspace-avatar,.admin-avatar,.member-avatar{display:inline-grid;flex:0 0 auto;place-items:center;border-radius:8px;font-weight:700}.workspace-avatar{width:31px;height:31px;color:#9deac8;background:#1e382f;font-size:10px}.main-nav{display:flex;flex-direction:column;gap:4px}.nav-label{padding:0 10px 9px;color:#62766e;font:500 9px/1 DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.nav-item{display:flex;width:100%;align-items:center;gap:11px;padding:10px 11px;border:0;border-radius:8px;color:#8fa29b;background:transparent;font-size:12px;text-align:left;cursor:pointer;transition:.16s ease}.nav-item:hover{color:#dce8e3;background:#ffffff0a}.nav-item.active{color:#c7f2de;background:#3fbe8b21;box-shadow:inset 2px 0 #45cf95}.nav-item span{flex:1}.nav-item em{display:inline-grid;min-width:20px;height:18px;place-items:center;border-radius:99px;color:#8bbba6;background:#ffffff0f;font:500 9px/1 DM Mono,monospace;font-style:normal}.sidebar-foot{margin-top:auto}.lab-state{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid rgba(70,211,154,.11);border-radius:9px;background:#37aa7e0f}.lab-state>span:nth-child(2){display:flex;flex-direction:column;gap:3px}.lab-state strong{color:#a6ddc5;font:500 9px/1 DM Mono,monospace;letter-spacing:.1em}.lab-state small{color:#6f867d;font-size:9px}.pulse-dot,.live-label i{width:7px;height:7px;border-radius:50%;background:#45d89a;box-shadow:0 0 0 4px #45d89a17}.sidebar-foot>p{margin:13px 10px 0;color:#536860;font:400 9px/1.6 DM Mono,monospace}.sidebar-foot>p strong{color:#748980}.main{min-height:100vh;margin-left:248px}.topbar{position:sticky;top:0;z-index:20;display:flex;height:66px;align-items:center;gap:18px;padding:0 34px;border-bottom:1px solid rgba(205,216,210,.85);background:#f7f9f8e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-title{display:flex;flex-direction:column;gap:3px}.topbar-title span,.page-heading>div>span,.panel-heading>div>span,.group-title span,.route-label{color:#93a09b;font:500 9px/1 DM Mono,monospace;letter-spacing:.13em}.topbar-title strong{font-size:13px}.topbar-actions{display:flex;margin-left:auto;align-items:center;gap:9px}.search-box{display:flex;width:260px;height:34px;align-items:center;gap:8px;padding:0 11px;border:1px solid #dce3df;border-radius:8px;color:#8d9995;background:#fff}.search-box input{width:100%;border:0;outline:0;color:var(--ink);background:transparent;font-size:11px}.search-box input::placeholder{color:#a8b2ae}.icon-button,.menu-button,.sidebar-close,.row-action{display:inline-grid;place-items:center;border:1px solid #dce3df;border-radius:8px;background:#fff;cursor:pointer}.icon-button{width:34px;height:34px}.admin-avatar{width:34px;height:34px;color:#0c6045;background:#d9f3e7;font-size:10px}.menu-button,.sidebar-close,.mobile-scrim{display:none}.content{width:min(1400px,100%);margin:0 auto;padding:34px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:20px}.page-heading h1{margin:8px 0 6px;font-size:clamp(24px,3vw,34px);letter-spacing:-.045em}.page-heading p{max-width:680px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}.heading-actions{display:flex;align-items:center;gap:10px}.synthetic-badge,.status-pill,.live-label,.control-state{display:inline-flex;align-items:center;gap:6px;border-radius:99px;white-space:nowrap}.synthetic-badge{padding:7px 10px;color:#577268;border:1px solid #d8e2dd;background:#ffffffb3;font-size:10px}.notice-bar{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:10px 13px;color:#7b5b2e;border:1px solid #eadbc3;border-radius:9px;background:#fffaf1;font-size:10px}.notice-bar span{flex:1}.notice-bar button{padding:0;border:0;color:#8c6429;background:transparent;font-size:10px;font-weight:600;cursor:pointer}.gateway-hero{position:relative;display:grid;min-height:330px;grid-template-columns:1.15fr .85fr;overflow:hidden;margin-bottom:18px;border:1px solid #dce4df;border-radius:15px;background:linear-gradient(112deg,#0c221bfa,#143429f5 55%,#194937eb);box-shadow:0 12px 34px #1a352b17}.gateway-hero:after{position:absolute;right:-100px;bottom:-160px;width:460px;height:460px;border:1px solid rgba(94,230,174,.08);border-radius:50%;box-shadow:0 0 0 70px #5ee6ae06,0 0 0 140px #5ee6ae05;content:""}.hero-copy{position:relative;z-index:2;padding:48px}.hero-kicker{display:flex;align-items:center;gap:8px;color:#7fcbae;font:500 9px/1 DM Mono,monospace;letter-spacing:.15em}.hero-kicker i{width:18px;height:1px;background:#58d6a2}.hero-copy h2{max-width:560px;margin:18px 0 14px;color:#f5faf7;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.055em}.hero-copy h2 em{color:#72dcad;font-style:normal}.hero-copy p{max-width:590px;margin:0;color:#9db4ab;font-size:12px;line-height:1.8}.hero-actions{display:flex;gap:10px;margin-top:27px}.primary-button,.secondary-button,.text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-size:11px;font-weight:600;cursor:pointer}.primary-button{padding:9px 13px;border:1px solid #229a6f;color:#fff;background:#188c64;box-shadow:0 5px 16px #15886029}.primary-button:hover{background:#137b58}.secondary-button{padding:8px 12px;border:1px solid #d9e1dd;color:#40534c;background:#fff}.gateway-hero .secondary-button{color:#b6c8c1;border-color:#ffffff26;background:#ffffff0d}.primary-button.large,.secondary-button.large{min-height:40px;padding:0 15px}.text-button{padding:0;border:0;color:#647771;background:transparent}.gateway-map{position:relative;z-index:2;min-height:300px}.map-node,.map-core,.supply-stack span{position:absolute;display:flex;align-items:center;color:#d8e8e1;border:1px solid rgba(255,255,255,.11);background:#081d168c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.map-node{top:62px;left:5%;gap:10px;padding:10px 13px;border-radius:9px}.map-node span,.map-core{flex-direction:column;align-items:flex-start}.map-node strong,.map-core strong,.supply-stack span{font-size:10px}.map-node small,.map-core small{margin-top:2px;color:#789188;font-size:8px}.map-core{top:130px;left:27%;gap:5px;width:135px;padding:16px;border-color:#54dca43d;border-radius:11px;box-shadow:0 0 34px #2bcb8b14}.map-core .brand-mark{position:absolute;top:-17px;left:16px}.map-core strong{margin-top:13px;color:#fff}.supply-stack{position:absolute;top:61px;right:5%;display:flex;flex-direction:column;gap:9px}.supply-stack span{position:static;gap:8px;width:126px;padding:9px 11px;border-radius:8px}.map-line{position:absolute;height:1px;background:linear-gradient(90deg,#53d7a10d,#53d7a166,#53d7a10d)}.map-line.first{top:116px;left:23%;width:76px;transform:rotate(28deg)}.map-line.second{top:140px;right:25%;width:105px;transform:rotate(-18deg)}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%}.status-dot.ready,.status-dot.busy{background:#49d69b}.status-dot.cooldown{background:#e5a34d}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.metrics-grid.three{grid-template-columns:repeat(3,1fr)}.metric-card{position:relative;display:flex;min-height:116px;align-items:center;gap:13px;padding:19px;border:1px solid var(--line);border-radius:11px;background:var(--panel)}.metric-card>span:nth-child(2){display:flex;flex-direction:column}.metric-card small{color:#7b8984;font-size:9px}.metric-card strong{margin:5px 0 3px;font-size:24px;letter-spacing:-.04em}.metric-card em{color:#99a49f;font-size:9px;font-style:normal}.metric-icon,.route-icon,.group-icon,.security-icon{display:inline-grid;flex:0 0 auto;place-items:center;border-radius:9px}.metric-icon{width:36px;height:36px}.metric-icon.mint,.route-icon.mint,.group-icon.mint{color:#117853;background:#dff5eb}.metric-icon.blue,.route-icon.blue{color:#3d67c9;background:#e8eefc}.metric-icon.violet,.route-icon.violet{color:#7158c6;background:#eeeafb}.metric-icon.amber,.route-icon.amber,.group-icon.amber{color:#9a651d;background:#fff1dc}.metric-check{position:absolute;top:15px;right:15px;color:#c1cdc8}.two-column{display:grid;grid-template-columns:1.25fr .75fr;gap:14px;margin-bottom:14px}.panel{border:1px solid var(--line);border-radius:11px;background:var(--panel);box-shadow:0 3px 12px #18322906}.panel-heading{display:flex;min-height:68px;align-items:center;justify-content:space-between;gap:16px;padding:15px 18px;border-bottom:1px solid #edf1ef}.panel-heading h3,.group-title h3{margin:5px 0 0;font-size:14px}.account-compact-list,.route-compact-list{padding:4px 18px 10px}.account-compact{display:grid;grid-template-columns:auto minmax(130px,1fr) auto 72px;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eef2f0}.account-compact:last-child,.route-compact:last-child{border-bottom:0}.provider-avatar{display:inline-grid;width:34px;height:34px;place-items:center;border-radius:8px;color:#4a655b;background:#edf3f0;font:600 9px/1 DM Mono,monospace}.provider-avatar.ready,.provider-avatar.busy{color:#126f50;background:#dcf3e9}.provider-avatar.cooldown{color:#9c681e;background:#fff0da}.provider-avatar.disabled{color:#78827e;background:#eef0ef}.account-identity,.account-load,.account-table-row>span,.key-row>span{display:flex;min-width:0;flex-direction:column;gap:4px}.account-identity strong,.account-load strong,.route-compact strong,.account-table-row strong,.key-row strong,.budget-row strong{font-size:10px}.account-identity small,.account-load small,.route-compact small,.account-table-row small,.key-row small,.budget-row small{color:#8b9994;font-size:9px}.account-load{align-items:flex-end}.status-pill{width:fit-content;padding:5px 8px;font-size:9px;font-style:normal}.status-pill i{width:6px;height:6px;border-radius:50%}.status-pill.ready,.status-pill.busy{color:#147452;background:#e1f5ed}.status-pill.ready i,.status-pill.busy i{background:#34bb82}.status-pill.cooldown{color:#97651e;background:#fff0d9}.status-pill.cooldown i{background:#e3a044}.status-pill.disabled{color:#77827e;background:#eff1f0}.status-pill.disabled i{background:#9ca6a2}.route-compact{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #eef2f0}.route-icon{width:32px;height:32px}.route-compact>span:nth-child(2){display:flex;min-width:0;flex-direction:column;gap:3px}code{width:fit-content;color:#60716b;font:500 9px/1.3 DM Mono,monospace}.events-panel{margin-bottom:20px}.live-label{color:#337d60;font:500 8px/1 DM Mono,monospace;letter-spacing:.1em}.event-table{padding:0 18px 7px}.event-row{display:grid;grid-template-columns:70px minmax(180px,1fr) 52px;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid #eef2f0}.event-row:last-child{border-bottom:0}.event-row time{color:#8a9691;font:400 9px/1 DM Mono,monospace}.event-row>span{display:flex;flex-direction:column;gap:3px}.event-row strong{font-size:10px}.event-row small{color:#8a9691;font-size:9px}.event-row em{justify-self:end;color:#2e795d;font-size:9px;font-style:normal}.event-row em.attention{color:#a26b1f}.filter-row{display:flex;gap:4px}.filter-row button{padding:5px 8px;border:1px solid transparent;border-radius:6px;color:#7e8b86;background:transparent;font-size:9px;cursor:pointer}.filter-row button.active{color:#176f51;border-color:#cce9dc;background:#eaf7f1}.account-table{overflow-x:auto}.account-table-head,.account-table-row{display:grid;min-width:900px;grid-template-columns:1.6fr 1fr .8fr .8fr .8fr .8fr;align-items:center;gap:16px;padding:12px 18px}.account-table-head{color:#8a9792;background:#fafbfa;font:500 8px/1 DM Mono,monospace;letter-spacing:.09em}.account-table-row{border-top:1px solid #edf1ef}.account-cell{display:flex!important;flex-direction:row!important;align-items:center;gap:10px!important}.account-cell>span:last-child{display:flex;flex-direction:column;gap:4px}.account-table-row>span:last-child{flex-direction:row;align-items:center;justify-content:space-between}.usage-cell>span{display:block;width:74px;height:5px;overflow:hidden;border-radius:99px;background:#e8eeeb}.usage-cell>span i{display:block;height:100%;border-radius:inherit;background:#45ba86}.row-action{width:28px;height:28px;color:#71817b}.panel-footnote{display:flex;align-items:center;gap:7px;padding:12px 18px;color:#74827d;border-top:1px solid #edf1ef;background:#fafcfa;font-size:9px}.group-grid,.route-grid,.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.group-card{min-height:260px;padding:20px}.group-icon{width:40px;height:40px}.group-title{display:flex;align-items:center;justify-content:space-between;margin:20px 0}.group-stats{display:grid;grid-template-columns:repeat(3,1fr);padding:16px 0;border-block:1px solid #edf1ef}.group-stats span{display:flex;flex-direction:column;gap:3px}.group-stats strong{font-size:20px}.group-stats small,.group-policy small{color:#8a9792;font-size:9px}.group-policy{display:flex;align-items:center;gap:10px;padding-top:16px;color:#60726b}.group-policy span{display:flex;flex-direction:column;gap:3px}.group-policy strong{font-size:10px}.empty-group-card{display:flex;min-height:260px;align-items:center;justify-content:center;flex-direction:column;padding:24px;color:#82908b;border-style:dashed;text-align:center}.empty-group-card strong{margin-top:12px;color:#52635d;font-size:12px}.empty-group-card p{max-width:230px;margin:8px 0 0;font-size:10px;line-height:1.6}.route-card{min-height:360px;padding:24px;border:1px solid var(--line);border-top:3px solid #3fae7d;border-radius:11px;background:#fff}.route-card.blue{border-top-color:#577ce2}.route-card.amber{border-top-color:#d5953f}.route-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.route-number{color:#d8dfdc;font:500 24px/1 DM Mono,monospace}.route-card h3{margin:9px 0 7px;font-size:20px}.route-card>code{display:inline-block;padding:5px 7px;border-radius:5px;background:#f0f4f2}.route-card>p{min-height:46px;margin:18px 0;color:#6f7e78;font-size:10px;line-height:1.65}.route-details{display:flex;flex-direction:column;gap:11px;margin-bottom:22px;padding:16px 0;border-block:1px solid #edf1ef}.route-details span{display:flex;justify-content:space-between;gap:12px}.route-details small{color:#899690;font-size:9px}.route-details strong{font-size:9px;text-align:right}.key-list{padding:0 18px}.key-row{display:grid;grid-template-columns:auto 1.3fr .8fr .5fr .8fr auto;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #edf1ef}.key-row:last-child{border-bottom:0}.member-avatar{width:34px;height:34px;color:#1a7555;background:#e0f3eb;font-size:10px}.budget-panel{padding-bottom:8px}.budget-row{display:grid;grid-template-columns:170px 1fr 48px;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid #edf1ef}.budget-row:last-child{border-bottom:0}.budget-row>span{display:flex;flex-direction:column;gap:4px}.budget-row>div{height:7px;overflow:hidden;border-radius:99px;background:#e9eeec}.budget-row>div i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#43b783,#68cfa2)}.budget-row em{color:#67766f;font:500 9px/1 DM Mono,monospace;font-style:normal;text-align:right}.security-grid{grid-template-columns:repeat(2,1fr)}.security-card{position:relative;display:grid;min-height:156px;grid-template-columns:auto 1fr;gap:14px;padding:20px}.security-icon{width:40px;height:40px;color:#227657;background:#e3f4ed}.security-card h3{margin:2px 0 7px;font-size:13px}.security-card p{margin:0;color:#74827d;font-size:10px;line-height:1.65}.control-state{position:absolute;right:16px;bottom:15px;padding:5px 8px;color:#8c672d;background:#fff3df;font-size:8px}.control-state.done{color:#1d7657;background:#e1f4ec}.security-callout{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:18px 20px;color:#75562d;border-color:#e8d9c1;background:#fffaf2}.security-callout strong{font-size:11px}.security-callout p{margin:4px 0 0;color:#92754e;font-size:9px}@media(max-width:1100px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.gateway-hero{grid-template-columns:1fr}.gateway-map{display:none}.two-column{grid-template-columns:1fr}.group-grid,.route-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.sidebar{transform:translate(-100%);transition:transform .18s ease}.sidebar.is-open{transform:translate(0)}.sidebar-close{position:absolute;top:18px;right:14px;display:inline-grid;width:30px;height:30px;color:#a8bbb3;border-color:#ffffff14;background:#ffffff0a}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;display:block;width:100%;border:0;background:#07110d7a}.main{margin-left:0}.menu-button{display:inline-grid;width:34px;height:34px}.topbar{padding:0 18px}.content{padding:24px 18px}.search-box{display:none}.group-grid,.route-grid,.security-grid{grid-template-columns:1fr}.security-callout{grid-column:auto}}@media(max-width:600px){.content{padding:20px 13px}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%;justify-content:space-between}.gateway-hero{min-height:auto}.hero-copy{padding:32px 24px}.hero-copy h2{font-size:32px}.hero-actions{align-items:stretch;flex-direction:column}.metrics-grid,.metrics-grid.three{grid-template-columns:1fr}.account-compact{grid-template-columns:auto 1fr auto}.account-load{display:none}.account-panel-heading{align-items:flex-start;flex-direction:column}.filter-row{width:100%;overflow-x:auto}.key-row{grid-template-columns:auto 1fr auto}.key-row>span:nth-child(3),.key-row>span:nth-child(4),.key-row>span:nth-child(5){display:none}.budget-row{grid-template-columns:110px 1fr 38px;gap:10px}.security-callout{grid-template-columns:auto 1fr}.security-callout button{grid-column:1 / -1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}