body{font-family:system-ui,-apple-system,sans-serif;background-color:#f8fafc;color:#334155;margin:0;padding:40px 20px}.container{max-width:900px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.header h2{margin:0;color:#0f172a}.status-indicator{background:#e2e8f0;color:#475569;padding:4px 12px;border-radius:999px;font-size:.875rem;font-weight:600}.status-live{color:#10b981;font-weight:700;font-size:.9em}.card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:20px}.input-group{display:flex;gap:10px;margin-top:15px}input{flex:1;padding:12px 16px;border:1px solid #cbd5e1;border-radius:8px;font-size:1rem;outline:none;transition:border-color .2s}input:focus{border-color:#3b82f6}button{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}button:hover{background:#2563eb}button:disabled{background:#94a3b8;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{padding:16px;text-align:left;border-bottom:1px solid #e2e8f0}th{color:#64748b;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}tr:last-child td{border-bottom:none}tr:hover td{background-color:#f8fafc}a{color:#3b82f6;text-decoration:none;font-weight:500}a:hover{text-decoration:underline}