:root{--bg:#0b0f14;--panel:#121820;--line:#26303c;--text:#edf3f8;--muted:#8290a1;--cyan:#39d6c7;--red:#ff6470}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:grid;grid-template-columns:235px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);padding:30px 18px 18px;background:#0e1319;display:flex;flex-direction:column}.brand{font-weight:800;font-size:20px;letter-spacing:.08em;padding:0 12px 35px}.brand span{color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:10px;margin-top:5px;letter-spacing:.15em}.sidebar-head{display:block}#mobile-menu-toggle,.mobile-menu-backdrop{display:none}nav{display:grid;gap:6px;overflow:auto}nav a{color:var(--muted);text-decoration:none;padding:12px;border-radius:8px}nav a:hover,nav a.active{color:var(--text);background:#18212b}.panel-account{margin-top:auto;padding:14px 10px 2px;border-top:1px solid var(--line)}.account-identity{display:flex;align-items:center;gap:10px;min-width:0}.account-avatar{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:50%;background:#12332e;border:1px solid #287d73;color:var(--cyan);font-weight:900}.account-identity>span:last-child{display:grid;min-width:0}.account-identity small{color:var(--muted);font-size:8px;letter-spacing:.12em}.account-identity strong{margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.account-identity em{color:var(--cyan);font-size:10px;font-style:normal;text-transform:capitalize}.account-identity.signed-out .account-avatar{background:#151b22;border-color:var(--line);color:var(--muted)}#panel-logout,.panel-login{display:block;width:100%;margin-top:10px;padding:8px;border:1px solid var(--line);border-radius:8px;background:#141b23;color:var(--muted);font-size:11px;text-align:center;text-decoration:none;cursor:pointer}#panel-logout:hover,.panel-login:hover{border-color:#73343b;color:var(--text)}main{padding:46px;max-width:1300px;width:100%}header p{color:var(--cyan);text-transform:uppercase;letter-spacing:.16em;font-size:11px;margin:0 0 8px}h1{font-size:36px;margin:0 0 32px}h2{font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px}.grid article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px}.grid small{color:var(--muted);letter-spacing:.12em}.grid h2{margin:10px 0 0}.dot{float:right;width:9px;height:9px;border-radius:50%;background:var(--red);box-shadow:0 0 12px var(--red)}.dot.ok{background:var(--cyan);box-shadow:0 0 12px var(--cyan)}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel-title a{color:var(--cyan);text-decoration:none}.feed{display:block;width:100%;max-height:650px;object-fit:contain;background:#050709;border-radius:8px;margin-top:14px}.empty{display:grid;place-items:center;min-height:300px;color:var(--muted);border:1px dashed var(--line);border-radius:8px;margin-top:14px}.badge{color:var(--cyan);border:1px solid #256d68;border-radius:99px;padding:5px 10px;font-size:11px}.table>div{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.table>div:last-child{border:0}.table span,time{color:var(--muted)}code{color:#b8cadb;overflow-wrap:anywhere}.good{color:var(--cyan)}.bad{color:var(--red)}.note{color:var(--muted);margin-top:0}.log-list>div{display:grid;grid-template-columns:80px 70px 1fr;gap:14px;border-bottom:1px solid var(--line)}.log-list p{margin:14px 0}.level{color:var(--cyan);font-size:11px;margin:auto 0}@media(max-width:760px){body{display:block}aside{position:static;height:auto;border-right:0;border-bottom:1px solid var(--line)}.brand{padding-bottom:18px}nav{display:flex;overflow:auto}.panel-account{margin-top:14px;display:flex;align-items:center;gap:12px}.account-identity{flex:1}#panel-logout,.panel-login{width:auto;margin:0;padding:9px 13px}main{padding:26px 18px}.grid{grid-template-columns:1fr}.table>div{grid-template-columns:1fr}.log-list>div{grid-template-columns:60px 55px 1fr}}
@media(max-width:760px){body{display:block}body.mobile-menu-open{overflow:hidden}aside{position:sticky;top:0;z-index:50;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line);box-shadow:0 5px 22px rgba(0,0,0,.35)}.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{padding:7px 2px;font-size:17px}.brand small{margin-top:2px;font-size:8px}#mobile-menu-toggle{display:flex;align-items:center;gap:9px;min-width:145px;padding:7px 10px;border:1px solid #31404f;border-radius:9px;background:#151e27;color:var(--text);text-align:left}.menu-icon{color:var(--cyan);font-size:20px;line-height:1}#mobile-menu-toggle>span:last-child{display:grid;min-width:0}#mobile-menu-toggle small{color:var(--muted);font-size:7px;letter-spacing:.13em}#mobile-menu-toggle strong{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}aside nav,aside .panel-account{display:none}aside.menu-open{max-height:calc(100dvh - 8px);overflow:auto}aside.menu-open nav{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);overflow:visible}aside.menu-open nav a{display:flex;align-items:center;min-height:44px;padding:10px;font-size:12px;line-height:1.2}aside.menu-open .panel-account{display:flex;margin-top:12px;padding:12px 2px 2px;position:sticky;bottom:0;background:#0e1319}.mobile-menu-backdrop{position:fixed;inset:0;z-index:40;width:100%;height:100%;border:0;background:rgba(0,0,0,.62)}body.mobile-menu-open .mobile-menu-backdrop{display:block}main{padding:24px 14px}.grid{grid-template-columns:1fr}.table>div{grid-template-columns:1fr}.log-list>div{grid-template-columns:60px 55px 1fr}}

/* Grouped application navigation */
#main-navigation{gap:7px}.nav-group{display:grid;gap:3px}.nav-group-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 11px;border:0;border-radius:8px;background:transparent;color:#68788b;font:inherit;font-size:10px;font-weight:850;letter-spacing:.08em;text-align:left;text-transform:uppercase;cursor:pointer}.nav-group-toggle:hover{background:#131b24;color:#aebccb}.nav-chevron{font-size:15px;transition:transform .18s ease}.nav-group.open .nav-chevron{transform:rotate(180deg)}.nav-group-links{display:grid;gap:3px}.nav-group-links[hidden]{display:none}#main-navigation .nav-group-links a{padding:9px 12px 9px 18px;font-size:13px}#main-navigation a.active{box-shadow:inset 3px 0 var(--cyan)}
@media(max-width:760px){aside.menu-open #main-navigation{grid-template-columns:1fr;gap:8px}.nav-group{padding:3px;border:1px solid #202c38;border-radius:10px;background:#10171f}.nav-group-toggle{min-height:42px;padding:10px 12px;color:#a6b4c4;font-size:10px}.nav-group-links{grid-template-columns:1fr 1fr;gap:5px;padding:0 5px 6px}aside.menu-open #main-navigation .nav-group-links a{min-height:42px;padding:9px 10px;background:#151e27}aside.menu-open #main-navigation .nav-group-links a.active{background:#1a282f}.nav-group-links a:last-child:nth-child(odd){grid-column:1/-1}}