*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;color:#eef6ff}body{margin:0;background:#020617}.ocean{min-height:100vh;position:relative;overflow:hidden;background:radial-gradient(circle at 20% 20%,#22d3ee55 0%,transparent 45%),radial-gradient(circle at 80% 30%,#818cf855 0%,transparent 45%),linear-gradient(135deg,#041025,#052348 45%,#042f5a)}.ocean-glow{position:absolute;width:40vw;height:40vw;max-width:480px;max-height:480px;left:-8vw;top:12vh;border-radius:999px;background:radial-gradient(circle,#22d3ee44,transparent 65%);filter:blur(14px);animation:drift 10s ease-in-out infinite}.ocean-glow-2{left:auto;right:-12vw;top:40vh;background:radial-gradient(circle,#c084fc44,transparent 65%);animation-duration:14s}@keyframes drift{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-24px) translate(18px)}}.app{position:relative;max-width:1240px;margin:0 auto;padding:24px;z-index:1}h1{margin-bottom:6px}.sub{margin-top:0;color:#bfdbfe}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.agent-card,.panel{background:linear-gradient(165deg,#0f172acc,#1e1b4bcc);border:1px solid #7dd3fc33;border-radius:16px;padding:14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 28px #0004}.agent-head{display:flex;align-items:center;gap:10px}.emoji{font-size:28px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#ffffff12}.badge{display:inline-block;font-size:12px;margin-top:2px;padding:2px 8px;border-radius:999px;font-weight:600}.badge.active{background:#22c55e33;color:#86efac;border:1px solid #22c55e66}.badge.idle{background:#94a3b833;color:#cbd5e1;border:1px solid #94a3b866}.current-job{color:#dbeafe;min-height:42px}.stats-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stats-row div{background:#ffffff10;border:1px solid #ffffff1f;border-radius:10px;padding:8px}.stats-row span{display:block;font-size:12px;color:#bfdbfe}.muted{color:#bfdbfe;font-size:12px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.panel.full{grid-column:1 / -1}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid #ffffff1f;text-align:left;padding:8px}th{color:#bfdbfe;font-weight:600}@media(max-width:900px){.grid{grid-template-columns:1fr}}