body{margin:0;font-family:Arial,sans-serif;background:#f4f6f9;color:#172033}header{background:#0f172a;color:white;padding:24px;display:flex;justify-content:space-between;align-items:center}header h1{margin:0 0 6px}header p{margin:0;color:#cbd5e1}button{background:#22c55e;color:white;border:0;padding:10px 14px;border-radius:8px;cursor:pointer}.urlbar{display:flex;gap:12px;align-items:center;background:#fff;padding:16px 18px;border-bottom:1px solid #e5e7eb}.urlbar label{font-weight:bold}.urlbar input{flex:1;padding:11px;border:1px solid #cbd5e1;border-radius:8px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px}.card{background:white;padding:18px;border-radius:14px;box-shadow:0 8px 24px rgba(15,23,42,.06)}.card span{font-size:30px;display:block;font-weight:bold}.card small,.hint{color:#64748b}.ok span{color:#16a34a}.bad span{color:#dc2626}.warn span{color:#f59e0b}main{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:18px}.panel{background:white;border-radius:14px;padding:18px;box-shadow:0 8px 24px rgba(15,23,42,.06);overflow:auto}.wide{grid-column:span 1}table{width:100%;border-collapse:collapse}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:10px;font-size:14px}.badge{padding:5px 8px;border-radius:20px;color:white;font-size:12px}.running{background:#16a34a}.exited,.dead{background:#dc2626}.created,.paused{background:#f59e0b}.event{border-left:5px solid #64748b;padding:10px;margin-bottom:10px;background:#f8fafc;border-radius:8px}.event.danger{border-left-color:#dc2626}.event.warning{border-left-color:#f59e0b}.event.info{border-left-color:#2563eb}.event time{font-size:12px;color:#64748b}.event strong{display:block;margin:4px 0}.modal{position:fixed;inset:0;background:rgba(15,23,42,.65);display:flex;align-items:center;justify-content:center}.hidden{display:none}.modal-content{background:#0f172a;color:#e5e7eb;width:85%;max-width:1000px;max-height:80vh;overflow:auto;border-radius:14px;padding:18px}.close{float:right;background:#dc2626}pre{white-space:pre-wrap;font-size:13px}code{background:#e5e7eb;padding:2px 5px;border-radius:4px;color:#111827}@media(max-width:900px){.cards,main{grid-template-columns:1fr}.urlbar{flex-direction:column;align-items:stretch}table{font-size:12px}}