.layout{display:flex;flex:1;overflow:hidden}.sidebar{width:220px;display:flex;flex-direction:column;background:#090909;border-right:1px solid #202020}.footer-title,.sidebar-title{padding:18px;border-bottom:1px solid #1b1b1b;color:#6d6d6d;font-size:12px;letter-spacing:1px}.sidebar nav{display:flex;flex-direction:column}.sidebar a{padding:10px 18px;color:#9a9a9a;text-decoration:none;border-left:2px solid transparent;transition:background 120ms,color 120ms,border-color 120ms}.sidebar a:hover{background:#101010;color:#d8d8d8}.sidebar a.active{background:#101010;border-left-color:#59ff59;color:#59ff59}.sidebar-footer{margin-top:auto;border-top:1px solid #202020}.status{display:flex;align-items:center;gap:8px;padding:18px}.dot,.dot--green,.dot--red{width:8px;height:8px;flex-shrink:0}.dot,.dot--green{background:#59ff59}.dot--red{background:#ff5959}.page{flex:1;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:18px;border-bottom:1px solid #202020;background:#080808}.page-title{margin:0;color:#fff;font-size:20px;font-weight:400}.page-subtitle{margin-top:6px;color:#777;font-size:14px}