:root,[data-theme=dark]{--bg: #090c12;--panel: #11151e;--panel2: #0f141d;--sunk: #0b0f16;--bd: #222a38;--bd2: #1b2230;--tx: #e8edf4;--mut: #8e9bb0;--dim: #6c7a90;--hover: #141a25;--acc: #58b6e8}[data-theme=light]{--bg: #eef1f6;--panel: #ffffff;--panel2: #f6f8fb;--sunk: #eaeef4;--bd: #dbe1ec;--bd2: #e7ebf2;--tx: #131a26;--mut: #5b6675;--dim: #8390a1;--hover: #f1f4f9}body{margin:0;background:var(--bg);color:var(--tx);font-family:IBM Plex Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}code,.mono{font-family:IBM Plex Mono,monospace}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh}.nav{display:flex;flex-direction:column;background:var(--panel2);border-right:1px solid var(--bd2);min-height:100vh}.brand{align-items:center;display:flex;gap:11px;padding:18px 16px;border-bottom:1px solid var(--bd2)}.brand-mark{align-items:center;background:linear-gradient(140deg,#9ad7f5,var(--acc));border-radius:10px;box-shadow:0 0 18px #58b6e829;display:flex;height:34px;justify-content:center;width:34px}.brand strong{display:block;font-size:15.5px;letter-spacing:-.015em}.brand-caption,.nav-label{color:var(--dim);display:block;font:600 9.5px/1.1 IBM Plex Mono,monospace;letter-spacing:.11em;text-transform:uppercase}.brand-caption{margin-top:3px}.nav nav{flex:1;overflow:auto;padding:12px 0}.nav-group+.nav-group{margin-top:7px}.nav-label{padding:8px 20px 7px}.nav-link{align-items:center;color:var(--mut);display:flex;font-size:13px;gap:12px;margin:1px 0;padding:9px 20px;text-decoration:none}.nav-link:hover{background:var(--hover);color:var(--tx)}.nav-link.current{background:var(--hover);box-shadow:inset 2px 0 0 var(--acc);color:var(--tx);font-weight:600}.nav-icon{color:var(--dim);display:inline-flex;font-family:IBM Plex Mono,monospace;font-size:16px;justify-content:center;width:18px}.nav-link.current .nav-icon{color:var(--acc)}.main{display:flex;flex-direction:column;min-width:0}.chrome{align-items:center;background:var(--panel2);border-bottom:1px solid var(--bd2);display:flex;gap:14px;height:62px;justify-content:space-between;padding:0 24px}.page-heading strong{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}.page-heading .mut{display:block;font-size:11.5px;margin-top:1px}.toggles,.mode{align-items:center;display:flex;gap:8px}.mode{background:var(--sunk);border:1px solid var(--bd);border-radius:9px;padding:3px}.mode label{cursor:pointer}.mode input{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}.mode span{border-radius:7px;color:var(--dim);display:block;font:600 11.5px IBM Plex Mono,monospace;letter-spacing:.05em;padding:6px 13px;text-transform:uppercase}.mode input:checked+span{background:var(--acc);color:#061420}.mode label:first-of-type input:checked+span{background:#ffb547;color:#1c0f06}.theme-toggle,.sign-out{align-items:center;background:var(--panel);border:1px solid var(--bd);border-radius:9px;color:var(--mut);cursor:pointer;display:inline-flex;font:500 11.5px IBM Plex Sans,sans-serif;justify-content:center;min-height:34px}.theme-toggle{font-size:16px;padding:0;width:34px}.sign-out{padding:7px 11px}.theme-toggle:hover,.sign-out:hover{border-color:var(--acc);color:var(--tx)}.test-mode{background:#ffb5471a;border-bottom:1px solid rgba(255,181,71,.3);color:#ffb547;font:500 12px IBM Plex Mono,monospace;padding:9px 24px}.page{padding:20px 24px 44px}.page>div{animation:cdfade .3s ease;max-width:1340px}.page h1{display:none}.page h2{color:var(--mut);font-size:10px;font-weight:600;letter-spacing:.09em;margin:20px 0 10px;text-transform:uppercase}.page h3{color:var(--mut);font-size:10px;letter-spacing:.09em;margin:18px 0 8px;text-transform:uppercase}.mut{color:var(--mut)}.sr-only{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;width:1px}input,select,textarea,button{background:var(--sunk);border:1px solid var(--bd);border-radius:8px;color:var(--tx);font:inherit;padding:7px 10px}button{background:var(--panel);cursor:pointer;font-size:11.5px;font-weight:500}button:hover:not(:disabled){background:var(--hover);border-color:var(--acc)}button:disabled{cursor:not-allowed;opacity:.55}form{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}form input{flex:1;min-width:220px}form label{color:var(--mut);font-size:11.5px}table{background:var(--panel);border:1px solid var(--bd);border-collapse:separate;border-radius:12px;border-spacing:0;margin:0;overflow:hidden;width:100%}th{background:var(--panel2);color:var(--dim);font:600 9.5px IBM Plex Mono,monospace;letter-spacing:.09em;text-transform:uppercase}th,td{border-bottom:1px solid var(--bd2);padding:11px 16px;text-align:left;vertical-align:middle}td{font-size:12.5px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--hover)}td button{background:transparent;border:0;color:var(--tx);padding:0;text-align:left}td button:hover:not(:disabled){background:transparent;border:0;color:var(--acc)}pre{background:var(--sunk);border:1px solid var(--bd2);border-radius:9px;max-height:20rem;overflow:auto;padding:12px}.tiles{display:grid;gap:13px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.tile{background:var(--panel);border:1px solid var(--bd);border-radius:12px;display:flex;flex-direction:column;gap:5px;padding:14px 16px}.tile .mut,.tile>span:first-child{font-size:10px;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.tile strong{font:600 25px IBM Plex Mono,monospace;letter-spacing:-.02em}.overview .exports{display:flex;gap:8px;margin:0 0 16px}.exports a{border:1px solid var(--bd);border-radius:8px;color:var(--mut);font-size:11.5px;padding:7px 11px}.overview>.mut{font-size:11px}.bars,.attention{background:var(--panel);border:1px solid var(--bd);border-radius:12px;list-style:none;margin:0;padding:14px 16px}.bars{display:flex;flex-direction:column;gap:10px}.bars li{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(90px,130px) minmax(60px,1fr) minmax(100px,auto)}.bar-label{font-size:12.5px;font-weight:500}.bar-track{background:var(--sunk);border-radius:5px;height:8px;overflow:hidden}.bar-fill{background:var(--acc);border-radius:5px;display:block;height:100%}.bar-value{font:12px IBM Plex Mono,monospace;text-align:right}.bar-value .mut{display:block;font-size:10.5px;margin-top:2px}.attention{padding-bottom:5px;padding-top:5px}.attention li+li{border-top:1px solid var(--bd2)}.attention a{color:var(--tx);display:block;font-size:12.5px;padding:11px 0;text-decoration:none}.attention a:hover{color:var(--acc)}.overview>table{margin-top:0}.sync{background:var(--panel);border:1px solid var(--bd);border-radius:11px;color:var(--mut);font-size:10.5px;margin:12px;padding:12px 13px}.sync>div:first-child:before{background:#3fd07e;border-radius:50%;box-shadow:0 0 8px #3fd07e;content:"";display:inline-block;height:6px;margin:0 8px 1px 0;width:6px}.sync>div+div{border-top:1px solid var(--bd2);margin-top:8px;padding-top:8px}.sync button{font-size:10.5px;margin-top:8px;padding:5px 7px}.sync.overdue{color:#ffb547}.account{align-items:center;display:flex;gap:10px;padding:1px 18px 16px}.account strong,.account .mut{display:block;font-size:12px}.account .mut{font-size:10.5px;margin-top:2px}.avatar{align-items:center;background:linear-gradient(135deg,#2a3242,#1a2029);border:1px solid var(--bd);border-radius:9px;color:#c9d3e2;display:flex;font:600 12px IBM Plex Mono,monospace;height:32px;justify-content:center;width:32px}.customers [data-testid=customer-detail],.applications [data-testid=application-detail],.events [data-testid$=detail],.audit [data-testid=audit-detail]{background:var(--panel);border:1px solid var(--bd);border-radius:12px;margin-top:16px;padding:16px 18px}.customers [data-testid=customer-detail]>h2,.applications [data-testid=application-detail]>h2,.events [data-testid$=detail]>h2,.audit [data-testid=audit-detail]>h2{color:var(--tx);font-size:16px;letter-spacing:-.015em;margin:0 0 4px;text-transform:none}.customers [data-testid=customer-detail] button,.applications [data-testid=application-detail] button{margin:3px 4px 3px 0}.more{margin-top:12px}.login{background:var(--panel);border:1px solid var(--bd);border-radius:12px;display:flex;flex-direction:column;gap:12px;margin:12vh auto;max-width:360px;padding:24px}.login form{align-items:stretch;flex-direction:column}.login label{display:flex;flex-direction:column;gap:4px}@keyframes cdfade{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (max-width:760px){.shell{display:block}.nav{min-height:auto}.nav nav{display:flex;overflow:auto;padding:6px}.nav-group{display:flex}.nav-label,.sync,.account{display:none}.nav-link{padding:8px 10px;white-space:nowrap}.chrome{padding:0 14px}.page{padding:16px}.sign-out,.page-heading .mut{display:none}.bars li{grid-template-columns:90px 1fr}.bar-value{grid-column:2}}
