*{box-sizing:border-box}body{color:#e7eaf0;background:#090b10;margin:0;font:14px/1.45 Inter,system-ui,sans-serif}button,input{font:inherit}button{color:#e7eaf0;cursor:pointer;background:#1b2130;border:1px solid #2c3548;border-radius:6px;padding:8px 12px}button:hover{background:#242d40}.box{background:#11151e;border:1px solid #232b3b;border-radius:12px;max-width:560px;margin:10vh auto;padding:28px}label{color:#9aa6bc;margin:12px 0;display:block}input{color:#e7eaf0;background:#0b0f16;border:1px solid #2c3548;border-radius:6px;width:100%;margin-top:5px;padding:9px;display:block}code,pre{color:#9fe6c0;background:#0b0f16;border:1px solid #232b3b;border-radius:6px;padding:8px;overflow:auto}.muted{color:#7e8aa1}.err{color:#ff8b8b}.app{min-height:100vh;display:flex}aside{background:#0d1119;border-right:1px solid #202838;flex-direction:column;gap:6px;width:210px;padding:18px;display:flex}aside h2{margin:0 0 4px}aside button{text-align:left;background:0 0;border:0}aside button.active{color:#fff;background:#1c2536}main{flex:1;padding:28px;overflow:auto}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.card{background:#11151e;border:1px solid #232b3b;border-radius:10px;flex-direction:column;gap:8px;padding:16px;display:flex}.card span{color:#8d99af}.card strong{font-size:24px}.table{border:1px solid #232b3b;border-radius:8px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th,td{text-align:left;border-bottom:1px solid #1d2534;padding:9px 12px}th{color:#9aa6bc;background:#11151e;position:sticky;top:0}