*{box-sizing:border-box}body{margin:0;background:#f6f7f9;color:#17212c;font:16px/1.45 system-ui}
header{height:64px;background:#292b2e;color:white;display:flex;align-items:center;gap:32px;padding:0 24px}
header span{font-size:13px;color:#c5df27}aside{position:fixed;top:64px;bottom:0;width:250px;background:#292b2e;color:#d9dee4;padding:24px}
aside p{font-size:13px;color:#aab4c0}aside button{display:block;width:100%;text-align:left;margin:10px 0}aside a{color:#d9dee4}
main{margin-left:250px;padding:28px;max-width:1700px}h1{font-size:26px;margin:0 0 12px}h2{font-size:18px}
button,a.action{cursor:pointer;border:1px solid #dbe0e7;border-radius:6px;padding:10px 16px;background:white;color:#17212c;font:inherit}
button:hover,a.action:hover{border-color:#229b83;background:#ecf8f4}button:disabled{opacity:.5;cursor:wait}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.card{text-align:left;border-top:3px solid #229b83;min-height:100px}
.card small{display:block;color:#637285;margin-bottom:6px}.row{display:flex;align-items:center;gap:16px;padding:12px;border-bottom:1px solid #e5e9ed;background:white}
.row button{flex:1;text-align:left}.tabs{display:flex;gap:8px;margin:18px 0}.tabs button{border-top:3px solid #448bcd}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:20px;border:1px solid #dbe0e7;border-radius:6px;font:14px/1.6 monospace}
#status{color:#546477;min-height:24px}.error{color:#b82138!important}@media(max-width:760px){aside{position:static;width:auto}main{margin:0}header{height:auto;padding:12px;flex-wrap:wrap}}