:root{font-family:Segoe UI,sans-serif;color:#dfe7ef;background:#0e151e}*{box-sizing:border-box}body{margin:0;display:flex}aside{width:230px;padding:40px 25px;background:#141f2c;min-height:100vh}aside b{font-size:24px}aside p,header>p{font-size:11px;letter-spacing:2px;color:#77baa9}nav{margin-top:50px}main{padding:42px;width:calc(100% - 230px);max-width:1500px}h1{font-size:34px;margin:10px 0}header{margin-bottom:28px}section{background:#182330;border:1px solid #293949;border-radius:14px;padding:24px;margin:20px 0}p,#status{color:#a0b1c2;line-height:1.6}input,button{padding:12px;border-radius:7px;border:1px solid #344858;background:#101b27;color:#e8f1fa;margin:5px}button{cursor:pointer;background:#257a68}#metrics{display:flex;gap:18px}.metric{flex:1;padding:20px;background:#182330;border-radius:12px}.metric strong{display:block;font-size:28px;margin-top:8px}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:14px;border-bottom:1px solid #2b3a49}th{color:#9db4c5;font-size:12px}pre{white-space:pre-wrap;overflow-wrap:anywhere}a{color:#75d7b6}@media(max-width:850px){aside{display:none}main{width:100%;padding:20px}section{overflow:auto}#metrics{flex-wrap:wrap}}