:root{color:#172033;background:#f5f7fb;font-family:Inter,system-ui,Arial}*{box-sizing:border-box}body{margin:0}.app{grid-template-columns:220px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#101827;padding:24px 14px}aside h2{margin:0 0 28px;padding:0 10px}aside h2 span{color:#ffc425}aside button{color:#b8c1d1;text-align:left;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:9px;width:100%;margin:3px 0;padding:11px 12px;display:block}aside button.active,aside button:hover{color:#fff;background:#1f2a3e}main{padding:28px;overflow:auto}header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{margin:0}header p{color:#697386;margin:5px 0}.refresh,td button{color:#fff;cursor:pointer;background:#172033;border:0;border-radius:9px;align-items:center;gap:7px;padding:9px 12px;display:inline-flex}.cards{grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin:18px 0 28px;display:grid}.card{background:#fff;border:1px solid #e5eaf1;border-radius:14px;padding:17px;box-shadow:0 5px 20px #1b274008}.card small{color:#6c7688;margin:12px 0 5px;display:block}.card strong{font-size:25px}.card p{color:#6c7688;font-size:12px}table{border-collapse:collapse;background:#fff;border-radius:14px;width:100%;overflow:hidden}th,td{text-align:left;border-bottom:1px solid #edf0f5;padding:13px;font-size:13px}th{color:#6d7685;background:#f9fafc}.pill{background:#fff5cc;border-radius:99px;padding:4px 8px;font-size:11px}.mono{font-family:ui-monospace,monospace;font-size:11px}.list pre{background:#fff;border:1px solid #e5eaf1;border-radius:12px;padding:14px;overflow:auto}@media (width<=760px){.app{grid-template-columns:1fr}aside{padding:10px;display:flex;overflow:auto}aside h2{display:none}aside button{white-space:nowrap}main{padding:16px}}