/* Atlas / Meridian — the new visual foundation. No legacy theme is loaded. */
:root {
  color-scheme: light;
  --bg:#f6f7fa; --side:#f6f7fa; --card:#fff; --text:#171923; --muted:#697080;
  --line:#e6e8ef; --soft:#f3f4f8; --primary:#6555f6; --hover:#efedff;
  --green:#13835e; --green-bg:#e8f6ef; --red:#c84155; --red-bg:#fcecf0;
  --amber:#94681c; --amber-bg:#fff5df; --shadow:0 2px 5px #19234103;
  --elevated:0 18px 60px -18px #11193132; --radius:14px; --sidebar-width:226px;
  --ease:cubic-bezier(.2,.7,.2,1); --display:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --accent-ink:#5142dd; --chart-fade:#6555f619; --nav-active:#eae7fd; --hero:#171923;
  --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23697080' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
html[data-theme=dark] {
  color-scheme:dark;
  --bg:#0c0d12; --side:#0c0d12; --card:#15161e; --text:#edeef4; --muted:#999faf;
  --line:#282a36; --soft:#1d1f2a; --primary:#a496ff; --hover:#29243e;
  --green:#76dcb1; --green-bg:#153329; --red:#ff95a8; --red-bg:#3a202b;
  --amber:#edc57a; --amber-bg:#382e1b; --shadow:0 2px 5px #0001;
  --elevated:0 24px 70px -16px #0009; --accent-ink:#c0b6ff;
  --chart-fade:#a496ff18; --nav-active:#242134; --hero:#ebe9ff;
  --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%23999faf' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
*,*::before,*::after {box-sizing:border-box}
html {min-height:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body {margin:0;background:var(--bg);color:var(--text);font:13px/1.55 var(--display);-webkit-font-smoothing:antialiased;font-feature-settings:'ss01','cv11';text-rendering:optimizeLegibility}
button,input,select,textarea {font:inherit;color:inherit}
button,a,input,summary {-webkit-tap-highlight-color:transparent}
button,a,summary {touch-action:manipulation}
button {cursor:pointer}button:disabled {cursor:not-allowed}
a {color:var(--primary);text-decoration:none}a:hover {color:var(--accent-ink)}
img,svg,canvas {max-width:100%}img {object-fit:cover}
h1,h2,h3,h4,p {margin:0}h1 {font-size:30px;letter-spacing:-1.25px;font-weight:650;line-height:1.18}
h2 {font-size:16px;letter-spacing:-.4px;font-weight:650;line-height:1.4}h3 {font-size:14px;font-weight:600;line-height:1.5}
h4 {font-size:13px;font-weight:600}small {font-size:11px;line-height:1.6;color:var(--muted)}
strong {font-weight:600}code,kbd,pre {font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
code {font-size:.9em;overflow-wrap:anywhere}pre {white-space:pre-wrap;overflow-wrap:anywhere}
::selection {background:#6555f62b;color:var(--text)}
:focus-visible {outline:3px solid color-mix(in srgb,var(--primary) 65%,transparent);outline-offset:3px}
[hidden] {display:none!important}
.icon {width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
.muted {color:var(--muted)}.mono,.numeric,.large-amount {font-variant-numeric:tabular-nums}.spacer {flex:1}.row {display:flex;align-items:center;gap:10px;min-width:0}.spread {justify-content:space-between}.wrap {flex-wrap:wrap}.full {grid-column:1/-1}.divider {height:1px;background:var(--line);margin:20px 0}
.skip {position:fixed;left:12px;top:-80px;padding:12px 20px;background:var(--card);color:var(--primary);border-radius:8px;z-index:9999}.skip:focus {top:12px}
.sr-only {position:absolute!important;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.sidebar {position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);padding:28px 17px 18px;display:flex;flex-direction:column;z-index:70;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;background:var(--side)}
.brand {display:flex;align-items:center;gap:9px;color:var(--text);font-size:26px;font-weight:700;letter-spacing:-1.2px;min-height:40px;padding:0 9px;flex-shrink:0;white-space:nowrap}
.brand:hover {color:var(--text)}.brand .mark {width:31px;height:34px;display:inline-block;background:url('/assets/brand/mark.svg') center/contain no-repeat;flex-shrink:0}
html[data-theme=dark] .brand .mark {background-image:url('/assets/brand/mark-dark.svg')}
.brand em,.brand>.brand-label>em {font-size:10px;letter-spacing:.7px;font-weight:650;font-style:normal;border:1px solid var(--line);border-radius:4px;padding:2px 4px;margin:6px 0 0 2px;color:var(--muted)}
.brand-label {display:flex;align-items:center;gap:6px}.organization-switch {display:flex;align-items:center;gap:10px;text-align:left;width:100%;padding:12px 9px;margin:26px 0 19px;border:1px solid var(--line);border-radius:10px;background:var(--card);cursor:pointer;box-shadow:var(--shadow)}
.organization-switch:hover {border-color:color-mix(in srgb,var(--primary) 35%,var(--line))}.organization-switch>span:nth-child(2){flex:1;min-width:0}.organization-switch strong {display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.organization-switch small {display:block;font-size:10px;margin-top:1px}.organization-switch>.icon {width:12px;height:12px;opacity:.5}
.avatar {width:30px;height:30px;border-radius:8px;background:var(--hover);color:var(--primary);display:inline-grid;place-items:center;font-size:10px;font-weight:650;flex-shrink:0;letter-spacing:-.2px}
.sidebar nav {flex:1;min-height:min-content}.sidebar nav a {display:flex;align-items:center;gap:10px;min-height:38px;padding:8px 11px;margin:3px 0;color:var(--muted);border-radius:7px;font-size:12px;font-weight:500;line-height:1.35;transition:background .18s,color .18s}
.sidebar nav a>.icon {width:17px;height:17px;opacity:.8}.sidebar nav a:hover {background:var(--soft);color:var(--text)}.sidebar nav a.active {color:var(--accent-ink);background:var(--nav-active);font-weight:650}.sidebar nav a.active>.icon {opacity:1}.sidebar nav a.active::after {content:'';width:5px;height:5px;background:var(--primary);border-radius:50%;margin-left:auto}
.nav-group {color:var(--muted);font-size:9px;letter-spacing:1.1px;text-transform:uppercase;font-weight:650}.sidebar .v09-nav-group {border:0;background:none;margin:18px 0 0;padding:0}.sidebar .v09-nav-group>summary {list-style:none;display:flex;align-items:center;justify-content:space-between;min-height:27px;margin:0 10px 4px;cursor:pointer}.sidebar .v09-nav-group>summary::-webkit-details-marker {display:none}.sidebar .v09-nav-group>summary>.icon {width:11px;height:11px;opacity:.5;transform:rotate(-90deg);transition:transform .18s}.sidebar .v09-nav-group[open]>summary>.icon {transform:rotate(0)}.sidebar .v09-favorites {padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--line)}.sidebar .v09-favorites .nav-group {padding:12px 10px;display:flex;align-items:center;gap:9px}
.sidebar-footer {border-top:1px solid var(--line);margin-top:24px;padding:16px 8px 0}.sidebar-footer>.row {justify-content:space-between}.sidebar-footer small {display:block;font-size:9px;letter-spacing:.2px;margin-top:11px}.sidebar-footer .icon-btn {border:0;background:none;color:var(--muted);width:30px;min-width:30px;height:30px}.sidebar-footer .badge {font-size:9px}
.app-shell {margin:14px 14px 14px var(--sidebar-width);border:1px solid var(--line);border-radius:16px;background:var(--card);min-height:calc(100dvh - 28px);box-shadow:0 4px 24px #1c234003}
.topbar {height:67px;padding:0 30px;display:flex;align-items:center;gap:18px;position:sticky;top:0;z-index:45;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--card) 94%,transparent);backdrop-filter:blur(16px);border-radius:16px 16px 0 0}
.global-search {display:flex;align-items:center;gap:10px;flex:1;max-width:340px;color:var(--muted)}.global-search>.icon {width:16px;height:16px;opacity:.7}.global-search input {width:100%;min-width:0;padding:8px 0;border:0!important;background:transparent!important;box-shadow:none!important;outline-offset:3px;font-size:12px;color:var(--text)}.global-search .shortcut {display:none}
.v09-command-launch {display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:6px;font-size:10px;padding:5px 7px;min-height:29px;white-space:nowrap}.v09-command-launch>span {display:none}.v09-command-launch kbd {font-size:10px;border:0;padding:0}.topbar>.row {margin-left:auto;gap:15px}.topbar #mode-select {width:90px;min-width:90px;flex-shrink:0;min-height:34px;height:34px;font-size:11px;padding:6px 10px;padding-inline-end:30px;border:1px solid var(--line);border-radius:6px;background-color:var(--soft);background-position:right 8px center;background-size:12px 12px;box-shadow:none}
.topbar .icon-btn {border:0;background:none;box-shadow:none;width:34px;height:34px;min-width:34px;position:relative;color:var(--muted)}.topbar .icon-btn:hover {color:var(--text);background:var(--soft)}.topbar .notification-count {position:absolute;top:0;right:-2px;min-width:14px;height:14px;font-size:8px;display:grid;place-items:center;border-radius:8px;background:var(--primary);color:white}
.live-status {display:inline-flex;align-items:center;gap:7px;font-size:10px;color:var(--muted);white-space:nowrap}.live-status i {width:6px;height:6px;background:var(--muted);border-radius:50%}.live-status.connected i {background:var(--green);box-shadow:0 0 0 3px var(--green-bg)}.live-status.connecting i {background:var(--amber)}.live-status.error i {background:var(--red)}.live-status time,.live-status>span:last-child {font-variant-numeric:tabular-nums}
.account-menu {position:relative}.account-menu>summary {display:flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;min-height:36px;min-width:36px}.account-menu>summary::-webkit-details-marker {display:none}.account-menu .avatar {background:var(--text);color:var(--card);border-radius:50%;height:29px;width:29px;font-size:10px}.account-menu-panel {position:absolute;right:0;top:46px;min-width:250px;background:var(--card);border:1px solid var(--line);box-shadow:var(--elevated);border-radius:12px;padding:20px;z-index:90;display:grid;gap:12px}.account-menu-panel small {display:block;overflow-wrap:anywhere}.account-menu-controls {display:flex;align-items:center;gap:8px}.account-menu-controls select {width:70px}.account-menu-controls .btn {flex:1}
main#main {padding:32px;max-width:1600px;margin:0 auto;min-height:calc(100dvh - 97px);outline:none}
.page-head {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:26px}.page-head > :first-child {min-width:0;max-width:100%;overflow-wrap:anywhere}.subtitle {color:var(--muted);font-size:12px;line-height:1.7;margin-top:9px;max-width:80ch}.page-head>.row {padding-top:3px;flex-shrink:0;flex-wrap:wrap;max-width:100%;min-width:0}.page-head>.row>.btn {max-width:100%;white-space:normal}.v09-heading {position:relative;padding-right:32px}.v09-heading h1 {display:inline}.v09-favorite-toggle {position:absolute;right:0;top:0;min-width:26px!important;width:26px!important;height:32px!important;padding:5px!important;background:none!important;border:0!important;box-shadow:none!important;opacity:.45}.v09-favorite-toggle .icon {width:14px;height:14px}.v09-favorite-toggle:hover,.v09-favorite-toggle[aria-pressed=true] {opacity:1;color:var(--primary)}
.footer {display:flex;align-items:center;justify-content:space-between;padding-top:28px;margin-top:24px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.footer .live-status {font-size:9px}.topbar .mobile-menu,.sidebar .close-navigation,.mobile-backdrop,.mobile-bottom-nav,.nav-overlay {display:none}
.initial-loading {min-height:100dvh;display:flex;gap:6px;align-items:center;justify-content:center;font-size:30px;font-weight:650;letter-spacing:-1.5px}.initial-loading::before {content:'';width:40px;height:40px;background:url('/assets/brand/mark.svg') center/contain;margin-right:8px}.initial-loading span {font-size:12px;letter-spacing:0;font-weight:500;color:var(--muted)}.initial-loading small {position:absolute;top:calc(50% + 34px);letter-spacing:0;font-weight:400}
/* A calm operational overview. Every number comes from the existing data model. */
.atlas-overview {animation:atlas-enter .45s var(--ease) both}
.atlas-overview .page-head {align-items:center;margin-bottom:25px}.atlas-overview h1 {font-size:30px}.atlas-eyebrow {display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:10px}.atlas-eyebrow::before {content:'';width:14px;height:1px;background:var(--primary)}
.atlas-heading-actions {display:flex;flex-wrap:wrap;gap:8px;align-items:center;min-width:0;max-width:100%}.atlas-heading-actions .btn {min-height:34px;font-size:11px}.atlas-heading-actions .live-status {margin-right:8px}
.atlas-context {display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:20px}.atlas-context .v09-filter-panel {margin:0;flex:1;max-width:660px}.atlas-context .v09-filter-panel:not([open]) {max-width:max-content}.atlas-context .system-health {margin:0;flex:0 1 260px;max-width:55%;position:relative;z-index:7;border:0;background:none;box-shadow:none;overflow:visible}.atlas-context .system-health>summary {display:flex;align-items:center;justify-content:flex-end;gap:7px;list-style:none;min-height:41px;padding:9px 0;font-size:10px;cursor:pointer}.atlas-context .system-health>summary::-webkit-details-marker {display:none}.atlas-context .system-health>summary>span {display:none}.atlas-context .system-health>summary .row {gap:7px}.atlas-context .system-health>summary .icon {width:13px;height:13px;color:var(--green)}.atlas-context .system-health>summary strong {font-size:10px;font-weight:500}.atlas-context .system-health>summary .badge {font-size:9px;padding:2px 5px}.atlas-context .system-health[open]>.pad {position:absolute;right:0;top:46px;width:min(620px,calc(100vw - 50px));background:var(--card);padding:20px;border:1px solid var(--line);border-radius:12px;box-shadow:var(--elevated);max-height:70dvh;overflow:auto}.atlas-context .health-checks {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:20px}.health-check p {color:var(--muted);font-size:11px;margin-top:7px}
.atlas-kpis {display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;margin-bottom:24px;border:1px solid var(--line);border-radius:12px;background:var(--card);overflow:hidden}.atlas-kpi {padding:21px 22px;min-width:0;border-right:1px solid var(--line);position:relative}.atlas-kpi:last-child {border:0}.atlas-kpi-label {display:flex;gap:8px;align-items:center;color:var(--muted);font-size:11px;font-weight:500}.atlas-kpi-label .icon {width:14px;height:14px;color:var(--primary)}.atlas-kpi-value {font-size:clamp(24px,2.6vw,36px);letter-spacing:-1.4px;line-height:1.2;font-weight:600;margin:13px 0 10px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.atlas-kpi small {font-size:10px;display:block}.atlas-kpi:first-child {background:linear-gradient(125deg,var(--hover),var(--card) 75%)}.atlas-kpi:first-child .atlas-kpi-value {color:var(--accent-ink)}.atlas-delta {font-size:10px;color:var(--green);font-weight:500;display:inline-flex;align-items:center;gap:3px}.atlas-delta.down {color:var(--red)}.atlas-delta.neutral {color:var(--muted)}
.atlas-main-grid {display:grid;grid-template-columns:minmax(0,1.8fr) minmax(270px,.8fr);gap:20px;margin-bottom:20px;align-items:stretch}.atlas-chart-card {padding:23px 24px 17px;min-width:0}.atlas-section-title {display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.atlas-section-title h2 {font-size:14px}.atlas-section-title small {font-size:10px;display:block;margin-top:4px}.atlas-chart-label {display:flex;align-items:center;gap:6px;font-size:10px;color:var(--muted);white-space:nowrap}.atlas-chart-label i {height:6px;width:6px;border-radius:50%;background:var(--primary)}
.atlas-chart {display:block;width:100%;height:244px;overflow:visible;margin:10px 0 0}.atlas-chart text {font:10px var(--display);fill:var(--muted)}.atlas-chart .gridline {stroke:var(--line);stroke-dasharray:3 5;stroke-width:1}.atlas-chart .atlas-line {stroke:var(--primary);stroke-width:2.7;stroke-linejoin:round;stroke-linecap:round;fill:none;vector-effect:non-scaling-stroke}.atlas-chart .atlas-hit rect {fill:transparent;stroke:none}.atlas-chart .atlas-hit line {stroke:var(--muted);stroke-dasharray:3 3;opacity:0}.atlas-chart .atlas-hit circle {fill:var(--primary);stroke:var(--card);stroke-width:3;opacity:0}.atlas-chart .atlas-hit:hover line,.atlas-chart .atlas-hit:focus line,.atlas-chart .atlas-hit:hover circle,.atlas-chart .atlas-hit:focus circle {opacity:1}.atlas-chart .atlas-hit {outline:none}.atlas-chart .atlas-area {animation:atlas-chart-in .8s var(--ease) both;transform-origin:bottom}.atlas-chart-footer {display:flex;justify-content:space-between;align-items:center;padding-top:13px;border-top:1px solid var(--line);gap:10px;color:var(--muted);font-size:10px}.atlas-chart-footer strong {font-size:11px;color:var(--text)}
.atlas-live-card {background:#161823;color:#fff;border:1px solid #272a3e;border-radius:14px;padding:23px;overflow:hidden;position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:330px}.atlas-live-card::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 70%,#6555f629,transparent 64%);z-index:-1}.atlas-live-card .atlas-section-title {position:relative;z-index:1;margin-bottom:0}.atlas-live-card h2 {font-size:13px;color:#f3f2ff}.atlas-live-card small {color:#a8abc2}.atlas-live-card .live-status {color:#b8bacc}.atlas-live-card .live-status i {background:#83e8bc;box-shadow:0 0 0 3px #83e8bc1a}.atlas-orbit {position:absolute;width:230px;height:230px;top:45px;right:-47px;opacity:.65;pointer-events:none}.atlas-orbit svg {width:100%;height:100%;overflow:visible;animation:atlas-orbit-turn 70s linear infinite}.atlas-live-number {font-size:70px;letter-spacing:-4px;font-weight:500;line-height:1.1;margin-top:28px;position:relative;font-variant-numeric:tabular-nums}.atlas-live-description {font-size:11px;color:#b1b4c9;margin-top:5px;position:relative}.atlas-live-bottom {margin-top:auto;position:relative;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:15px}.atlas-live-bottom>span {font-size:10px;color:#a7abc3;max-width:110px}.atlas-live-bottom>span strong {color:#f6f5ff;font-size:12px}.atlas-live-bottom a {display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff0d;border:1px solid #ffffff20;color:#fff;font-size:11px;border-radius:7px;padding:9px 11px;min-height:36px;transition:background .18s}.atlas-live-bottom a:hover {background:#ffffff1f}.atlas-live-bottom .icon {width:14px;height:14px}
.atlas-secondary-grid {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:20px;margin-bottom:20px}.atlas-gateways {padding:22px 24px}.atlas-gateways .atlas-section-title {margin-bottom:22px}.atlas-gateways .atlas-section-title a {font-size:10px}.atlas-segments {display:flex;gap:4px;height:9px;margin:0 0 23px;border-radius:8px;overflow:hidden;background:var(--soft)}.atlas-segments span {min-width:1px;border-radius:3px;transition:width .6s var(--ease)}.atlas-gateway-line {display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid var(--line)}.atlas-gateway-line:last-child {border:0;padding-bottom:0}.atlas-gateway-line>i {width:27px;height:27px;border-radius:7px;display:grid;place-items:center;font-style:normal;font-weight:600;font-size:12px;color:var(--gateway-color);background:color-mix(in srgb,var(--gateway-color) 10%,transparent)}.atlas-gateway-line strong {display:block;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.atlas-gateway-line small {font-size:10px;display:block;margin-top:2px}.atlas-gateway-line>div:last-child {text-align:right;font-variant-numeric:tabular-nums}.atlas-gateway-line>div:last-child strong {font-size:13px;letter-spacing:-.2px}
.atlas-secondary-grid .card-head {padding:22px 24px 0}.atlas-secondary-grid .pad {padding:20px 24px}.atlas-secondary-grid h2 {font-size:14px}.atlas-secondary-grid .payout-total strong {font-size:29px;letter-spacing:-1px;font-weight:550}.atlas-secondary-grid .payout-total {display:flex;flex-wrap:wrap;gap:12px}.atlas-secondary-grid .subtitle {font-size:10px;margin:6px 0 16px}.atlas-secondary-grid .payout-next-row {display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.atlas-secondary-grid .payout-next-row small {display:block;font-size:9px;margin-top:4px}.gateway-label {display:inline-flex;gap:7px;align-items:center;min-width:0;font-size:11px}.gateway-label i {width:7px;height:7px;border-radius:50%;flex-shrink:0}
.atlas-lower-grid {display:grid;grid-template-columns:minmax(0,1.4fr) minmax(250px,1fr);gap:20px;margin-bottom:20px}.atlas-activity {padding:22px 24px}.atlas-activity .atlas-section-title {margin-bottom:8px}.atlas-activity-row {display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:11px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.atlas-activity-row:last-child {border:0}.atlas-activity-dot {display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--green-bg);color:var(--green)}.atlas-activity-dot .icon {width:13px;height:13px}.atlas-activity-row strong {font-size:11px}.atlas-activity-row small {display:block;font-size:9px}.atlas-activity-row>div:last-child {text-align:right}.atlas-activity-row button {font-size:11px}.atlas-revenue {padding:22px 24px}.atlas-revenue .detail-row {padding:11px 0;font-size:11px;border-bottom:1px solid var(--line)}.atlas-revenue .detail-row:last-child {border:0;font-weight:600}.atlas-revenue .detail-row strong {font-size:12px}.atlas-revenue .detail-row small {display:block;text-align:right;font-size:9px}.atlas-revenue .divider {margin:8px 0;border:0;background:none;height:0}.atlas-overview .reporting-note {font-size:10px;line-height:1.7;color:var(--muted);max-width:85ch;margin-top:22px}
.atlas-demo-context {font-size:9px;font-weight:500;color:var(--muted);padding:4px 7px;border-radius:5px;background:var(--soft);border:1px solid var(--line);white-space:nowrap}
/* Sign-in is the quiet, distinctive expression of the same brand. */
.auth {min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:var(--card)}.auth-story {background:#11121b;color:#fff;padding:44px 54px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden}.auth-story::before {content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 70% 60%,#6555f62e,transparent 66%);z-index:-1}.auth-story .brand {color:white;padding:0}.auth-story .brand .mark {background-image:url('/assets/brand/mark-dark.svg')}.auth-story .brand em {color:#aba5c9;border-color:#ffffff26}.auth-story>div:nth-child(2) {margin:auto 0;padding:60px 0;max-width:480px}.auth-story h1 {font-size:clamp(38px,4vw,60px);font-weight:500;letter-spacing:-2.7px;line-height:1.08;margin:22px 0}.auth-story p {font-size:14px;color:#a9abbc;max-width:330px;line-height:1.8}.auth-story .badge {background:#ffffff0a;color:#bcb5e8;border:1px solid #ffffff1f;font-size:9px;letter-spacing:1px}.auth-story>small {color:#7f8297;font-size:10px}.auth-chart {display:none}.atlas-auth-art {margin:30px 0 0;height:150px;position:relative;opacity:.85}.atlas-auth-art svg {width:230px;height:230px;position:absolute;left:-20px;top:-35px;animation:atlas-orbit-turn 90s linear infinite}.auth-form {display:flex;align-items:center;justify-content:center;padding:45px}.auth-form>div {width:100%;max-width:350px}.auth-form .brand {padding:0;margin-bottom:40px}.auth-form h2 {font-size:27px;font-weight:600;letter-spacing:-1px;margin-bottom:9px}.auth-form p {font-size:12px}.auth-form form {display:grid;gap:20px;margin-top:30px}.auth-form form>.btn {height:44px;justify-content:space-between;margin-top:4px}.auth-card {max-width:450px;width:calc(100% - 32px);margin:auto;padding:32px;background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--elevated)}.auth:has(>.auth-card) {display:flex;padding:24px;background:var(--bg)}.auth-card .brand {padding:0;margin-bottom:28px}.auth-card h1 {font-size:26px;margin-bottom:14px}.auth-card p {color:var(--muted);margin:12px 0;font-size:13px}.auth-card form {display:grid;gap:18px;margin-top:25px}
@keyframes atlas-enter {from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes atlas-chart-in {from{opacity:0;transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}
@keyframes atlas-orbit-turn {to{transform:rotate(360deg)}}
@media(min-width:1650px){:root{--sidebar-width:250px}.sidebar{padding:32px 22px}.sidebar nav a{font-size:13px;min-height:42px}.app-shell{margin-right:22px}.topbar{padding:0 40px}main#main{padding:40px}}
@media(max-width:1150px){:root{--sidebar-width:206px}.sidebar{padding:24px 12px}.topbar{padding:0 24px;gap:10px}.topbar>.row{gap:9px}main#main{padding:26px}.atlas-kpi{padding:20px 16px}.atlas-main-grid{grid-template-columns:minmax(0,1.6fr) minmax(245px,.8fr)}.atlas-live-card{padding:21px}.atlas-kpi-value{font-size:28px}.atlas-heading-actions .live-status{display:none}}
@media(max-width:980px){.atlas-main-grid{grid-template-columns:minmax(0,1fr)}.atlas-live-card{min-height:170px;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.atlas-live-card .atlas-section-title{grid-column:1}.atlas-live-number{grid-column:1;font-size:48px;margin-top:16px}.atlas-live-description{grid-column:1}.atlas-live-bottom{grid-column:2;grid-row:1/4;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:15px;padding:0}.atlas-live-bottom>span{text-align:right}.atlas-orbit{top:-24px;right:23%;width:215px;height:215px;opacity:.4}.atlas-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-kpi{padding:20px}.atlas-kpi:nth-child(2){border-right:0}.atlas-kpi:nth-child(-n+2){border-bottom:1px solid var(--line)}.atlas-secondary-grid,.atlas-lower-grid{grid-template-columns:minmax(0,1fr)}.atlas-heading-actions .btn span{display:none}}
@media(max-width:760px){
 :root{--sidebar-width:260px}.sidebar{transform:translateX(-100%);transition:transform .22s var(--ease);width:min(290px,calc(100vw - 48px));padding:25px 18px;border-right:1px solid var(--line);z-index:100;height:100dvh}.sidebar.open{transform:translateX(0);box-shadow:var(--elevated)}.sidebar .brand{margin-bottom:0}.sidebar nav a{min-height:44px;font-size:13px;margin:2px 0}.sidebar .v09-nav-group>summary{min-height:35px;font-size:10px}.sidebar-footer{padding-bottom:env(safe-area-inset-bottom)}.sidebar .close-navigation{display:grid;position:absolute;right:14px;top:27px;width:30px;height:30px;min-width:30px;border:0;background:none}.sidebar .organization-switch{margin-top:22px}.mobile-menu{display:grid!important}.mobile-backdrop{position:fixed;inset:0;background:#080b1880;backdrop-filter:blur(3px);z-index:80;border:0}.mobile-backdrop.open{display:block}
 .app-shell{margin:0;border:0;border-radius:0;min-height:100dvh;background:var(--bg)}.topbar{height:61px;gap:10px;padding:0 16px;border-radius:0;top:0;background:color-mix(in srgb,var(--card) 94%,transparent)}.topbar .global-search{flex:1;max-width:none;gap:7px}.global-search input{font-size:16px;max-width:180px}.global-search>.icon{display:none}.topbar>.row{gap:9px}.topbar #mode-select{font-size:10px;min-height:32px}.topbar .live-status,.v09-command-launch{display:none}.topbar .icon-btn{min-width:32px;width:32px;height:36px}.account-menu>summary{min-width:32px}.account-menu-panel{right:-3px;top:46px;max-width:calc(100vw - 30px)}.account-menu-controls select{font-size:16px}.account-menu-controls .btn{min-height:44px}
 main#main{padding:25px 18px 30px;min-height:calc(100dvh - 61px)}h1{font-size:26px;letter-spacing:-1px}.page-head{flex-wrap:wrap;gap:17px;margin-bottom:23px}.page-head>.row{flex-wrap:wrap;max-width:100%;padding:0}.subtitle{font-size:12px;margin-top:8px}.footer{font-size:9px;padding-bottom:env(safe-area-inset-bottom);gap:15px}.footer .live-status{display:none}
 .atlas-overview .page-head{align-items:flex-start;margin-bottom:19px;gap:15px}.atlas-overview h1{font-size:28px;letter-spacing:-1.15px;line-height:1.15}.atlas-eyebrow{font-size:8px;margin-bottom:10px}.atlas-overview .page-head .subtitle{font-size:11px}.atlas-heading-actions{width:100%;justify-content:space-between}.atlas-heading-actions .btn{font-size:11px;min-height:38px}.atlas-heading-actions .live-status{display:inline-flex;font-size:10px}.atlas-context{gap:10px;margin-bottom:17px;flex-wrap:wrap}.atlas-context .v09-filter-panel{max-width:100%;flex:1;min-width:145px}.atlas-context .v09-filter-panel:not([open]){max-width:none}.atlas-context .v09-filter-panel[open]{flex-basis:100%;order:2}.atlas-context .system-health{flex:0 1 auto;max-width:100%;margin-left:auto}.atlas-context .system-health>summary{padding:10px 0;min-height:44px}.atlas-context .system-health>summary strong{display:none}.atlas-context .system-health>summary .badge{font-size:10px}.atlas-context .system-health[open]>.pad{position:fixed;top:110px;right:18px;left:18px;width:auto;max-height:70dvh;z-index:110}.atlas-context .health-checks{grid-template-columns:1fr}.atlas-kpis{gap:0;margin-bottom:18px;border-radius:12px}.atlas-kpi{padding:17px 16px}.atlas-kpi-label{font-size:10px;gap:6px}.atlas-kpi-label .icon{width:12px;height:12px}.atlas-kpi-value{font-size:29px;letter-spacing:-1.2px;margin:12px 0 7px}.atlas-kpi small{font-size:9px;line-height:1.6}.atlas-delta{font-size:9px}.atlas-main-grid,.atlas-secondary-grid,.atlas-lower-grid{gap:17px;margin-bottom:17px}.atlas-chart-card{padding:20px 17px 15px;border-radius:12px}.atlas-section-title{gap:10px;margin-bottom:15px}.atlas-section-title h2{font-size:13px}.atlas-section-title small{font-size:10px}.atlas-chart-label{font-size:9px}.atlas-chart{height:220px;margin-top:15px}.atlas-chart text{font-size:18px}.atlas-chart-footer{font-size:9px}.atlas-chart-footer strong{font-size:10px}.atlas-live-card{padding:20px;min-height:175px;border-radius:12px}.atlas-live-number{font-size:49px}.atlas-live-bottom a{font-size:10px;min-height:42px}.atlas-live-bottom>span{font-size:10px}.atlas-orbit{right:12%;opacity:.4}.atlas-live-card .live-status{font-size:9px}.atlas-live-card .live-status>span:last-child{display:none}.atlas-gateways,.atlas-activity,.atlas-revenue{padding:20px}.atlas-secondary-grid .card-head{padding:20px 20px 0}.atlas-secondary-grid .pad{padding:17px 20px}.atlas-gateway-line{gap:10px;grid-template-columns:27px minmax(0,1fr) auto;padding:14px 0}.atlas-gateway-line strong{font-size:11px}.atlas-gateway-line>div:last-child strong{font-size:12px}.atlas-activity-row{padding:15px 0}.atlas-overview .reporting-note{font-size:10px;margin-top:19px}
 .auth{grid-template-columns:1fr;min-height:100dvh}.auth-story{display:none}.auth-form{padding:35px 25px;min-height:100dvh}.auth-form .brand{font-size:30px;margin-bottom:55px}.auth-form .brand .mark{width:37px;height:37px}.auth-form h2{font-size:28px}.auth-form form{margin-top:30px}.auth-form form input{font-size:16px;min-height:48px}.auth-form form>.btn{height:48px}.auth-card{padding:27px 22px}.auth-card .brand{font-size:28px}
}
@media(max-width:390px){.topbar{padding:0 12px;gap:7px}.topbar>.row{gap:6px}.global-search input{max-width:115px}.topbar .global-search{width:0;min-width:0}.topbar #notifications-button{min-width:28px;width:28px}main#main{padding:23px 14px}.atlas-kpi{padding:16px 13px}.atlas-kpi-value{font-size:25px}.atlas-kpi-label{font-size:9px}.atlas-chart{height:205px}.atlas-chart-label{display:none}.atlas-live-card{padding:18px;grid-template-columns:1fr 1fr}.atlas-live-bottom a{padding:8px}.atlas-live-description{font-size:10px}.atlas-gateways,.atlas-activity,.atlas-revenue{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media print{.sidebar,.topbar,.footer{display:none!important}.app-shell{margin:0;border:0;box-shadow:none}main#main{padding:0}.atlas-live-card{background:#eee;color:#111}.atlas-heading-actions,.atlas-context{display:none}.atlas-overview{animation:none}}

/* Navigation is kept in the same position on every screen size. */
@media(max-width:760px){
 body.nav-open{overflow:hidden}
 .topbar .mobile-menu{display:grid}
 .nav-overlay:not([hidden]){display:block;position:fixed;inset:0;z-index:90;background:#080b1870;border:0;border-radius:0;backdrop-filter:blur(3px)}
 .mobile-bottom-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;z-index:60;inset:auto 0 0;padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb,var(--card) 96%,transparent);backdrop-filter:blur(18px)}
 .mobile-bottom-nav a,.mobile-bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:47px;border:0;border-radius:9px;background:none;color:var(--muted);font:500 9px var(--display);text-decoration:none;cursor:pointer}
 .mobile-bottom-nav .icon{width:19px;height:19px}.mobile-bottom-nav a.active{color:var(--primary);background:var(--hover)}
 main#main{padding-bottom:95px}
 .sidebar .close-navigation{display:grid;width:44px;height:44px;top:18px;right:10px}
}
@media print{.mobile-bottom-nav{display:none!important}}
