:root{color-scheme:dark;--bg:#0c111b;--panel:#121b29;--line:#293348;--mint:#8ff0d3;--muted:#aab7cc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef3fb;font:15px/1.7 system-ui,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--mint)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--mint);outline-offset:4px}header,footer,main{width:min(1080px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);font-size:12px}.brand{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:800}.mint{color:var(--mint)}main{padding:65px 0;min-height:75vh}h1{font-size:clamp(30px,5vw,46px);line-height:1.15;letter-spacing:-1.5px;margin:14px 0 24px}h2{font-size:22px;line-height:1.3}p{color:var(--muted);max-width:720px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--mint);font-weight:700}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;margin:8px 8px 8px 0;background:var(--mint);border:1px solid var(--mint);border-radius:8px;color:var(--bg);font:600 13px system-ui;cursor:pointer}.button:hover{background:#b1f7e2;color:var(--bg)}.secondary{background:transparent;color:#eef3fb;border-color:#425166}.card{background:var(--panel);padding:24px;border:1px solid var(--line);border-radius:12px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0}.server:hover{border-color:var(--mint)}.muted{font-size:12px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.inline{display:inline-block}label{display:block;margin:20px 0}input{display:block;width:min(320px,100%);padding:13px;margin-top:7px;border:1px solid #425166;border-radius:7px;background:var(--panel);color:#eef3fb;font:18px system-ui;letter-spacing:3px}.secret{display:block;color:var(--mint);font:18px/1.8 ui-monospace,monospace;overflow-wrap:anywhere}.error{color:#ffb2b2}footer{border-top:1px solid var(--line);padding:24px 0;font-size:11px;color:var(--muted)}@media(max-width:650px){main{padding-top:40px}.grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-direction:column;gap:0}.card{padding:20px}header .brand{font-size:22px}}
.totp-qr{margin:20px 0}.totp-qr canvas{display:block;width:min(300px,100%);height:auto;border:12px solid white;border-radius:8px}.recovery-codes{font:16px/2 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--mint)}input.check{display:inline-block;width:auto;margin:0 8px 0 0}details{margin:20px 0}summary{cursor:pointer;color:var(--mint)}section.card{margin:22px 0}button:disabled{opacity:.6;cursor:wait}


/* Compact shared console. Navigation and layout are identical for every team role. */
.backend-app{font-size:12px;line-height:1.5}.backend-app>header,.backend-app>footer,.backend-app>main>.eyebrow,.backend-app>main>h1{display:none}
body.backend-app main{width:100%;max-width:none;margin:0;padding:0;min-height:100dvh}
.backend-layout{display:grid;grid-template-columns:204px minmax(0,1fr);gap:0;min-height:100dvh;margin:0;align-items:start}
.backend-sidebar{display:flex;flex-direction:column;height:100dvh;position:sticky;top:0;background:#101824;border-right:1px solid var(--line);padding:16px 12px}
.backend-brand{display:flex;align-items:center;gap:9px;padding:0 4px 18px}.backend-brand>span{font-size:17px;font-weight:750;line-height:1.25}.backend-brand small{display:block;color:var(--muted);font-size:7px;letter-spacing:1px;margin-top:4px}
.backend-sidebar nav{flex:1;overflow-y:auto;min-height:0}.nav-group{margin:0 0 12px;padding:0;border:0}.nav-group summary{display:flex;align-items:center;justify-content:space-between;color:#8598b3;text-transform:uppercase;font-size:9px;letter-spacing:.8px;font-weight:700;padding:8px;list-style:none}.nav-group summary::-webkit-details-marker{display:none}.nav-group summary:after{content:'⌄';font-size:12px}.nav-group:not([open]) summary:after{content:'›'}
.backend-sidebar nav a{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:5px;font-size:12px;color:#b6c4d7;white-space:nowrap}.nav-mark{color:#638477;font-size:18px;line-height:10px}.backend-sidebar nav a:hover,.backend-sidebar nav a[aria-current]{background:#8ff0d315;color:var(--mint)}.backend-sidebar nav a[aria-current]{box-shadow:inset 2px 0 var(--mint)}
.backend-profile{display:grid;gap:3px;border-top:1px solid var(--line);padding:12px 6px 0;margin-top:10px;font-size:11px}.backend-profile span{color:var(--muted);font-size:10px}.backend-profile>a{margin:7px 0;font-size:10px}.backend-profile .button{width:100%;margin:0}
.backend-content{min-width:0}.backend-topbar{height:64px;position:sticky;top:0;z-index:2;background:#0c111bf5;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 22px;gap:15px}.backend-topbar .eyebrow{font-size:8px;letter-spacing:1px}
body.backend-app .backend-topbar h1{font-size:19px;line-height:1.2;letter-spacing:-.4px;margin:3px 0 0}.backend-topbar>a{color:var(--muted);font-size:10px}
.backend-workspace{padding:20px 22px;max-width:1800px}.backend-workspace>p:first-child{margin-top:0}.backend-app h2{font-size:14px;line-height:1.4;letter-spacing:-.1px;margin:0 0 10px}.backend-app h3{font-size:13px;margin:0 0 8px}.backend-app p{font-size:12px;margin:8px 0;max-width:900px}.backend-app .muted{font-size:10px}
.backend-app .button{padding:7px 11px;font-size:11px;border-radius:5px;margin:5px 6px 5px 0}.backend-app label{margin:13px 0;font-size:11px}.backend-app input:not(.check){font-size:13px;letter-spacing:normal;padding:9px 10px;width:min(360px,100%);margin-top:5px}.backend-app select{display:block;font:12px system-ui;padding:9px 10px;width:min(360px,100%);background:var(--panel);border:1px solid #425166;border-radius:5px;color:#eef3fb;margin-top:5px}.backend-app .card{border-radius:7px;padding:16px;margin:14px 0}.backend-app .grid{gap:12px;margin:14px 0}.backend-app .recovery-codes{font-size:13px}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:7px;background:#101925;margin-bottom:22px}.metrics>div{padding:13px 17px;border-right:1px solid var(--line);min-width:0}.metrics>div:last-child{border:0}.metrics span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.metrics strong{display:block;font-size:19px;font-weight:650;line-height:1.3;overflow-wrap:anywhere}.metrics strong.mono{font-size:13px}
.server-tools,.section-bar{display:flex;align-items:center;gap:12px;margin-bottom:10px}.server-tools h2,.section-bar h2{margin:0}.server-tools>span{font-size:10px;color:var(--muted)}.server-tools form,.section-bar>a{margin-left:auto}
.table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:7px}.server-table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left;background:#101824;font-size:12px}.server-table th{font-size:10px;color:#97abc5;font-weight:550;background:#141f2e;padding:10px 14px;border-bottom:1px solid var(--line)}.server-table td{padding:12px 14px;border-bottom:1px solid #29334880;height:53px}.server-table tr:last-child td{border-bottom:0}.server-table tbody tr:hover{background:#152334}.server-table strong{font-weight:550}.server-avatar{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;background:#20382f;color:var(--mint);border:1px solid #385b62;border-radius:7px;margin-right:10px;font-size:12px}.mono{font-family:ui-monospace,monospace;font-size:10px;color:#aab7cc}.state-pill{display:inline-block;border:1px solid #355a50;border-radius:4px;padding:2px 7px;color:var(--mint);font-size:10px;background:#8ff0d309}.state-pill.neutral{color:#acbad0;border-color:#3a495e;background:transparent}.table-link{color:var(--mint);font-size:11px}.server-table .empty-row{padding:30px;text-align:center;color:var(--muted)}
.backend-app .data-note{font-size:10px;color:#8194af;margin:10px 0}.compact-panel{border:1px solid var(--line);padding:16px;border-radius:7px;background:#101824}.section-description{margin:0 0 15px!important}
@media(min-width:1700px){.backend-layout{grid-template-columns:218px minmax(0,1fr)}.backend-workspace{padding:22px 28px}}
@media(max-width:800px){.backend-layout{grid-template-columns:176px minmax(0,1fr)}.backend-sidebar{padding:14px 8px}.backend-sidebar nav a{font-size:11px;padding:8px}.backend-brand small{font-size:6px}.backend-workspace{padding:14px}.backend-topbar{padding:10px 14px}.metrics>div{padding:11px}.metrics strong{font-size:16px}}
@media(max-width:560px){.backend-layout{grid-template-columns:1fr}.backend-sidebar{height:auto;position:static;border-right:0;border-bottom:1px solid var(--line)}.backend-brand{padding-bottom:8px}.backend-sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.backend-sidebar nav a{white-space:normal}.nav-group{margin:0}.nav-group summary{font-size:8px;padding:7px 5px}.backend-profile{grid-template-columns:1fr 1fr;align-items:center;margin-top:8px;padding-top:8px}.backend-profile>a{margin:0}.backend-topbar{height:58px}.backend-workspace{padding:12px}.metrics{margin-bottom:16px}.metrics span{font-size:9px}.metrics strong{font-size:14px}.server-tools{gap:8px}.backend-app .grid{grid-template-columns:1fr}.backend-app .card{padding:13px}}

.overview-metrics small{display:block;font-size:9px;color:#8094ae;margin-top:5px}.overview-metrics small span{display:inline;font-size:9px;margin:0;color:inherit}
.overview-metrics strong.runtime-ok{color:var(--mint)}.overview-metrics strong.runtime-pending{color:#edc678}.overview-metrics strong.runtime-error{color:#ffaaa7}.overview-metrics strong.runtime-neutral{color:#aab7cc}