*{box-sizing:border-box}body{margin:0;background:#0b1220;color:#e7eef8;font:16px system-ui}main{max-width:1200px;margin:auto;padding:32px}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #28354b;margin-bottom:24px}h1{font-size:30px}small{color:#95a8c5}section,article{background:#131f32;border:1px solid #28354b;border-radius:16px;padding:24px}#login{max-width:440px;margin:55px auto}label{display:block;margin:16px 0}input,select,button{font:inherit;border-radius:8px;padding:12px;border:1px solid #354662;background:#0c1628;color:#e7eef8}label input{width:100%;margin-top:8px}button{background:#126eab;cursor:pointer}button:disabled{opacity:.45;cursor:default}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}strong{display:block;font-size:28px;margin-top:8px}.table{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:right;padding:16px;border-bottom:1px solid #28354b;white-space:nowrap}th{color:#95a8c5}nav{display:flex;gap:16px;margin-top:24px;align-items:center}#message{color:#7ed6ef;white-space:pre-wrap}pre{white-space:pre-wrap;direction:ltr;font-size:12px}#searchForm{display:flex;gap:8px}#search{flex:1}[hidden]{display:none!important}@media(max-width:650px){main{padding:16px}.metrics{grid-template-columns:1fr}h1{font-size:23px}}