:root{color:#172033;background:#f5f7fa;font-family:Inter,system-ui,Arial,sans-serif}body{margin:0}.app{min-height:100vh;display:flex}aside{color:#fff;background:#101827;flex-direction:column;gap:8px;width:248px;padding:20px;display:flex}aside button{color:#dbe5f4;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:11px;display:flex}aside button.active,aside button:hover{background:#26344a}.brand{align-items:center;gap:10px;margin-bottom:20px;font-size:22px;font-weight:700;display:flex}footer{color:#aab7ca;overflow-wrap:anywhere;margin-top:auto;font-size:12px}footer b{color:#fff;margin-top:6px;display:block}main{flex:1;padding:24px;overflow:auto}header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #d8e0ea;border-radius:8px;padding:18px}button,.primary{color:#fff;cursor:pointer;background:#1f6feb;border:0;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;text-decoration:none;display:inline-flex}button:disabled{cursor:not-allowed;background:#9aa7b8}table{border-collapse:collapse;background:#fff;border:1px solid #d8e0ea;width:100%;margin-top:16px}th,td{text-align:left;border-bottom:1px solid #e6ebf2;padding:10px;font-size:14px}th{background:#edf2f7;position:sticky;top:0}textarea{border:1px solid #bfccd9;border-radius:8px;width:100%;min-height:180px;padding:12px;font-family:ui-monospace,monospace}.login{color:#fff;background:#101827;place-items:center;min-height:100vh;display:grid}.login section{max-width:480px}.login h1{font-size:42px}.login p{color:#d8e0ea}.login small{color:#abb8c9;margin-top:14px;display:block}.error{color:#b42318}.empty,.loading{color:#617089}.null{color:#7b8794;font-style:italic}iframe{background:#fff;border:1px solid #d8e0ea;border-radius:8px;width:100%;height:760px;margin-top:18px}@media (width<=800px){.app{display:block}aside{width:auto}main{padding:14px}}