*{box-sizing:border-box}body{margin:0;background:#0c1523;color:#edf3fb;font:16px/1.5 system-ui,sans-serif}header,main,footer{max-width:1200px;margin:auto;padding:24px}header{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #2b3b51}.brand{color:inherit;text-decoration:none;font-weight:800;font-size:20px}.brand span{color:#77c7ff}nav,.toolbar,.toolbar>div{display:flex;gap:8px}button,input{font:inherit;border:1px solid #425773;border-radius:8px;padding:10px 14px;background:#16253a;color:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button[aria-pressed=true],.primary{background:#9edaff;color:#092139;border-color:#9edaff}button:focus-visible,input:focus-visible{outline:3px solid #9edaff;outline-offset:3px}h1{font-size:clamp(32px,5vw,50px);line-height:1.15;margin:10px 0 30px}h2{margin-top:0}.eyebrow{color:#7bc7ff;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-top:35px}#login{max-width:460px;padding:30px;background:#142237;border:1px solid #2b3b51;border-radius:16px}label{display:block;margin:16px 0 7px}input{width:100%}form button{margin-top:25px;width:100%}.toolbar{justify-content:space-between;align-items:center}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.stats article{background:#142237;border:1px solid #2b3b51;border-radius:12px;padding:20px}.stats strong{display:block;font-size:36px}.stats span,.muted,footer{color:#a7b8d0}#filter{max-width:430px}.notice{border-left:3px solid #7bc7ff;padding:12px 18px;background:#142237}.tablewrap{overflow:auto;margin-top:24px}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{color:#a7b8d0;font-size:13px}td,th{padding:16px 14px;border-bottom:1px solid #2b3b51}.badge{padding:4px 10px;border-radius:20px;font-size:13px;background:#26384e}.online{color:#90e7bb;background:#163c32}.offline{color:#ffb69b;background:#462d2b}#message{color:#ffd39e;min-height:24px}footer{border-top:1px solid #2b3b51;font-size:13px;margin-top:40px}[hidden]{display:none!important}@media(max-width:600px){header,main,footer{padding:18px}.brand{font-size:15px}button{padding:8px 10px}.stats{gap:8px}.stats article{padding:12px}.toolbar{align-items:flex-start;flex-direction:column}}

#access{border-top:1px solid #2b3b51;margin-top:45px;padding-top:30px}.adminGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.adminGrid form{background:#142237;padding:24px;border-radius:12px}select{width:100%;font:inherit;background:#16253a;color:inherit;border:1px solid #425773;padding:10px;border-radius:8px}.check{display:flex;gap:12px;align-items:center}.check input{width:auto}@media(max-width:700px){.adminGrid{grid-template-columns:1fr}}

header{max-width:none;padding:18px 30px}.headerTools{display:flex;align-items:center;gap:12px}.appLayout{max-width:1500px;margin:auto;display:flex;min-height:calc(100vh - 150px)}main{flex:1;min-width:0;margin:0;padding:28px 36px}.signed-in #sidebar{width:240px;flex-shrink:0;border-right:1px solid #2b3b51;padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:calc(100vh - 82px)}#mainMenu{display:flex;flex-direction:column;gap:7px}#mainMenu a{color:#afbed2;text-decoration:none;border-radius:9px;padding:12px 15px;font-weight:600}#mainMenu a:hover{background:#192b43;color:#fff}#mainMenu a[aria-current=page]{color:#c0e6ff;background:#203d58;box-shadow:inset 3px 0 #80cbff}.sidebarAccount{margin-top:auto;padding:20px 12px 0;border-top:1px solid #2b3b51}.sidebarAccount p{overflow-wrap:anywhere}.pageHeading{display:flex;align-items:center;justify-content:space-between;gap:16px}.pageHeading h1{font-size:32px;margin:8px 0 0}.pageHeading .eyebrow{margin-top:0}#message:empty{min-height:0;margin:16px 0}#login{margin:30px auto}body:not(.signed-in) main{max-width:700px;margin:auto}#access{border:0;margin:0;padding:0}.sectionGrid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,1fr);gap:30px}.sectionGrid form{padding:24px;background:#142237;border:1px solid #2b3b51;border-radius:14px;align-self:start}h2{font-size:19px}.record{padding:16px 18px;border-bottom:1px solid #2b3b51;display:flex;gap:16px;justify-content:space-between}.record span{color:#a7b8d0}.recordList{background:#111e30;border:1px solid #2b3b51;border-radius:12px;overflow:hidden}.record:last-child{border:0}.adminGrid{display:block;max-width:650px}.adminGrid form{margin:18px 0}.revoke{margin-top:24px;border-top:1px solid #2b3b51;padding-top:20px}.revoke summary{cursor:pointer;color:#ffc6b3}#menuToggle{display:none}footer{max-width:none;margin-top:0;padding:16px 30px}#pageTitle:focus{outline:none}a:focus-visible,summary:focus-visible{outline:3px solid #9edaff;outline-offset:3px}@media(max-width:900px){.sectionGrid{grid-template-columns:1fr}.signed-in #sidebar{width:200px}main{padding:24px}}@media(max-width:700px){header{padding:15px;flex-wrap:wrap}.headerTools{gap:8px}#menuToggle:not([hidden]){display:block}.appLayout{display:block}.signed-in #sidebar{display:none;width:100%;height:auto;position:static;border:0;border-bottom:1px solid #2b3b51}.signed-in.menu-open #sidebar{display:flex}.sidebarAccount{margin-top:18px;padding-top:10px}.pageHeading h1{font-size:27px}main{padding:20px 16px}.sectionGrid{gap:20px}.record{flex-direction:column;gap:3px}} 

:root{color-scheme:dark}:root[data-theme=light]{color-scheme:light}[data-theme=light] body{background:#f3f6fa;color:#17283d}[data-theme=light] header,[data-theme=light] #sidebar{background:#fff}[data-theme=light] .brand span,[data-theme=light] .eyebrow{color:#14629c}[data-theme=light] button,[data-theme=light] input,[data-theme=light] select{background:#fff;color:#17283d;border-color:#9aaec4}[data-theme=light] button[aria-pressed=true],[data-theme=light] .primary{background:#175d92;color:#fff;border-color:#175d92}[data-theme=light] #login,[data-theme=light] .stats article,[data-theme=light] .notice,[data-theme=light] .adminGrid form,[data-theme=light] .sectionGrid form,[data-theme=light] .recordList{background:#fff;border-color:#ccd7e3}[data-theme=light] #mainMenu a{color:#42566f}[data-theme=light] #mainMenu a:hover{background:#e9f1f8;color:#17283d}[data-theme=light] #mainMenu a[aria-current=page]{background:#dcecf9;color:#144f7c}[data-theme=light] th,[data-theme=light] .muted,[data-theme=light] footer,[data-theme=light] .record span,[data-theme=light] .stats span{color:#50657e}[data-theme=light] td,[data-theme=light] th,[data-theme=light] .record,[data-theme=light] header,[data-theme=light] footer,[data-theme=light] .sidebarAccount,[data-theme=light] #sidebar{border-color:#ccd7e3}[data-theme=light] .badge{background:#e2e8f0;color:#40536a}[data-theme=light] .badge.online{background:#d8f3e5;color:#17613b}[data-theme=light] .badge.offline{background:#ffe4da;color:#8e391c}[data-theme=light] #message,[data-theme=light] .revoke summary{color:#964216}[data-theme=light] button:focus-visible,[data-theme=light] input:focus-visible,[data-theme=light] a:focus-visible{outline-color:#175d92}